:root{--bg:#12100c;--bg-2:#1a1712;--ink:#f4eee4;--muted:#b7aa96;--faint:#7d7264;--line:rgba(244,238,228,0.1);--amber:#d8a04a;--amber-2:#f0c37a;--good:#9bbf8a;--warn:#e0b15a;--danger:#d97a63;--shadow:0 30px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(216,160,74,.08),transparent 50%),radial-gradient(900px 500px at 110% 10%,rgba(90,120,110,.08),transparent 45%),var(--bg);color:var(--ink);font-family:Figtree,sans-serif;letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:28px 0 80px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.brand{display:flex;align-items:baseline;gap:10px}.mark{font-family:Fraunces,serif;font-weight:560;font-size:22px;letter-spacing:-.03em}.mark span{color:var(--amber)}.eyebrow{color:var(--faint);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.display{font-family:Fraunces,serif;font-weight:500;font-size:clamp(36px,7vw,64px);line-height:.95;letter-spacing:-.04em;margin:10px 0 14px}.lede{color:var(--muted);font-size:18px;line-height:1.5;max-width:34em}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.composer{margin-top:28px}.composer label{display:block;color:var(--faint);font-size:13px;margin-bottom:10px}.composer textarea{width:100%;min-height:120px;resize:vertical;background:#0e0c09;border:1px solid var(--line);border-radius:16px;padding:16px 16px 56px;outline:none}.composer textarea:focus{border-color:rgba(216,160,74,.55)}.composer-actions{display:flex;gap:10px;margin-top:-46px;padding:0 10px 10px;justify-content:flex-end;position:relative}.btn{border:0;border-radius:999px;padding:12px 18px;background:var(--ink);color:#16130e;font-weight:620}.btn:disabled{opacity:.45;cursor:wait}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.amber{background:var(--amber)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}.chip:hover{color:var(--ink);border-color:var(--amber)}.grid{display:grid;grid-gap:12px;gap:12px;margin-top:28px}.stat{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.phrase{padding:16px 0;border-top:1px solid var(--line)}.phrase:first-child{border-top:0;padding-top:0}.dutch{font-family:Fraunces,serif;font-size:28px;letter-spacing:-.03em}.voice-stage{min-height:58vh;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:18px}.orb{width:92px;height:92px;border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle at 35% 30%,var(--amber-2),var(--amber) 42%,#6b4a18);box-shadow:0 0 0 14px rgba(216,160,74,.08)}.orb.listen{animation:pulse 1.6s ease-in-out infinite}.orb.speak{animation:glow .9s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes glow{0%,to{box-shadow:0 0 0 10px rgba(216,160,74,.08)}50%{box-shadow:0 0 0 22px rgba(216,160,74,.16)}}.caption{font-family:Fraunces,serif;font-size:clamp(26px,5vw,42px);letter-spacing:-.03em;min-height:1.3em}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field input{background:#0e0c09;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}.err{color:var(--danger);font-size:14px}.list{margin:0;padding-left:18px;color:var(--muted)}.list li{margin:6px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}