/* Palette, system-font stack and bar logo match Trainer V20 guided.css. */
:root{--bg:#080c14;--panel:#0c111c;--panel2:#151c2b;--line:#303b52;--primary:#873bfa;--primary2:#c49bff;--cream:#c49bff;--cream-soft:#873bfa1f;--text:#f8f9ff;--muted:#bcc4d6;--green:#4cf19a;--red:#ff9caa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}
body{font-family:inherit;background:radial-gradient(ellipse at 50% -200px,#8340ef30,transparent 750px),#080c14;line-height:1.45}
.topbar{background:#0a0f19;border-color:#302c46}.brand{gap:10px}.brandname{font-size:16px;letter-spacing:.005em;color:#c89aff;font-weight:850;line-height:1.2}.brandname small{display:block;font-size:10px;font-weight:450;color:var(--muted);margin-top:5px;letter-spacing:0}.v04-logo{width:32px!important;height:38px!important;color:#b266ff;transform:none!important;display:flex!important}.v04-logo svg{width:32px;height:36px;stroke-width:1.8}.livebadge{background:#873bfa22;color:#d9b6ff;border:1px solid #873bfa66}.navbutton.active{color:#d9b6ff}.navbutton.active:after{background:#b266ff}.avatar{background:#21182f;color:#d9b6ff}.panel{background:linear-gradient(155deg,#8a4dff06,transparent 55%),var(--panel);border-color:var(--line)}
.primarybtn{background:#873bfa;color:#fff;border:1px solid #a86dff;box-shadow:0 4px 16px #873bfa1a}.primarybtn:hover{background:#984dff}.outlinebtn{background:#151c2b;border-color:#3a465f;color:var(--text)}.outlinebtn:hover{border-color:#b266ff}.textbtn{color:#d9b6ff}.segmented{background:#0c111c;border-color:var(--line)}.segmented button.active{background:#873bfa26;color:#e4d2ff}.demo-banner{background:#100d1b;color:#c7badc;border-color:#302c46}.sessionbar p,.tiny,.muted{color:var(--muted)}.dock{background:#0c111cf5!important;border-color:#303b52;backdrop-filter:blur(12px)}.dockbtn.on{background:#873bfa20;color:#d1adff}.recordbtn{background:#ff9caa12;color:#ffb8c3;border-color:#ff9caa35}.recordbtn.recording{background:#ad3449;color:white}.exercise-tile{background:#151c2b}.exercise-icon{color:#c49bff;background:#873bfa20}.pill.on{color:#75f3ad;border-color:#4cf19a33;background:#4cf19a0d}.video-card{background:#0c111c!important;border-color:#303b52}.video-card video{background:#0c111c}.name-tag{color:#fff}.video-badge{background:#080c14d9;color:#fff}.video-label{color:white}.video-card .video-label .videostate{color:white}.keyboard .white-key{color:#26232d}.keyboard .black-key{background:#171321}.trainer-shell{border-color:#303b52}.trainer-status span{color:#bcc4d6}
.live-panel{background:linear-gradient(115deg,#873bfa14,#0c111c)!important;border-color:#69429b!important;color:var(--text);margin:16px 28px!important;border-radius:16px!important;gap:12px!important}.live-panel input{background:#101725!important;color:var(--text)!important;border-color:#4c5874!important;min-height:42px}.live-panel button{background:#21182f!important;border-color:#69429b!important;min-height:42px;color:#e4d2ff!important}.live-panel small{color:#bcc4d6!important}.live-panel label{display:flex;align-items:center;gap:7px}.live-panel label input{min-height:0}.live-panel input[type=checkbox],input[type=range]{accent-color:#b266ff}.live-panel #liveStatus{font-size:12px}.live-panel #liveCreate,.live-panel #liveJoin{background:#873bfa!important;color:white!important}.live-panel #inviteFallback{max-width:100%;width:100%}
.v04-device-split{display:flex;align-items:center;border:1px solid #303b52;border-radius:12px;overflow:hidden;flex-shrink:0;background:#111827}.v04-device-split .dockbtn{border-radius:0;min-width:62px;background:transparent}.v04-device-arrow{align-self:stretch;border-left:1px solid #303b52;min-width:28px;color:#d9b6ff;font-size:19px;padding:3px 5px;background:#21182f;cursor:pointer}.v04-device-arrow:hover{background:#352149}.v04-device-arrow:focus-visible{outline-offset:-3px}.v04-share-panel{padding:16px 18px}.v04-share-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.v04-share-head h2{font-size:14px}.v04-share-head p{font-size:11px;color:var(--muted);margin-top:4px}.v04-share-head button{white-space:nowrap;font-size:12px}.v04-share-head button[aria-pressed=true]{background:#234a36;border-color:#4cf19a66;color:#9cfcc4}.v04-volumes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px}.v04-volumes label{display:block;font-size:11px;color:var(--muted)}.v04-volumes output{float:right;color:var(--text)}.v04-volumes input{display:block;width:100%;margin:9px 0 0}.v04-share-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.v04-share-actions button{min-height:36px;font-size:11px;padding:8px 12px}.v04-share-actions small{color:var(--muted);font-size:10px;flex:1;min-width:140px}.v04-receive{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.v04-receive summary{cursor:pointer;font-size:11px;color:#d9b6ff}.v04-settings section+section{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.v04-choice{display:flex;gap:10px;align-items:center;margin:10px 0}.v04-choice select{min-width:0;flex:1;width:100%;min-height:43px;background:#151c2b;border:1px solid #4c5874;border-radius:9px;color:var(--text);padding:9px;font-size:13px}.v04-choice button{font-size:12px;flex-shrink:0;min-height:43px}.v04-settings .meter{margin:12px 0}.v04-settings .meter span{background:#4cf19a}.v04-settings .notice{line-height:1.65;margin-top:18px}.v04-settings video{width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:#080c14}.v04-flow{padding:10px}.v04-flow strong{color:#d9b6ff;font-size:12px}.v04-flow p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:6px}.v04-receive label{color:#bcc4d6}.remote-panel{border-color:#65448d}.remote-panel p{margin-top:5px}.toast{background:#21182f;border-color:#684790;color:var(--text)}
@media(max-width:930px){.live-panel{margin:12px 16px!important}.dock-controls{gap:5px}.v04-device-split .dockbtn{min-width:50px}.v04-device-arrow{min-width:25px}}
@media(max-width:700px){.brandname{font-size:14px}.brandname small{font-size:9px}.brandmark.v04-logo{width:26px!important}.live-panel{margin:12px!important;padding:14px!important}.live-panel #liveStatus{width:100%;order:0}.live-panel input[type=password]{max-width:none;flex:1;min-width:140px}.live-panel label{font-size:12px}.live-panel small{font-size:11px;line-height:1.55}.v04-share-head{align-items:flex-start;flex-wrap:wrap;gap:10px}.v04-share-head button{width:100%;min-height:44px}.v04-share-panel{padding:14px}.v04-volumes{gap:15px}.v04-share-actions small{flex-basis:100%}.v04-device-split .dockbtn{min-width:43px;padding:7px 3px}.v04-device-arrow{min-width:24px;padding:3px}.dock-controls{gap:3px}.dockdivider{display:none}.recordbtn{min-width:67px;margin:0 2px;font-size:10px}.dockbtn{min-width:36px;padding:7px 4px}.dock-left,.dock-right,.help-dock{display:none!important}.v04-choice{flex-wrap:wrap}.v04-choice select{flex-basis:100%}.v04-choice button{flex:1}.app{padding-bottom:100px!important}.live-panel button{font-size:12px}.session-title h1{font-size:19px}.session-title p{max-width:140px}}
@media(max-width:360px){.dock-controls>.dockbtn{min-width:30px}.v04-device-split .dockbtn{min-width:37px;font-size:8px}.v04-device-arrow{min-width:22px}.recordbtn{min-width:59px}.brandname{font-size:12px}.livebadge{font-size:8px}.topright{gap:0}.topbar{padding:0 10px}}