:root{--font-display:"Archivo", system-ui, sans-serif;--font-ui:"Archivo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-xs:12px;--leading-xs:16px;--text-sm:13px;--leading-sm:18px;--text-base:15px;--leading-base:22px;--text-md:17px;--leading-md:24px;--text-lg:20px;--leading-lg:28px;--text-xl:24px;--leading-xl:30px;--text-2xl:30px;--leading-2xl:36px;--text-3xl:38px;--leading-3xl:42px;--text-4xl:48px;--leading-4xl:52px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--radius-control:var(--radius-full);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.3s;--ease-out:cubic-bezier(.2, .7, .3, 1);--ease-in-out:cubic-bezier(.5, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tn-deep-door:#00539b;--tn-classic:#006cb4;--tn-bright:#2d86ca;--tn-sun-faded:#6aa5d6;--tn-copper-wash:#2e8b96;--tn-copper-red:#b25c4d;--tn-gray-0:#fff;--tn-gray-25:#f7f9fb;--tn-gray-50:#eff3f7;--tn-gray-75:#e9eff5;--tn-gray-100:#e7edf3;--tn-gray-200:#dde5ec;--tn-gray-300:#c6d2dd;--tn-gray-400:#9fb2c4;--tn-gray-500:#8da0b4;--tn-gray-600:#6b7885;--tn-gray-700:#5e6e80;--tn-gray-750:#4c5966;--tn-gray-800:#26333f;--tn-gray-850:#1b2733;--tn-gray-900:#16212e;--tn-gray-925:#141e29;--tn-gray-950:#101a26;--tn-gray-1000:#0b1420;--accent:var(--tn-classic);--accent-ink:var(--tn-deep-door);--accent-lift:var(--tn-bright);--accent-mute:var(--tn-sun-faded);--accent-soft:#ddebfa;--brand-gradient:linear-gradient(135deg, #6aa5d6, #2d86ca 52%, #00539b);--focus-ring:0 0 0 3px color-mix(in oklch, var(--accent) 38%, transparent);--up:var(--tn-copper-wash);--up-ink:#257079;--up-soft:#e1f0f1;--down:var(--tn-copper-red);--down-ink:#94473a;--down-soft:#f6e5e1;--rarity-common:var(--tn-gray-400);--rarity-uncommon:var(--tn-sun-faded);--rarity-rare:var(--tn-bright);--rarity-legendary:var(--tn-classic);--rarity-chase:var(--tn-deep-door)}.theme-light{--bg:var(--tn-gray-25);--bg-panel:var(--tn-gray-0);--bg-subtle:var(--tn-gray-50);--bg-inset:var(--tn-gray-100);--ink:var(--tn-gray-900);--ink-2:var(--tn-gray-750);--ink-3:var(--tn-gray-600);--line:var(--tn-gray-200);--line-strong:var(--tn-gray-300);--shadow-sm:0 1px 2px #1021330d;--shadow-md:0 2px 8px #10213312, 0 1px 3px #1021330a;--shadow-lg:0 16px 40px #1021331f, 0 4px 12px #10213312;--shadow-card:0 8px 24px #1021331a, 0 2px 6px #1021330f}.theme-dark{--accent:var(--tn-bright);--accent-ink:var(--tn-sun-faded);--accent-lift:var(--tn-sun-faded);--accent-mute:#4a6480;--accent-soft:var(--tn-gray-900);--bg:var(--tn-gray-1000);--bg-panel:var(--tn-gray-925);--bg-subtle:var(--tn-gray-950);--bg-inset:var(--tn-gray-900);--ink:var(--tn-gray-75);--ink-2:var(--tn-gray-500);--ink-3:var(--tn-gray-700);--line:var(--tn-gray-850);--line-strong:var(--tn-gray-800);--up-soft:#2e8b962e;--down-soft:#b25c4d2e;--accent-glow:0 0 24px #2d86ca6b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--shadow-lg:0 16px 40px #00000080, 0 4px 12px #0000004d;--shadow-card:0 8px 24px #00000080, 0 2px 6px #0006}.ic-root{font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-feature-settings:"ss01", "cv11";letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.ic-root *{box-sizing:border-box}.ic-display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.02em}.ic-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ic-num{font-variant-numeric:tabular-nums}.ic-root ::-webkit-scrollbar{width:6px;height:6px}.ic-root ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.ic-root ::-webkit-scrollbar-track{background:0 0}:root{--app-sidebar-width:240px;--app-content-max:1120px;--app-mobile-nav-height:64px;--app-atmosphere:radial-gradient(1200px 600px at 12% -10%, color-mix(in oklch, var(--accent) 22%, transparent), transparent 55%), radial-gradient(900px 500px at 92% 8%, color-mix(in oklch, var(--accent) 12%, transparent), transparent 50%), var(--bg);--panel:var(--bg-panel)}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}.ic-root{min-height:100vh;font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);color:var(--ink);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{background:var(--app-atmosphere);min-height:100vh;display:grid}.app-sidebar{width:var(--app-sidebar-width);border-right:1px solid var(--line);background:color-mix(in oklch, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:28px;padding:28px 20px;display:none}.app-brand{align-items:center;gap:10px;padding:0 8px;display:flex}.app-nav{flex-direction:column;gap:4px;display:flex}.app-nav-link{border-radius:var(--radius-control,9999px);min-height:44px;color:var(--ink-2);letter-spacing:-.02em;align-items:center;gap:12px;padding:0 14px;font-weight:600;transition:background .12s,color .12s;display:flex}.app-nav-link:hover{background:color-mix(in oklch, var(--accent) 8%, transparent);color:var(--ink)}.app-nav-link[aria-current=page]{background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent-ink,var(--accent))}.app-sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;padding:0 4px;display:flex}.app-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.app-topbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 8px;display:flex}.app-topbar h1{font-family:var(--font-display,var(--font-ui));letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:900;line-height:1.05}.app-topbar-actions{align-items:center;gap:8px;display:flex}.app-content{width:min(100%, var(--app-content-max));padding:12px 20px calc(var(--app-mobile-nav-height) + 28px);flex:1;margin:0 auto}.app-mobile-nav{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:40;height:var(--app-mobile-nav-height);border:1px solid var(--line);background:color-mix(in oklch, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 30px -12px color-mix(in oklch, var(--ink) 28%, transparent);border-radius:9999px;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed}.app-mobile-nav a{width:56px;height:48px;color:var(--ink-3);letter-spacing:.02em;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.app-mobile-nav a[aria-current=page]{color:var(--accent-ink,var(--accent));background:color-mix(in oklch, var(--accent) 12%, transparent)}@media (width>=900px){.app-shell{grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr)}.app-sidebar{height:100vh;display:flex;position:sticky;top:0}.app-content{padding:8px 32px 48px}.app-topbar{padding:28px 32px 12px}.app-topbar-theme,.app-mobile-nav{display:none}}.page-stack{flex-direction:column;gap:20px;display:flex}.page-lede{max-width:42rem;color:var(--ink-2);margin:0;font-size:1.05rem;line-height:1.45}.panel-block{border:1px solid var(--line);border-radius:var(--radius-lg,16px);background:var(--panel);padding:20px}.panel-block h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.125rem;font-weight:700}.panel-block p{color:var(--ink-2);margin:0}.section-tabs{flex-wrap:wrap;gap:8px;display:flex}.section-tab{border:1px solid var(--line);min-height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:9999px;padding:0 14px;font-weight:600}.section-tab[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.category-tile{aspect-ratio:1.15;border-radius:var(--radius-md,12px);border:1px solid var(--line);background:linear-gradient(180deg, transparent 20%, color-mix(in oklch, var(--panel) 92%, transparent)), color-mix(in oklch, var(--accent) 10%, var(--panel));flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;display:flex}.category-tile strong{letter-spacing:-.02em;font-size:.95rem}.category-tile span{color:var(--ink-2);font-size:.75rem}.catalog-search-bar{z-index:2;background:color-mix(in oklch, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:12px;padding-bottom:4px;display:flex;position:sticky;top:0}.catalog-result-count{color:var(--ink-3,var(--ink-2));margin:0;font-size:.85rem;font-weight:600}.catalog-result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-result-row{border-radius:var(--radius-md,12px);border:1px solid var(--line);background:var(--panel);color:inherit;grid-template-rows:auto auto;grid-template-columns:72px 1fr;gap:2px 12px;padding:14px 16px;text-decoration:none;transition:border-color .12s,background .12s;display:grid}a.catalog-result-row:hover{border-color:color-mix(in oklch, var(--accent) 45%, var(--line));background:color-mix(in oklch, var(--accent) 6%, var(--panel))}.catalog-result-row--static{opacity:.92}.catalog-result-type{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3,var(--ink-2));grid-row:1/span 2;align-self:center;font-size:.7rem;font-weight:700}.catalog-result-title{letter-spacing:-.02em;font-weight:700}.catalog-result-subtitle{color:var(--ink-2);font-size:.9rem}.catalog-back{color:var(--accent-ink,var(--accent));width:fit-content;font-weight:600}.catalog-card-header h2{letter-spacing:-.03em;margin:4px 0 0;font-size:1.75rem;font-weight:800}.catalog-card-kicker,.catalog-card-number,.catalog-muted{color:var(--ink-2);margin:0}.catalog-card-number{font-family:var(--font-mono,var(--font-ui));margin-top:6px;font-weight:600}.catalog-meta-list{border:1px solid var(--line);border-radius:var(--radius-md,12px);background:var(--panel);flex-direction:column;gap:10px;margin:0;padding:16px 18px;display:flex}.catalog-meta-row{grid-template-columns:96px 1fr;gap:12px;display:grid}.catalog-meta-row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3,var(--ink-2));margin:0;font-size:.8rem;font-weight:700}.catalog-meta-row dd{margin:0;font-weight:600}.catalog-chip-row{flex-wrap:wrap;gap:8px;display:flex}.catalog-chip{border:1px solid var(--line);background:color-mix(in oklch, var(--accent) 10%, var(--panel));border-radius:9999px;padding:4px 10px;font-size:.8rem;font-weight:700}.catalog-parallels h3{margin:0 0 10px;font-size:1rem;font-weight:700}.catalog-parallel-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-parallel-list li{border-radius:var(--radius-md,12px);border:1px solid var(--line);background:var(--panel);justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.catalog-parallel-name{font-weight:600}.catalog-parallel-print{font-family:var(--font-mono,var(--font-ui));color:var(--ink-2);font-weight:600}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.stat-hero{border-radius:var(--radius-lg,16px);border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 18%, var(--panel)), var(--panel) 55%);flex-direction:column;gap:6px;padding:24px;display:flex}.stat-hero .label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.7rem;font-weight:700}.stat-hero .value{font-family:var(--font-mono,var(--font-ui));letter-spacing:-.04em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.stat-hero .hint{color:var(--ink-2);font-size:.95rem}.settings-list{border:1px solid var(--line);border-radius:var(--radius-lg,16px);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.settings-list a,.settings-list button{border:none;border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;padding:0 16px;display:flex}.settings-list a:last-child,.settings-list button:last-child{border-bottom:none}.settings-list .label{letter-spacing:-.01em;flex:1;font-weight:600}.settings-list .value{color:var(--ink-2);font-size:.95rem}.login-page{background:radial-gradient(900px 500px at 50% -20%, color-mix(in oklch, var(--accent) 35%, transparent), transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card{border-radius:var(--radius-lg,20px);border:1px solid var(--line);background:var(--panel);width:min(100%,400px);box-shadow:0 24px 60px -30px color-mix(in oklch, var(--ink) 35%, transparent);flex-direction:column;gap:28px;padding:36px 28px;display:flex}.login-card h1{font-family:var(--font-display,var(--font-ui));letter-spacing:-.04em;margin:0;font-size:2rem;font-weight:900}.login-card p{color:var(--ink-2);margin:8px 0 0;line-height:1.45}.login-actions{flex-direction:column;gap:12px;display:flex}.login-note{color:var(--ink-3);text-align:center;margin:0;font-size:.85rem}.login-error{color:var(--danger,#b42318);text-align:center;margin:0;font-size:.9rem}.login-google-btn{justify-content:center;min-height:44px;display:flex}