:root{--ink:#16332e;--paper:#f4f1ea;--card:#fffdf8;--line:#dcd8ce;--muted:#6d7a77;--rust:#b75e38;--sage:#dfe9e2;--red:#a94434}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100dvh}button,input,select,textarea{font:inherit}.shell{max-width:1040px;margin:auto;padding:28px 24px 70px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:20px}.mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #9cad9f;border-radius:13px}.top small{display:block;font:12px Inter,sans-serif;color:var(--muted);margin-top:3px}.nav{display:flex;gap:8px}.nav button,.ghost,.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer}.nav button.active,.chip.active{background:var(--ink);color:white}.eyebrow{color:var(--rust);font-size:11px;letter-spacing:.15em;font-weight:800}.intro{max-width:720px}.intro h1{font:52px/1.03 Georgia,serif;margin:10px 0 14px}.sub{color:var(--muted);line-height:1.55}.setup{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:34px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 24px}.mode{border:1px solid var(--line);background:white;border-radius:12px;padding:15px;text-align:left;cursor:pointer;min-height:86px}.mode.active{border:2px solid var(--rust);background:#fff8f3}.mode b{display:block;margin-bottom:6px}.mode span{font-size:12px;color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:white}.primary{border:0;border-radius:12px;background:var(--rust);color:white;padding:15px 22px;font-weight:800;cursor:pointer;width:100%;margin-top:20px}.primary:disabled{opacity:.5}.privacy{background:var(--sage);border-radius:13px;padding:17px;font-size:13px;line-height:1.55}.practice{min-height:100dvh;background:#15352f;color:#f8f4eb;display:grid;place-items:center;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom))}.practice-inner{width:min(700px,100%);text-align:center}.scenario{color:#c3d0cc;line-height:1.5;max-width:600px;margin:10px auto 44px}.timer{font:58px Georgia,serif;margin:20px}.orb{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:20px auto;background:#284c44;box-shadow:0 0 0 18px #ffffff0b;transition:.25s}.orb.speaking{background:#9d5337;box-shadow:0 0 0 22px #b75e3830}.orb.listening{animation:pulse 1.8s infinite}.orb .state{font-size:15px;font-weight:800}.orb small{display:block;color:#c6d6d1;margin-top:7px}.controls{display:flex;justify-content:center;gap:12px;margin-top:44px}.round,.end{border:1px solid #78908a;background:#24463f;color:white;border-radius:99px;padding:13px 18px;cursor:pointer}.end{background:#f5eee7;color:#7d3328;border:0}.statusline{min-height:24px;color:#bdd0ca;font-size:13px}.error{background:#f7ded7;color:#713124;border-radius:12px;padding:14px;margin:15px 0;text-align:left}.review{display:grid;gap:16px}.review h1{font:42px Georgia,serif}.section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.section h2{font:25px Georgia,serif;margin-top:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote{background:#f3f0e9;padding:16px;border-radius:11px;white-space:pre-wrap}.quote.up{background:var(--sage)}.transcript details{border-top:1px solid var(--line);padding:12px 0}.tag{font-size:11px;background:var(--sage);padding:5px 8px;border-radius:99px}.save-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.empty{text-align:center;padding:60px 20px}.typing{margin-top:15px}.typing summary{cursor:pointer;color:#c4d2ce}@keyframes pulse{50%{box-shadow:0 0 0 28px #ffffff08}}@media(max-width:760px){.shell{padding:20px 16px 60px}.top{margin-bottom:32px;align-items:flex-start}.nav button{padding:8px;font-size:12px}.intro h1{font-size:40px}.setup{grid-template-columns:1fr}.modes{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr}.orb{width:165px;height:165px}.timer{font-size:48px}.practice{display:block}.practice-inner{margin:8vh auto 0}}
.account-controls{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px;color:#687874}.account-controls .ghost{padding:9px 13px}@media(max-width:760px){.account-controls{width:100%;justify-content:space-between;margin-left:0}}
.auth-shell{max-width:680px;margin:9vh auto 0}.auth-card{margin-top:24px}.auth-secondary{width:100%;margin-top:10px}.text-button{border:0;background:transparent;color:#9f4f2e;text-decoration:underline;cursor:pointer;margin:16px auto 0;display:block;font:inherit}
.topic-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.topic-card p{margin:6px 0 0;font-size:1.08rem;line-height:1.5}.topic-card .ghost{flex:0 0 auto;margin:0}@media(max-width:640px){.topic-card{align-items:stretch;flex-direction:column}.topic-card .ghost{width:100%}}
.record-row:has(.record-open){padding:8px;cursor:default}.record-open{flex:1;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.delete-action{border:1px solid #c98f82;background:var(--card);color:#8c3527;border-radius:10px;padding:9px 13px;cursor:pointer}.delete-action:hover{background:#f7ded7}
.quick-save,.toolkit-save{display:none!important}