:root{color-scheme:dark;--bg:#0c1118;--panel:#151d28;--line:#303c4c;--text:#eff4fa;--muted:#aab8c9;--accent:#67e4c0;--focus:#ffe17c;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#182939 0,transparent 55%),var(--bg);color:var(--text);font-size:15px}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input,summary{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main,.topbar,footer{max-width:1160px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand>span,h1>span{color:var(--accent)}.brand small{display:inline-block;font-size:10px;letter-spacing:2px;margin-left:20px;color:var(--muted);vertical-align:middle}.version{font-size:11px;letter-spacing:2px;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:5px}main{padding:28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--accent);font-weight:700;margin:0 0 10px}h1{font-size:clamp(23px,2.6vw,34px);letter-spacing:-1px;margin:0}p{line-height:1.5}.intro p:last-child{color:var(--muted);margin:8px 0 0}.local{font-size:12px;letter-spacing:1px;font-weight:700;white-space:nowrap}.local small{display:block;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;margin:6px 0 0 17px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);margin-right:6px}.instruction{font-size:13px;color:var(--muted);margin:24px 0 18px}kbd{font-family:inherit;font-size:11px;border:1px solid #46556a;background:#1d2938;border-radius:4px;padding:3px 7px;color:var(--text)}.decks{display:grid;grid-template-columns:1fr 1fr;gap:22px}.deck{--deck-accent:var(--accent);border:1px solid var(--line);border-top:3px solid var(--deck-accent);border-radius:12px;background:linear-gradient(135deg,#1b2633,var(--panel));padding:22px;min-width:0}.second{--deck-accent:#9fbcff}.deck-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:13px;letter-spacing:2px;margin:0}h2 span{color:var(--deck-accent);font-size:23px;margin-left:6px}.track{padding:13px 0 12px;min-height:100px}.track-icon{float:left;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;width:48px;height:48px;color:var(--deck-accent);font-size:27px;margin:5px 15px 10px 0}.filename{font-size:16px;font-weight:650;overflow-wrap:anywhere;margin:5px 0}.track-hint{font-size:11px;color:var(--muted);margin:5px 0}.file-label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}.file{width:100%;font-size:12px;color:var(--muted)}.file::file-selector-button{border:1px solid #54657a;background:#263447;color:var(--text);padding:10px 13px;border-radius:6px;margin-right:10px;cursor:pointer;font:inherit}.timeline{display:flex;justify-content:space-between;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);margin-top:17px}.elapsed{color:var(--text)}input[type=range]{width:100%;accent-color:var(--deck-accent);cursor:pointer;height:24px;margin:4px 0}.progress:disabled{cursor:default;opacity:.45}.toggle{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:7px;background:var(--deck-accent);color:#101923;min-height:49px;font-weight:800;letter-spacing:1px;margin:12px 0 19px;cursor:pointer}.toggle small{border:1px solid #253d5366;border-radius:4px;padding:3px 6px;margin-left:auto;font-size:10px}.toggle>span{margin-left:auto}.toggle:hover{filter:brightness(1.08)}.deck[data-state=TOCANDO] .toggle{background:#2e4051;color:var(--text);box-shadow:inset 0 0 0 1px var(--deck-accent)}.volume-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.volume-value{color:var(--text);font-variant-numeric:tabular-nums}.deck-bottom{border-top:1px solid var(--line);margin-top:13px;padding-top:13px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.state{font-weight:800;color:var(--deck-accent)}.deck[data-state=ERRO] .state{color:#ffaca6}.message{font-size:12px;color:var(--muted);min-height:18px;margin:8px 0 0}.future{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.future strong{letter-spacing:1.3px;color:var(--text);font-size:10px}.future small{margin-left:auto}details{font-size:12px;color:var(--muted);margin-top:17px}summary{cursor:pointer;width:fit-content}details p{max-width:850px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 28px;font-size:10px;letter-spacing:.6px;border-top:1px solid var(--line)}.muted{color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;background:var(--bg);padding:12px;z-index:10}@media(max-width:680px){.decks{grid-template-columns:1fr}.topbar,main,footer{padding:20px}.brand small{display:none}.intro{align-items:flex-start;flex-direction:column}h1{font-size:26px}.local small{display:inline;margin-left:10px}.future{gap:14px}.future small{width:100%;margin:0}footer{flex-direction:column}.deck{padding:19px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}}
.volume-buttons{display:flex;gap:10px;margin-top:6px}.volume-buttons button{flex:1;min-height:40px;border:1px solid #54657a;border-radius:6px;background:#263447;color:var(--text);cursor:pointer;font-size:11px;font-weight:700}.volume-buttons small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.microphone{text-align:center;border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:22px;background:var(--panel)}.microphone h2{margin-bottom:15px}.mic-toggle{display:block;width:min(100%,480px);min-height:64px;margin:auto;border:2px solid #ff9f9f;border-radius:9px;background:#b52d3d;color:#fff;font-size:17px;font-weight:800;letter-spacing:1px;cursor:pointer}.microphone[data-active=true] .mic-toggle{background:#dc3348;box-shadow:0 0 0 4px #dc334833}.microphone p{font-size:12px;color:var(--muted);margin:12px 0 0}.microphone meter{width:min(100%,480px);height:16px;margin-top:10px}.mic-message{min-height:18px}.deck .track{min-height:82px}.deck .toggle{margin-bottom:14px}
.memory-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:10px}.memory-panel div{flex:1;min-width:200px}.memory-panel strong{font-size:13px}.memory-panel p{font-size:12px;color:var(--muted);margin:6px 0 0}.memory-panel>p{width:100%}#reset-all{min-height:44px;padding:10px 22px;border:1px solid #ffb4ac;border-radius:6px;background:#41232c;color:#ffe3df;font-weight:700;cursor:pointer}
.transmission{padding:20px;margin-bottom:26px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.stream-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.stream-head strong{font-size:10px;color:var(--muted);letter-spacing:1px}#stream-form{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}#stream-form>div{flex:1;min-width:200px}#stream-form label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}#stream-form input{width:100%;min-height:42px;background:#0c1118;border:1px solid #54657a;color:var(--text);border-radius:6px;padding:10px;font:inherit;font-size:13px}#stream-form button{margin-top:23px;min-height:42px;padding:10px 22px;border:1px solid #64768d;border-radius:6px;color:var(--text);background:#2b3b4e;cursor:pointer;font-weight:700}#stream-form small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.transmission>p{font-size:12px;color:var(--muted);margin:12px 0 0}.duck-output{min-height:16px;font-size:10px;color:var(--deck-accent);margin:7px 0 0}
.account-page{max-width:900px;padding:42px 24px}.account-page>p{color:var(--muted);font-size:14px}.account-page h2{margin:28px 0 16px}.account-form{display:flex;flex-direction:column;gap:10px;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin:24px 0}.account-form label{font-size:14px}.account-form input:not([type=checkbox]),.account-form select{min-height:44px;border:1px solid #64768d;background:#0c1118;color:var(--text);padding:10px;border-radius:6px;font:inherit}.account-form button{min-height:48px;margin-top:10px;border:0;border-radius:6px;background:var(--accent);color:#101923;font-weight:800;cursor:pointer}.account-form button:disabled{opacity:.5;cursor:default}.account-message{padding:14px;border:1px solid #ff9f9f;border-radius:6px;color:#ffceca!important}.check-label{display:flex;gap:12px;align-items:center;margin:10px 0}.account-nav{display:flex;gap:24px;margin:25px 0}.account-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;font-size:14px}.user-bar{max-width:1160px;padding:14px 28px;margin:auto;display:flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid var(--line)}.user-bar form{margin-left:auto}.user-bar button{padding:8px 16px;border:1px solid #64768d;border-radius:5px;background:#263447;color:var(--text);cursor:pointer}

.brand-lockup{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.brand-lockup .version{white-space:nowrap;font-size:11px;letter-spacing:1px}.brand-caption{color:var(--muted);font-size:10px;letter-spacing:2px}@media(max-width:680px){.brand-caption{display:none}.brand-lockup{gap:10px}}