:root{color-scheme:light;font-family:SF Pro Text,Segoe UI,sans-serif;line-height:1.4;color:#182235;background:linear-gradient(180deg,#f5f8ff,#edf2ff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{margin:0 auto;max-width:960px;padding:20px;display:grid;gap:16px}.card{background:#fff;border:1px solid #dbe4f7;border-radius:14px;padding:18px;box-shadow:0 10px 30px #18223514}.language-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.language-label{color:#4e638a;font-size:13px;font-weight:600}h1,h2{margin:0 0 10px}.muted{color:#5e6c84;margin:0}.requirements{margin:12px 0;padding-left:18px;color:#30415f}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}button{border:none;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;background:#1a57d9;color:#fff}button:disabled{cursor:not-allowed;opacity:.45}button.danger{background:#b8325c}button.secondary{background:#fff;color:#1a57d9;border:1px solid #1a57d9}.status-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#d9e4ff;color:#1646ad}.badge.live{background:#ffd5e2;color:#8f1538}.status-text{color:#364a70}.spectrum-block{margin-top:12px;border:1px solid #dbe4f7;background:#f6f9ff;border-radius:10px;padding:10px}.spectrum-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.spectrum-head strong{color:#264170;font-size:13px}.spectrum-head .muted{font-size:12px}.visualizer-wrapper{margin-top:8px;min-height:72px;border:1px dashed #c7d7f3;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.visualizer-wrapper canvas{width:100%;max-width:100%;height:72px}.spectrum-placeholder{margin:0;color:#5e6c84;font-size:12px;text-align:center}.error-text{margin:10px 0 0;color:#b00020;font-weight:600}.recording-list{margin-top:14px;display:grid;gap:10px}.recording-item{border:1px solid #dbe4f7;border-radius:12px;padding:12px;display:grid;gap:10px;background:#f8faff}.recording-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.duration{color:#2d456d;font-size:12px;font-weight:600}.duration.warning{color:#b8325c}.transcript-field{display:grid;gap:6px;color:#2d456d;font-weight:600;font-size:13px}textarea{width:100%;border-radius:10px;border:1px solid #b8c8e8;padding:8px 10px;font:inherit;resize:vertical;min-height:70px}.recording-actions{display:flex;gap:10px}@media(max-width:720px){.app,.card{padding:14px}}