*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports selector(*::-webkit-scrollbar){*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size);background-color:transparent}*::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background-color:transparent}}html,body,#app{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3{line-height:1.25;margin:var(--space-6) 0 var(--space-3);font-weight:700}h1{font-size:clamp(1.75rem,1.2vw + 1.25rem,2.25rem)}h2{font-size:clamp(1.375rem,.9vw + 1rem,1.75rem)}h3{font-size:clamp(1.125rem,.6vw + .9rem,1.375rem)}p{margin:0 0 var(--space-4);color:var(--color-text)}small,.muted{color:var(--color-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.55rem .9rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.btn:hover{background:color-mix(in oklab,var(--color-surface),var(--color-text) 3%)}.btn:active{transform:translateY(1px)}.btn--primary{border-color:transparent;background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover{background:color-mix(in oklab,var(--color-primary),black 7%)}.input{display:block;width:100%;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.input::placeholder{color:color-mix(in oklab,var(--color-muted),transparent 25%)}.input:focus-visible{border-color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted)}.chip--active{border-color:color-mix(in oklab,var(--color-primary),white 65%);background:color-mix(in oklab,var(--color-primary),white 85%);color:var(--color-text)}.rank-frame{--rank-frame-start: #94a3b8;--rank-frame-end: #cbd5e1;--rank-frame-ring: rgba(148, 163, 184, .24);--rank-frame-glow: rgba(148, 163, 184, .22);border:2px solid transparent!important;background:linear-gradient(135deg,color-mix(in oklab,var(--color-surface),white 10%),color-mix(in oklab,var(--color-surface),transparent 2%)) padding-box,linear-gradient(135deg,var(--rank-frame-start),var(--rank-frame-end)) border-box!important;box-shadow:0 0 0 2px var(--rank-frame-ring),0 10px 26px var(--rank-frame-glow)}.rank-frame--bronze{--rank-frame-start: #b45309;--rank-frame-end: #f59e0b;--rank-frame-ring: rgba(180, 83, 9, .22);--rank-frame-glow: rgba(245, 158, 11, .28)}.rank-frame--silver{--rank-frame-start: #64748b;--rank-frame-end: #e2e8f0;--rank-frame-ring: rgba(148, 163, 184, .3);--rank-frame-glow: rgba(226, 232, 240, .24)}.rank-frame--gold{--rank-frame-start: #d97706;--rank-frame-end: #facc15;--rank-frame-ring: rgba(250, 204, 21, .28);--rank-frame-glow: rgba(250, 204, 21, .36)}.rank-frame--platinum{--rank-frame-start: #0e7490;--rank-frame-end: #67e8f9;--rank-frame-ring: rgba(103, 232, 249, .26);--rank-frame-glow: rgba(34, 211, 238, .34)}.rank-frame--diamond{--rank-frame-start: #2563eb;--rank-frame-end: #c084fc;--rank-frame-ring: rgba(192, 132, 252, .28);--rank-frame-glow: rgba(96, 165, 250, .38)}.search-bar{display:flex;gap:var(--space-3);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.result-card{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.result-title{font-weight:700;font-size:1.1rem}.result-meta{color:var(--color-muted)}.result-actions{display:flex;gap:var(--space-3)}mark{background:var(--color-highlight);color:inherit;border-radius:3px;padding:0 2px}.logo{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.125em;flex-shrink:0;filter:var(--logo-filter)}:root{color-scheme:light;--font-sans: ui-sans-serif, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-bg: #fbfcfe;--color-surface: #ffffff;--color-text: #0f172a;--color-text-secondary: #334155;--color-muted: #475569;--color-border: #e5e7eb;--color-bg-secondary: #f3f8fc;--logo-filter: none;--color-primary: #4f46e5;--color-primary-secondary: #818cf8;--color-primary-contrast: #ffffff;--color-accent: #06b6d4;--color-accent-contrast: #0b1020;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-highlight: #fef08a;--color-focus: #93c5fd;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(2, 6, 23, .06), 0 1px 1px rgba(2, 6, 23, .04);--shadow-md: 0 10px 15px -3px rgba(2, 6, 23, .1), 0 4px 6px -4px rgba(2, 6, 23, .1);--transition-fast: .12s;--transition-base: .18s;--transition-slow: .28s;--container-max: 1100px;--scrollbar-size: 8px;--scrollbar-track: color-mix(in oklab, var(--color-bg), black 4%);--scrollbar-thumb: color-mix(in oklab, var(--color-text), transparent 75%);--scrollbar-thumb-hover: color-mix(in oklab, var(--color-text), transparent 65%)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1020;--color-surface: #101826;--color-text: #e2e8f0;--color-text-secondary: #b4bec9;--color-muted: #94a3b8;--color-border: #1f2a44;--color-bg-secondary: #0f1524;--logo-filter: invert(1);--color-primary: #818cf8;--color-primary-secondary: #a5b4fc;--color-primary-contrast: #0b1020;--color-accent: #22d3ee;--color-accent-contrast: #0b1020;--color-highlight: #3a2f16;--color-focus: #60a5fa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 12px 24px rgba(0, 0, 0, .35);--scrollbar-track: color-mix(in oklab, var(--color-bg-secondary), white 6%);--scrollbar-thumb: color-mix(in oklab, var(--color-text-secondary), transparent 60%);--scrollbar-thumb-hover: color-mix(in oklab, var(--color-text-secondary), transparent 40%)}