:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;margin:0;padding:0;font-weight:400}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[data-v-0297db61]{line-height:1.5;max-height:100vh}.logo[data-v-0297db61]{display:block;margin:0 auto 2rem}nav[data-v-0297db61]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-0297db61]{color:var(--color-text)}nav a.router-link-exact-active[data-v-0297db61]:hover{background-color:transparent}nav a[data-v-0297db61]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-0297db61]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-0297db61]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-0297db61]{margin:0 2rem 0 0}header .wrapper[data-v-0297db61]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-0297db61]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.site-card[data-v-a08fb23c]{position:relative;min-width:0;border:1px solid var(--nav-line);border-radius:10px;background:#fff;transition:border-color .16s ease,background-color .16s ease}.site-card[data-v-a08fb23c]:hover{border-color:#91b6df;background:#f9fbfe}.site-link[data-v-a08fb23c]{display:flex;align-items:center;gap:16px;min-height:112px;padding:20px 52px 20px 20px;color:inherit;text-decoration:none;height:100%;border-radius:inherit}.site-info[data-v-a08fb23c]{min-width:0;flex:1}h3[data-v-a08fb23c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.5}p[data-v-a08fb23c]{margin-top:3px;color:var(--nav-muted);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.favorite-button[data-v-a08fb23c]{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:none;border-radius:6px;background:transparent;color:#62748b;cursor:pointer}.favorite-button[data-v-a08fb23c]:hover,.favorite-button.saved[data-v-a08fb23c]{color:var(--nav-accent);background:#edf3fa}a[data-v-a08fb23c]:focus-visible,button[data-v-a08fb23c]:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.compact .site-link[data-v-a08fb23c]{min-height:82px;padding-top:10px;padding-bottom:10px}.site-link[data-v-a08fb23c] .site-avatar{width:52px;height:52px;border-radius:12px}.site-link[data-v-a08fb23c] img{width:34px;height:34px}.site-link[data-v-a08fb23c] .site-initial{font-size:23px}.compact .site-link[data-v-a08fb23c] .site-avatar{width:42px;height:42px}.compact .site-link[data-v-a08fb23c] img{width:28px;height:28px}.compact h3[data-v-a08fb23c]{font-size:16px}.compact p[data-v-a08fb23c]{font-size:13px}@media (max-width: 768px){.site-link[data-v-a08fb23c]{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;min-height:148px}.site-info[data-v-a08fb23c]{width:100%}h3[data-v-a08fb23c]{font-size:16px}p[data-v-a08fb23c]{font-size:13px}.favorite-button[data-v-a08fb23c]{width:40px;height:40px;right:3px;top:3px}.compact .site-link[data-v-a08fb23c]{flex-direction:row;align-items:center;gap:12px;padding:12px 50px 12px 12px;min-height:74px}.compact .favorite-button[data-v-a08fb23c]{top:50%;transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.site-card[data-v-a08fb23c]{transition:none}}.nav-home[data-v-4c3a5308]{--nav-ink: #243247;--nav-muted: #5c6b7e;--nav-accent: #2866af;--nav-line: #e2e8f0;display:flex;height:100vh;height:100dvh;background:#f5f7fa;color:var(--nav-ink)}button[data-v-4c3a5308],input[data-v-4c3a5308],select[data-v-4c3a5308]{font:inherit}button[data-v-4c3a5308],a[data-v-4c3a5308],input[data-v-4c3a5308],select[data-v-4c3a5308]{-webkit-tap-highlight-color:transparent}a[data-v-4c3a5308]:focus-visible,button[data-v-4c3a5308]:focus-visible,select[data-v-4c3a5308]:focus-visible{outline:2px solid var(--nav-accent);outline-offset:4px}.sidebar[data-v-4c3a5308]{display:flex;flex-direction:column;width:240px;flex-shrink:0;background:#2c3e50;color:#fff}.brand[data-v-4c3a5308]{display:flex;gap:12px;align-items:center;padding:24px 20px;color:inherit;text-decoration:none}.brand img[data-v-4c3a5308]{object-fit:cover;border-radius:8px}.brand h1[data-v-4c3a5308]{font-size:20px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-nav[data-v-4c3a5308]{flex:1;min-height:0;overflow-y:auto;padding:12px}.nav-label[data-v-4c3a5308]{display:flex;justify-content:space-between;margin:0 10px 12px;font-size:12px;font-weight:600;color:#c4ceda}.category-list[data-v-4c3a5308]{padding:0;margin:0;list-style:none}.category-list li+li[data-v-4c3a5308]{margin-top:4px}.category-link[data-v-4c3a5308]{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:8px;color:#dce4ed;text-decoration:none;transition:background-color .16s ease,color .16s ease}.category-link[data-v-4c3a5308]:hover{background:#374d62;color:#fff}.category-link.active[data-v-4c3a5308]{background:#405b74;color:#fff}.category-link[data-v-4c3a5308]:focus-visible{outline-color:#9fc8ff;outline-offset:-2px}.category-emoji[data-v-4c3a5308]{font-size:18px;flex-shrink:0}.category-label[data-v-4c3a5308]{font-size:14px;min-width:0;flex:1}.category-count[data-v-4c3a5308]{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}.nav-empty[data-v-4c3a5308]{padding:12px;color:#c4ceda;font-size:13px}.github-link[data-v-4c3a5308]{display:flex;gap:10px;align-items:center;margin:12px;padding:14px 10px;border-top:1px solid #526274;color:#dce4ed;font-size:12px;text-decoration:none}.github-link span[data-v-4c3a5308]:last-child{margin-left:auto}.github-link[data-v-4c3a5308]:hover{color:#fff}.main-content[data-v-4c3a5308]{display:flex;flex:1;flex-direction:column;min-width:0}.search-header[data-v-4c3a5308]{display:flex;align-items:center;gap:12px;padding:18px 32px;background:#fff;border-bottom:1px solid var(--nav-line);flex-shrink:0}.search-container[data-v-4c3a5308]{display:flex;flex:1;min-width:0;align-items:center;gap:8px;width:100%;max-width:720px;min-height:46px;margin:0 auto;padding:0 10px;border:1px solid #d3dce8;border-radius:10px;background:#fff}.search-container[data-v-4c3a5308]:focus-within{outline:2px solid var(--nav-accent);outline-offset:2px}.search-mode[data-v-4c3a5308]{display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid var(--nav-line);color:var(--nav-muted)}.search-mode img[data-v-4c3a5308]{object-fit:contain}.search-mode select[data-v-4c3a5308]{max-width:120px;padding:6px 2px;border:none;color:var(--nav-ink);background:#fff;cursor:pointer;font-size:13px}.search-container input[data-v-4c3a5308]{min-width:0;flex:1;padding:10px 4px;border:none;outline:none;background:transparent;color:var(--nav-ink);font-size:15px}.search-container input[data-v-4c3a5308]::placeholder{color:var(--nav-muted)}.search-container input[data-v-4c3a5308]::-webkit-search-cancel-button{display:none}.clear-search[data-v-4c3a5308],.web-search[data-v-4c3a5308]{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:none;background:transparent;border-radius:6px;color:var(--nav-muted);cursor:pointer;font-size:22px}.clear-search[data-v-4c3a5308]:hover,.web-search[data-v-4c3a5308]:hover{background:#edf3fa;color:var(--nav-accent)}.search-shortcut[data-v-4c3a5308]{padding:0 6px;border:1px solid var(--nav-line);border-radius:4px;color:var(--nav-muted);font-size:12px}.mobile-menu-btn[data-v-4c3a5308]{display:none}.content-area[data-v-4c3a5308]{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 40px}.categories-container[data-v-4c3a5308]{max-width:1320px;margin:0 auto}.collection-summary[data-v-4c3a5308]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;color:var(--nav-muted)}.collection-actions[data-v-4c3a5308]{display:flex;align-items:center;gap:14px;flex-shrink:0}.view-switch[data-v-4c3a5308]{display:flex;padding:3px;background:#e9eef5;border-radius:7px}.view-switch button[data-v-4c3a5308]{padding:5px 10px;border:none;background:transparent;color:var(--nav-muted);border-radius:5px;cursor:pointer;font-size:12px}.view-switch button[aria-pressed=true][data-v-4c3a5308]{background:#fff;color:var(--nav-accent);font-weight:600}.favorite-hint[data-v-4c3a5308]{margin:-10px 0 24px;font-size:12px;color:var(--nav-muted)}.preference-status[data-v-4c3a5308]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.list-view .sites-grid[data-v-4c3a5308]{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-summary strong[data-v-4c3a5308]{font-weight:600;color:var(--nav-ink)}.collection-summary span[data-v-4c3a5308]{margin-left:4px}.category-section[data-v-4c3a5308]{margin-bottom:32px}.category-heading[data-v-4c3a5308]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.category-heading h2[data-v-4c3a5308]{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;text-wrap:balance}.category-heading h2 span[data-v-4c3a5308]{font-size:21px}.category-heading>span[data-v-4c3a5308]{flex-shrink:0;font-size:12px;color:var(--nav-muted)}.sites-grid[data-v-4c3a5308]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-empty[data-v-4c3a5308]{padding:20px 0;color:var(--nav-muted);font-size:14px}.collection-end[data-v-4c3a5308]{margin-top:40px;color:var(--nav-muted);text-align:center;font-size:12px}.page-state[data-v-4c3a5308],.empty-state[data-v-4c3a5308]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:320px;text-align:center;color:var(--nav-muted)}.empty-state h2[data-v-4c3a5308]{font-size:20px;font-weight:600;color:var(--nav-ink)}.empty-state p[data-v-4c3a5308]{max-width:40ch;font-size:14px}.primary-button[data-v-4c3a5308]{padding:10px 16px;border:none;border-radius:8px;background:var(--nav-accent);color:#fff;cursor:pointer;font-size:14px}.primary-button[data-v-4c3a5308]:hover{background:#20558f}.text-button[data-v-4c3a5308]{padding:4px 0;border:none;color:var(--nav-accent);background:transparent;cursor:pointer;font-size:13px}.mobile-menu[data-v-4c3a5308]{position:fixed;inset:0 0 0 auto;width:min(300px,85vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:20px 14px;border:none;background:#2c3e50;color:#fff}.mobile-menu[data-v-4c3a5308]::backdrop{background:#141f2e73}.mobile-menu-header[data-v-4c3a5308]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:0 8px}.mobile-menu-header h2[data-v-4c3a5308]{font-size:18px;font-weight:600}.mobile-menu-header button[data-v-4c3a5308]{width:36px;height:36px;border:none;border-radius:6px;background:#405b74;color:#fff;font-size:24px;cursor:pointer}@media (min-width: 769px) and (max-width: 1100px){.sites-grid[data-v-4c3a5308]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.sidebar[data-v-4c3a5308]{display:none}.search-header[data-v-4c3a5308]{padding:14px 16px;gap:10px}.search-container[data-v-4c3a5308]{padding:0 8px;gap:4px;min-height:44px}.search-mode[data-v-4c3a5308]{gap:4px;padding-right:4px}.search-mode select[data-v-4c3a5308]{width:76px;font-size:12px}.search-mode svg[data-v-4c3a5308],.search-mode img[data-v-4c3a5308]{display:none}.search-container input[data-v-4c3a5308]{font-size:16px;padding-left:6px}.search-shortcut[data-v-4c3a5308]{display:none}.mobile-menu-btn[data-v-4c3a5308]{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:8px;background:#edf3fa;color:var(--nav-ink);cursor:pointer}.content-area[data-v-4c3a5308]{padding:20px 16px 32px}.collection-summary[data-v-4c3a5308]{margin-bottom:22px;font-size:12px;flex-wrap:wrap}.collection-actions[data-v-4c3a5308]{gap:10px}.list-view .sites-grid[data-v-4c3a5308]{grid-template-columns:1fr}.category-heading h2[data-v-4c3a5308]{font-size:18px}.category-heading>span[data-v-4c3a5308]{font-size:11px}.sites-grid[data-v-4c3a5308]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-section[data-v-4c3a5308]{margin-bottom:28px}}@media (max-width: 360px){.content-area[data-v-4c3a5308],.search-header[data-v-4c3a5308]{padding-right:12px;padding-left:12px}}@media (prefers-reduced-motion: reduce){[data-v-4c3a5308],[data-v-4c3a5308]:before,[data-v-4c3a5308]:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.test-page[data-v-4a1ec011]{padding:20px;max-width:1200px;margin:0 auto}.test-section[data-v-4a1ec011]{margin-bottom:40px;padding:20px;border:1px solid #ddd;border-radius:8px}.test-section h2[data-v-4a1ec011]{margin-top:0;color:#333}.results[data-v-4a1ec011]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:5px;max-height:400px;overflow-y:auto}.api-info[data-v-4a1ec011]{text-align:left}.api-info p[data-v-4a1ec011]{margin:10px 0}pre[data-v-4a1ec011]{background:#fff;padding:10px;border-radius:3px;overflow-x:auto;font-size:12px;line-height:1.4}button[data-v-4a1ec011]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}button[data-v-4a1ec011]:disabled{background:#6c757d;cursor:not-allowed}button[data-v-4a1ec011]:hover:not(:disabled){background:#0056b3}