:root{color-scheme:light;--ink:#17332d;--muted:#687a75;--paper:#f5f3e9;--card:#fffdf7;--green:#176c58;--line:#d8ddd4;--accent:#e55e3f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}header,main{width:min(920px,calc(100% - 32px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:42px 0 20px}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;margin-bottom:0}h2{font-size:1.8rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--green);margin-bottom:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 60px #17332d12}.narrow{width:min(440px,calc(100% - 32px));margin:12vh auto}.login h1{margin-bottom:12px}.login p{color:var(--muted)}label{display:grid;gap:7px;font-weight:700;margin:20px 0}input,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:13px;background:white;color:var(--ink)}textarea{resize:vertical}button{font:inherit;font-weight:750;border:0;border-radius:999px;padding:12px 19px;background:var(--green);color:white;cursor:pointer}button.quiet{background:transparent;color:var(--green);border:1px solid var(--line)}button:disabled{opacity:.4;cursor:not-allowed}.tabs{display:flex;gap:8px;margin:20px 0}.tab{background:transparent;color:var(--muted)}.tab.active{background:var(--ink);color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.record{background:var(--accent)}.feedback{display:block;white-space:pre-wrap;background:#edf3ef;border-radius:12px;min-height:80px;padding:16px;margin-top:22px;line-height:1.55}.feedback:empty{display:none}.status,.error{color:#a23424;min-height:1.4em;margin:16px 0}.hidden{display:none}@media(max-width:600px){header{padding-top:24px}.card{border-radius:14px}.actions button{flex:1}}