.btn-overlay-pill{position:fixed;z-index:899;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a;color:var(--color-text-main);font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .12s,box-shadow .12s}.btn-overlay-pill:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 12px #0000001f}[data-theme=dark] .btn-overlay-pill:hover{border-color:var(--color-blue-400);color:var(--color-blue-400)}#dock-btn{bottom:24px;left:50%;transform:translate(-50%)}@media(min-width:768px){#dock-btn{top:76px;left:12px;bottom:unset;transform:unset}}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}#v2.show-menu .menu-backdrop{opacity:1;visibility:visible}.overlay-card{position:fixed;background:var(--color-bg-body);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid var(--color-border);box-shadow:0 8px 32px var(--color-shadow);opacity:0;visibility:hidden;z-index:1000}#v2.show-menu .overlay-card{opacity:1;visibility:visible}#v2 .overlay-card{bottom:90px;left:50%;transform:translate(-50%) translateY(10px);width:90%;max-width:800px;padding:12px}#v2.show-menu .overlay-card{transform:translate(-50%) translateY(0)}.view-container{position:relative;width:100%}.view-pane{width:100%;transition:all .3s cubic-bezier(.16,1,.3,1)}#dock-sub-view{display:none}#dock-sub-list{max-height:calc(100vh - 325px);overflow:auto}#dock-sub-list::-webkit-scrollbar{width:6px}#dock-sub-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-text-main) 5%,transparent);border-radius:3px}#dock-sub-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-main) 20%,transparent);border-radius:3px}#v2.view-sub .view-pane:first-child{display:none}#v2.view-sub #dock-sub-view{display:block}#v2 .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px}.cat-tile{background:var(--color-bg-surface);padding:12px;border-radius:12px;text-align:center;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);transition:all .2s;box-shadow:0 2px 8px var(--color-shadow);color:var(--color-text-main)}.cat-tile:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}[data-theme=dark] .cat-tile:hover{border-color:var(--color-gray-400);color:var(--color-text-main)}#v2 .cat-tile svg{display:block;margin:0 auto 6px;width:20px;height:20px}.back-btn{display:flex;align-items:center;gap:4px;padding-bottom:12px;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}[data-theme=dark] .back-button,[data-theme=dark] .detail-back{color:var(--color-link-dark);&:hover{color:var(--color-link-dark-hover)}}.back-btn:hover{gap:6px}.sub-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:8px;padding:4px}.sub-list-item{background:var(--color-bg-surface);padding:12px;border-radius:10px;font-size:12px;cursor:pointer;border:1px solid var(--color-border);transition:all .2s;text-align:center;font-weight:500;color:var(--color-text-main)}.sub-list-item:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}[data-theme=dark] .sub-list-item:hover{border-color:var(--color-gray-400);color:var(--color-text-main)}@media(max-width:768px){#v2 .cat-grid,#v2 .sub-list{grid-template-columns:1fr;max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}#v2 .cat-grid::-webkit-scrollbar,#v2 .sub-list::-webkit-scrollbar{width:6px}#v2 .cat-grid::-webkit-scrollbar-track,#v2 .sub-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-text-main) 5%,transparent);border-radius:3px}#v2 .cat-grid::-webkit-scrollbar-thumb,#v2 .sub-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-main) 20%,transparent);border-radius:3px}#dock-sub-list{overflow:hidden;max-height:unset}}