:root{--ink:#0d0d0d;--ink2:#161b22;--ink3:#1c2128;--ink4:#252b33;--ink5:#313740;--text:#e8e2d8;--text2:#b8b0a4;--text3:#7a7268;--mist:#8a8a8a;--border:#ffffff12;--border2:#ffffff1f;--border3:#fff3;--gold:#c9923a;--gold-light:#e8b96a;--gold-deep:#a0711f;--gold-dim:#c9923a26;--gold-glow:#c9923a4d;--teal:#3a9b8c;--teal-light:#5bbdaf;--teal-deep:#2a7265;--teal-dim:#3a9b8c1f;--teal-glow:#3a9b8c40;--success:#3fb950;--success-dim:#3fb95026;--warning:#d29922;--warning-dim:#d2992226;--error:#f85149;--error-dim:#f8514926;--info:#58a6ff;--info-dim:#58a6ff26;--chip-grammar-bg:#f8514926;--chip-grammar-fg:#f85149;--chip-grammar-bd:#f851494d;--chip-vocab-bg:#58a6ff26;--chip-vocab-fg:#58a6ff;--chip-vocab-bd:#58a6ff4d;--chip-french-bg:#c9923a26;--chip-french-fg:#c9923a;--chip-french-bd:#c9923a4d;--chip-struct-bg:#3fb95026;--chip-struct-fg:#3fb950;--chip-struct-bd:#3fb9504d;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-widest:.1em;--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;--r-sm:6px;--r:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 16px #00000080;--shadow-md:0 8px 32px #0009;--shadow-lg:0 16px 48px #000000b3;--shadow-accent:0 8px 24px var(--color-accent-glow);--shadow-gold:0 8px 24px var(--gold-glow);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-inout:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.35s;--duration-enter:.4s;--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--max-width:430px;--sidebar-width:240px;--bottomnav-height:72px;--topbar-height:56px;--statusbar-height:44px;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(16px)}[data-app=hub]{--color-accent:#c9923a;--color-accent-light:#e8b96a;--color-accent-deep:#a0711f;--color-accent-dim:#c9923a26;--color-accent-glow:#c9923a4d}[data-app=vox]{--color-accent:#e0634a;--color-accent-light:#f08570;--color-accent-deep:#b8432b;--color-accent-dim:#e0634a26;--color-accent-glow:#e0634a4d}[data-app=beat]{--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-deep:#6d35d4;--color-accent-dim:#8b5cf626;--color-accent-glow:#8b5cf64d}[data-app=wave]{--color-accent:#3a7bd5;--color-accent-light:#60a0f0;--color-accent-deep:#2558aa;--color-accent-dim:#3a7bd526;--color-accent-glow:#3a7bd54d}[data-app=core]{--color-accent:#16a085;--color-accent-light:#1abc9c;--color-accent-deep:#0e7263;--color-accent-dim:#16a08526;--color-accent-glow:#16a0854d}[data-app=craft]{--color-accent:#d4a843;--color-accent-light:#ecc96a;--color-accent-deep:#a8812a;--color-accent-dim:#d4a84326;--color-accent-glow:#d4a8434d}[data-app=lens]{--color-accent:#c0392b;--color-accent-light:#e05a4a;--color-accent-deep:#962d22;--color-accent-dim:#c0392b26;--color-accent-glow:#c0392b4d}:root{--cefr-a1-bg:#a0a0a026;--cefr-a1-fg:#a0a0a0;--cefr-a1-bd:#a0a0a04d;--cefr-a2-bg:#58a6ff26;--cefr-a2-fg:#58a6ff;--cefr-a2-bd:#58a6ff4d;--cefr-b1-bg:#3fb95026;--cefr-b1-fg:#3fb950;--cefr-b1-bd:#3fb9504d;--cefr-b2-bg:#c9923a26;--cefr-b2-fg:#c9923a;--cefr-b2-bd:#c9923a4d;--cefr-c1-bg:#8b5cf626;--cefr-c1-fg:#8b5cf6;--cefr-c1-bd:#8b5cf64d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink5);border-radius:2px}.card{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-5);transition:border-color var(--duration-base)var(--ease-out),transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out)}.card:hover{border-color:var(--color-accent-dim,var(--gold-dim));box-shadow:var(--shadow);transform:translateY(-2px)}.card-sm{background:var(--ink3);border:1px solid var(--border);border-radius:var(--r);padding:var(--space-3)var(--space-4)}.btn-primary{background:var(--color-accent,var(--gold));color:var(--ink);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--r-full);padding:15px var(--space-8);cursor:pointer;letter-spacing:var(--tracking-wide);transition:background var(--duration-base)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);justify-content:center;align-items:center;gap:var(--space-2);border:none;width:100%;display:flex}.btn-primary:hover{background:var(--color-accent-light,var(--gold-light));box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text2);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);border:1px solid var(--border2);border-radius:var(--r-full);padding:13px var(--space-6);cursor:pointer;transition:border-color var(--duration-base),color var(--duration-base);background:0 0}.btn-ghost:hover{border-color:var(--color-accent,var(--gold));color:var(--color-accent,var(--gold))}.btn-icon{background:var(--ink3);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;width:44px;height:44px;transition:border-color var(--duration-base);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-icon:hover{border-color:var(--color-accent,var(--gold))}.tag{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;border-radius:var(--r-full);padding:4px 10px;display:inline-flex}.tag-accent{background:var(--color-accent-dim,var(--gold-dim));color:var(--color-accent,var(--gold));border:1px solid var(--color-accent-dim,var(--gold-dim))}.tag-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #c9923a40}.tag-teal{background:var(--teal-dim);color:var(--teal);border:1px solid #3a9b8c40}.tag-mist{color:var(--mist);border:1px solid var(--border);background:#ffffff0d}.badge-cefr{border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;padding:3px 8px;display:inline-flex}.badge-a1{background:var(--cefr-a1-bg);color:var(--cefr-a1-fg);border:1px solid var(--cefr-a1-bd)}.badge-a2{background:var(--cefr-a2-bg);color:var(--cefr-a2-fg);border:1px solid var(--cefr-a2-bd)}.badge-b1{background:var(--cefr-b1-bg);color:var(--cefr-b1-fg);border:1px solid var(--cefr-b1-bd)}.badge-b2{background:var(--cefr-b2-bg);color:var(--cefr-b2-fg);border:1px solid var(--cefr-b2-bd)}.badge-c1{background:var(--cefr-c1-bg);color:var(--cefr-c1-fg);border:1px solid var(--cefr-c1-bd)}.chip{border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);padding:2px 8px;display:inline-block}.chip-grammar{background:var(--chip-grammar-bg);color:var(--chip-grammar-fg);border:1px solid var(--chip-grammar-bd)}.chip-vocab{background:var(--chip-vocab-bg);color:var(--chip-vocab-fg);border:1px solid var(--chip-vocab-bd)}.chip-french{background:var(--chip-french-bg);color:var(--chip-french-fg);border:1px solid var(--chip-french-bd)}.chip-struct{background:var(--chip-struct-bg);color:var(--chip-struct-fg);border:1px solid var(--chip-struct-bd)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}
:root{--font-syne:"Avenir Next","Segoe UI",sans-serif;--font-dm-sans:"Segoe UI","Avenir Next",sans-serif;--font-dm-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}html,body{height:100%}body{font-family:var(--font-dm-sans),"DM Sans",sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-syne),"Syne",sans-serif}code,pre,.mono{font-family:var(--font-dm-mono),"DM Mono",monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 12px var(--color-accent-glow)}50%{box-shadow:0 0 28px var(--color-accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-in{animation:.35s both slideIn}.glow-accent{animation:2.5s ease-in-out infinite glow}.float{animation:3s ease-in-out infinite float}