.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.logo-img{width:2.5rem;height:2.5rem;object-fit:contain;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--logo-bg);border-radius:var(--radius-sm)}.dark-theme .logo-img{background-color:inherit}.logo:hover .logo-image{transform:scale(1.1)}.logo-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm)}.logo-text{letter-spacing:var(--tracking-tight)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--color-text);background:var(--color-accent-muted)}.nav-link.active{color:var(--color-text)}.header-actions{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.icon-btn:hover{color:var(--color-text);background:var(--color-accent-muted)}.nav-mobile{display:flex;flex-direction:column;padding:var(--space-2) 0 var(--space-4);border-top:1px solid var(--color-border)}.nav-mobile .nav-link{padding:var(--space-3) 0}.footer{margin-top:auto;padding:var(--space-16) 0 var(--space-8);border-top:1px solid var(--color-border);background:var(--color-bg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6)}.footer-logo .logo-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-bold);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md)}.footer-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:300px}.footer-social{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);background:var(--color-bg-muted);border-radius:var(--radius-full);transition:all var(--duration-base)}.social-link:hover{color:var(--color-bg);background:var(--color-text);transform:translateY(-2px)}.footer-col{display:flex;flex-direction:column}.footer-heading{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6);position:relative;display:inline-block}.footer-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:32px;height:2px;background:var(--color-text);border-radius:var(--radius-full)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast)}.footer-link span{color:var(--color-text-muted);font-size:10px}.footer-link:hover{color:var(--color-text);padding-left:var(--space-1)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer-copy{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-heading:after{bottom:-6px}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--container-max: 1200px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--tier-s: black;--tier-s-muted: rgba(243, 0, 0, .5);--tier-a: black;--tier-a-muted: rgba(249, 115, 22, .5);--tier-b: black;--tier-b-muted: rgba(250, 204, 21, .5);--tier-c: black;--tier-c-muted: rgba(34, 197, 94, .5);--tier-d: black;--tier-d-muted: rgba(105, 105, 105, .5);--cat-image: #f472b6;--cat-text: #a78bfa;--cat-audio: #fb923c;--cat-vision: #2dd4bf;--cat-multimodal: #38bdf8;--pastel-dark: #1a202c;--pastel-text: #4a5568;--color-paypal: #bae1ff;--color-coffee: #ffffba}[data-theme=light]{--color-bg: #ffffff;--color-bg-subtle: #fafafa;--color-bg-muted: #f4f4f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--logo-bg: var(--color-text);--color-border: #e4e4e7;--color-border-subtle: #f4f4f5;--color-text: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-accent: #18181b;--color-accent-muted: rgba(24, 24, 27, .08);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}[data-theme=dark]{--color-bg: #09090b;--color-bg-subtle: #18181b;--color-bg-muted: #27272a;--color-surface: #27272a;--color-surface-raised: #27272a;--logo-bg: inherit;--color-border: #27272a;--color-border-subtle: #3f3f46;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #fafafa;--color-accent-muted: rgba(250, 250, 250, .06);--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}code,pre{font-family:var(--font-mono)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--color-accent-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-muted);border-color:var(--color-border-subtle)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-accent-muted);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-error);color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-out)}.card:hover{border-color:var(--color-border-subtle)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-text-muted)}.card-body{padding:var(--space-4)}.card-sm .card-body{padding:var(--space-3)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.tier-badge-s{background:var(--tier-s-muted);color:var(--tier-s)}.tier-badge-a{background:var(--tier-a-muted);color:var(--tier-a)}.tier-badge-b{background:var(--tier-b-muted);color:var(--tier-b)}.tier-badge-c{background:var(--tier-c-muted);color:var(--tier-c)}.tier-badge-d{background:var(--tier-d-muted);color:var(--tier-d)}.tier-badge-lg{min-width:2.5rem;height:2.5rem;font-size:var(--text-lg);border-radius:var(--radius-md)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-muted);border-radius:var(--radius-full)}.tag-primary{color:var(--color-primary);background:#2563eb1a}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:var(--font-medium);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.table tbody tr:hover{background:var(--color-bg-subtle)}.code-block{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}.code-block pre{padding:var(--space-4);margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-x:auto}code:not([class]){padding:2px 5px;font-size:.9em;background:var(--color-bg-muted);border-radius:var(--radius-sm)}.score{display:flex;align-items:baseline;gap:2px}.score-value{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.score-max{font-size:var(--text-sm);color:var(--color-text-muted)}.score-sm .score-value{font-size:var(--text-xl)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-medium);font-variant-numeric:tabular-nums}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media(max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.skeleton{background:var(--color-bg-muted);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center;color:var(--color-text-secondary)}.empty-state h3{margin-bottom:var(--space-2);color:var(--color-text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.separator{width:100%;height:1px;background:var(--color-border)}