:root{color-scheme:dark;--bg:#07111f;--card:#101d2d;--text:#eef6ff;--muted:#a8b9cd;--line:#2d425b;--accent:#9adcc8;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:280px}main{max-width:900px;margin:auto;padding:32px 20px max(32px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);margin:0 0 9px}h1{font-size:28px;line-height:1.25;margin:0;font-weight:650}h2{font-size:21px;margin:0;font-weight:600}#notice{font-size:14px;line-height:1.6;color:var(--muted);min-height:23px;margin:0 0 18px}#sources{display:grid;grid-template-columns:1fr;gap:18px}.card,form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.state{font-size:13px;color:var(--muted);text-align:right;line-height:1.5}.card[data-active="true"]{border-color:var(--accent)}.card[data-active="true"] .state{color:var(--accent)}label{display:grid;gap:9px;font-size:14px;color:var(--muted)}select,input{width:100%;min-height:46px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px;font:inherit;font-size:16px}audio{display:block;width:100%;margin:22px 0;min-height:54px}.actions{display:flex;gap:10px}.actions .start{flex:1}button{border:1px solid transparent;border-radius:9px;background:var(--accent);color:#07111f;min-height:46px;padding:10px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.quiet{background:transparent;color:var(--text);border-color:var(--line)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #b7d5ff;outline-offset:4px}form{max-width:420px;margin:0 auto}form h2{margin-bottom:22px}form label{margin-bottom:18px}form button{width:100%}[hidden]{display:none!important}@media(min-width:720px){main{padding-top:52px}#sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}h1{font-size:32px}.card{padding:25px}}@media(max-width:350px){main{padding:24px 12px}.card{padding:16px}.card-head{gap:8px}button{padding-inline:12px}}