:root{--bg:#f6f7f9;--ink:#12151a;--muted:#5d6570;--line:#e4e7ec;--card:#ffffff;--accent:#1f4fd8;--accent-soft:#e8eefe;--ui:"Sora","Segoe UI","PingFang SC","Noto Sans SC","Noto Sans Devanagari","Noto Sans Bengali","Noto Naskh Arabic","Noto Sans",sans-serif;--casual:"Caveat",cursive;--cursive:"Cedarville Cursive",cursive;--messy:"Homemade Apple",cursive}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--ui)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.foot,.hero,.nav,.workspace{width:min(1120px,calc(100% - 32px));margin:0 auto}.nav{justify-content:space-between;min-height:64px}.nav,.nav-end{display:flex;align-items:center;gap:12px}.lang select{height:32px;border:1px solid var(--line);border-radius:999px;background:white;padding:0 8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:640;letter-spacing:-.03em;color:inherit;text-decoration:none}.logo svg{width:28px;height:28px}.domain{color:var(--muted);font-size:.92rem}.steps{width:min(1120px,calc(100% - 32px));margin:0 auto 8px}.steps,.steps a{display:flex;gap:8px}.steps a{align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);text-decoration:none;font-size:.9rem}.steps a[aria-current=step]{color:var(--accent);border-color:#c9d6fb;background:var(--accent-soft)}.steps span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:.75rem}.stage{width:min(1120px,calc(100% - 32px));margin:0 auto;padding-bottom:48px}.panel{margin-top:18px;background:white;border:1px solid var(--line);border-radius:16px;padding:16px}.panel.narrow{max-width:460px}.transcript.tall{min-height:420px}.sheet-preview{display:block;width:min(100%,520px);height:auto;border-radius:12px;border:1px solid var(--line)}.link{display:inline-grid;place-items:center;text-decoration:none}.primary{width:auto;padding:0 16px}.nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.hero{padding:18px 0 28px}.kicker{display:inline-block;margin:0 0 12px;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:560}h1{margin:0;max-width:18ch;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.045em}.lede{max-width:52ch;color:var(--muted);font-size:1.05rem;line-height:1.5}.workspace{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;min-height:460px}.card header{display:flex;gap:10px;align-items:center;margin-bottom:14px}.num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:white;font-size:.82rem;font-weight:640}.card h2{margin:0;font-size:1rem;letter-spacing:-.02em}.card p.help{margin:4px 0 0;color:var(--muted);font-size:.82rem}.chip,.primary,.record,.upload{border:1px solid var(--line);background:white;border-radius:10px}.record{width:100%;height:92px;background:var(--ink);color:white;border:0;font-weight:560}.record.live{background:#9d2c2c}.upload{display:grid;place-items:center;width:100%;height:72px;margin-top:10px;border-style:dashed;color:var(--muted)}.file{display:none}.transcript{width:100%;min-height:280px;border:1px solid var(--line);border-radius:12px;padding:12px;resize:vertical;line-height:1.5;background:#fbfbfc}.primary{margin-top:12px;width:100%;height:42px;background:var(--accent);color:white;border:0;font-weight:560}.primary:disabled{opacity:.5}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.actions .primary{width:auto;margin-top:0;padding:0 16px}.back{height:42px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:white}.back:disabled{opacity:.45}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{padding:6px 10px;font-size:.82rem}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:#c9d6fb;color:var(--accent)}.sheet{min-height:340px;padding:28px 22px;border-radius:12px;position:relative;overflow:hidden;color:#1a2744;line-height:1.55}.sheet.letter{background:#f4ecd8}.sheet.card{background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(70,110,170,.16) 32px),#fbfaf6}.sheet.casual{font-family:var(--casual);font-size:1.45rem}.sheet.cursive{font-family:var(--cursive);font-size:1.15rem;line-height:1.8}.sheet.messy{font-family:var(--messy);font-size:1.05rem}.sheet p{margin:0 0 .8em}.watermark{position:absolute;inset:20% 0 auto;text-align:center;letter-spacing:.16em;color:rgba(18,21,26,.12);transform:rotate(-18deg);pointer-events:none}.empty,.watermark{font-family:var(--ui)}.empty{color:var(--muted);font-size:.95rem}.error,.note{margin-top:10px;font-size:.82rem;color:var(--muted)}.error{color:#9d2c2c}.foot{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:8px 0 40px;display:flex;gap:16px}.foot a{color:var(--muted);text-decoration:none;font-size:.92rem}.prose{max-width:68ch}.prose h2{font-size:1.15rem;margin:1.4rem 0 .4rem}.prose li,.prose p{color:var(--muted);line-height:1.55}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:28px}.feature{background:white;border:1px solid var(--line);border-radius:16px;padding:16px}.feature h2{margin:0 0 8px;font-size:1rem}.feature p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}@media (max-width:800px){.features{grid-template-columns:1fr}}@media (max-width:980px){.workspace{grid-template-columns:1fr}.card{min-height:0}}