:root{--primary:#0d6e6e;--primary-dark:#075757;--ink:#172b35;--muted:#60727d;--surface:#fff;--canvas:#f4f7f8;--border:#d9e2e6;--warning:#8b5b09;--warning-bg:#fff5dc;--success:#17764c}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(100% - 2rem,880px);margin:auto}.py-5{padding:3rem 0}.mb-4{margin-bottom:1.5rem}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.header-actions{display:flex;align-items:center;gap:.6rem}.eyebrow{margin:0 0 .35rem;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.09em}.app-header h1{margin:0;font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.045em}.lead{color:var(--muted);margin:.4rem 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 .4rem 1rem rgb(23 43 53/.05)}.card-body{padding:1.5rem}.card h2{font-size:1.1rem;margin:0 0 .85rem}.alert{border:1px solid #f2d18d;border-radius:.75rem;padding:1rem 1.1rem}.alert-warning{background:var(--warning-bg);color:#624000}.badge{display:inline-block;white-space:nowrap;border-radius:999px;padding:.32rem .65rem;font-size:.78rem;font-weight:700}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-neutral{background:#e8eff2;color:#42606e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}label{display:block;font-weight:650;font-size:.9rem}.form-control{display:block;width:100%;margin-top:.35rem;border:1px solid #b8c8ce;border-radius:.5rem;background:#fff;color:var(--ink);font:inherit;padding:.7rem .8rem;transition:border .15s,box-shadow .15s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 .2rem rgb(13 110 110/.15)}textarea.form-control{min-height:8rem;resize:vertical}.check-row{display:flex;align-items:flex-start;gap:.65rem;margin:.75rem 0;font-weight:400}.check-row input{width:1rem;height:1rem;margin-top:.25rem;accent-color:var(--primary)}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:.5rem;padding:.68rem 1rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s,background .15s,border .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-outline{background:#fff;border-color:#9db0b8;color:#274653}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-heading p,.text-muted{color:var(--muted);margin:-.35rem 0 1rem}.recording-panel{border:1px solid var(--border);border-radius:.75rem;background:#f8fbfc;padding:1rem}.recording-panel p{margin:0}.recording-timer{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:750;color:var(--primary);margin-top:.25rem!important}.typing-fallback{margin-top:1rem;color:var(--muted)}.typing-fallback summary{cursor:pointer;font-weight:700}.typing-fallback .btn{margin-top:.75rem}.coach-response{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}#result{white-space:pre-wrap;background:#eff7f6;border-left:4px solid var(--primary);border-radius:.25rem;padding:1rem;color:#163c3b}.coach-chunk{margin-top:.7rem;color:#075757}.coach-chunk strong{display:inline-block;background:#d8f0ec;border-radius:.35rem;padding:.1rem .35rem}.coach-model{margin-top:.6rem;color:var(--muted);font-style:italic}footer{text-align:center;color:var(--muted);font-size:.85rem;margin-top:1.5rem}a{color:#087575}@media(max-width:620px){.py-5{padding:1.5rem 0}.app-header,.section-heading{flex-direction:column}.form-row{grid-template-columns:1fr}.card-body{padding:1.15rem}.btn{width:100%}.button-row{flex-direction:column}}