/* Scoped to the new area. No layout changes in the existing trainer. */
body.dv-active #svv-app{display:none!important}body:not(.svv-auth-granted) #svv-division{display:none!important}
#svv-division{--dv-bg:#090d16;--dv-card:#161e2b;--dv-line:#334157;--dv-purple:#863bff;--dv-lilac:#c9a7ff;--dv-text:#f4f3fc;--dv-muted:#b9c3d4;max-width:760px;margin:0 auto;padding:24px 22px calc(var(--dv-dock,110px) + 20px);color:var(--dv-text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.45;min-height:100dvh;box-sizing:border-box}
#svv-division *,#svv-division *:before,#svv-division *:after{box-sizing:border-box}#svv-division [hidden]{display:none!important}
#svv-division button,#svv-division input,#svv-division select{font:inherit}#svv-division button{cursor:pointer;touch-action:manipulation;min-height:48px;border:1px solid var(--dv-line);border-radius:14px;color:var(--dv-text);background:var(--dv-card);padding:12px 14px;font-size:1rem;font-weight:600}#svv-division button:disabled{opacity:.5;cursor:default}#svv-division :focus-visible{outline:3px solid #8de0cb;outline-offset:3px}
#svv-division .dv-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}#svv-division .dv-brand img{width:38px;height:38px}#svv-division .dv-brand strong{color:var(--dv-lilac);font-size:1rem}#svv-division .dv-brand small{display:block;font-size:.8rem;color:var(--dv-muted)}
#svv-division .dv-nav{display:flex;align-items:center;gap:8px;margin:0 -8px 20px}#svv-division .dv-nav h2{font-size:1.45rem;line-height:1.2;margin:0;flex:1}#svv-division .dv-icon{width:48px;flex-shrink:0;font-size:1.5rem;background:transparent;border-color:transparent;padding:5px}#svv-division h3{font-size:1.3rem;line-height:1.3;margin:12px 0 6px}#svv-division p{font-size:1.04rem;color:var(--dv-muted);margin:8px 0 18px}#svv-division .dv-sub{color:var(--dv-lilac);font-weight:600;margin:4px 0 18px}
#svv-division .dv-card{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:18px 14px;margin:14px 0;min-height:88px;border:1px solid var(--dv-line);background:var(--dv-card)}#svv-division .dv-card-icon{width:44px;height:48px;border:1px solid #5e4382;border-radius:13px;background:#2a203f;display:grid;place-items:center;color:var(--dv-lilac);flex-shrink:0;font-size:1.35rem}#svv-division .dv-card strong{font-size:1.13rem;display:block}#svv-division .dv-card small{font-weight:400;color:var(--dv-muted);display:block;font-size:.98rem;margin-top:4px}#svv-division .dv-duration{margin-left:auto;align-self:flex-start;color:var(--dv-lilac);font-size:.86rem;white-space:nowrap}#svv-division .dv-song{background:#20192f;border-color:#8e62bf;min-height:128px}#svv-division .dv-eyebrow{font-size:.8rem;font-weight:700;color:var(--dv-lilac);letter-spacing:.8px;margin:30px 0 8px}
#svv-division .dv-tabs{display:flex;gap:10px;margin:14px 0 26px}#svv-division .dv-tabs button{flex:1}#svv-division button[aria-pressed=true]{background:#873cff;border-color:#c49aff}#svv-division .dv-roles{display:grid;gap:10px;margin:14px 0 24px}#svv-division .dv-roles button{text-align:left;display:flex;justify-content:space-between;align-items:center;min-height:55px}#svv-division .dv-roles button[aria-pressed=true]{background:#2c2042}#svv-division .dv-roles button[aria-pressed=true]:after{content:'✓';display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#863bff;border:1px solid #cfb5ff}
#svv-division .dv-main{background:linear-gradient(115deg,#973fff,#752bee);border:1px solid #bb8cff;color:white;min-height:58px;font-size:1.15rem}#svv-division .dv-wide{width:100%;margin:8px 0}#svv-division .dv-switch{width:100%;min-height:56px;background:#271e37;border-color:#aa7ee5;margin:18px 0 6px}#svv-division .dv-switch[data-support=true]{background:#873cff}#svv-division .dv-center{text-align:center}#svv-division .dv-small{font-size:.91rem}
#svv-division .dv-check{display:flex;align-items:center;gap:12px;min-height:48px;font-size:1.03rem;color:var(--dv-text)}#svv-division input[type=checkbox]{width:22px;height:22px;accent-color:#873cff}#svv-division audio{width:100%;margin:10px 0;display:block}#svv-division .dv-status{border:1px solid #314936;background:#10241e;border-radius:16px;padding:13px 12px;text-align:center;margin:16px 0}#svv-division .dv-status strong{color:#76e5b0;font-size:1.15rem;display:block}#svv-division .dv-status p{margin:6px 0 0;font-size:.95rem}#svv-division .dv-status[data-kind=warn],#svv-division .dv-status[data-kind=uncertain]{background:#2c2515;border-color:#866a27}#svv-division .dv-status[data-kind=warn] strong,#svv-division .dv-status[data-kind=uncertain] strong{color:#f4cd6b}#svv-division .dv-status[data-kind=bad]{background:#321e29;border-color:#a9455d}#svv-division .dv-status[data-kind=bad] strong{color:#ff889b}#svv-division .dv-status[data-kind=idle],#svv-division .dv-status[data-kind=support]{background:#171e2a;border-color:var(--dv-line)}#svv-division .dv-status[data-kind=idle] strong,#svv-division .dv-status[data-kind=support] strong{color:var(--dv-text)}
#svv-division .dv-chart{height:clamp(230px,33dvh,320px);position:relative;background:#080c13;border:1px solid #46625d;border-radius:17px;overflow:hidden}#svv-division .dv-chart canvas{display:block;width:100%;height:100%}#svv-division .dv-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--dv-muted);font-size:.84rem;margin:12px 0}#svv-division .dv-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c9a7ff;margin-right:5px}#svv-division .dv-legend .dv-you i{background:#76e5b0}#svv-division .dv-time{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums;font-size:.94rem;margin:12px 0}#svv-division .dv-time input{flex:1;min-width:30px;width:100%;height:32px;accent-color:#bc8fff;margin:0}#svv-division .dv-foot{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#0c101bf5;border-top:1px solid #3c2e51;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))}#svv-division .dv-foot-inner{max-width:716px;margin:0 auto}#svv-division .dv-foot-row{display:grid;grid-template-columns:58px 1fr 82px;gap:10px}#svv-division .dv-foot-row button{padding:10px 7px}#svv-division .dv-foot p{font-size:.87rem;margin:6px 0 0;text-align:center}#svv-division .dv-error{background:#332428;border:1px solid #875258;color:#ffe1df;padding:15px;border-radius:14px;margin:12px 0;font-size:1rem}#svv-division .dv-loading{background:#242036;border:1px solid #8564ac;border-radius:14px;padding:15px;margin:12px 0}#svv-division progress{width:100%;accent-color:#a871ff}
#svv-division details{border-top:1px solid var(--dv-line);margin-top:14px;padding-top:6px}#svv-division summary{padding:12px 0;color:var(--dv-lilac);cursor:pointer;font-size:1rem;min-height:48px}#svv-division .dv-score{border:1px solid var(--dv-line);border-radius:18px;text-align:center;padding:18px;margin:20px 0}#svv-division .dv-score strong{font-size:3.2rem;color:#d7baff;display:block}#svv-division .dv-result-actions{display:grid;gap:12px}#svv-division .dv-link{color:var(--dv-lilac);background:transparent;border:0;font-size:.98rem;padding:12px 0}#svv-division .dv-help{border:1px solid var(--dv-line);border-radius:15px;padding:14px;margin-bottom:20px}#svv-division .dv-help p{font-size:.98rem}#svv-division textarea{width:100%;min-height:130px;background:#111721;color:#dbe0ed;border:1px solid var(--dv-line);border-radius:10px;padding:10px}
#svv-division .dv-recording{font-size:.9rem;color:#ff9fb7;margin:10px 0}#svv-division .dv-field{display:grid;gap:6px;margin:12px 0}#svv-division .dv-field select{background:var(--dv-card);color:var(--dv-text);border:1px solid var(--dv-line);border-radius:12px;padding:12px;min-height:48px}
@media(max-width:370px){#svv-division{padding:18px 15px calc(var(--dv-dock,110px) + 20px)}#svv-division .dv-nav h2{font-size:1.28rem}#svv-division .dv-foot{padding-left:14px;padding-right:14px}#svv-division .dv-foot-row{grid-template-columns:48px 1fr 72px;gap:7px}#svv-division .dv-tabs{gap:7px}#svv-division .dv-tabs button{padding:12px 7px}}
@media(prefers-reduced-motion:reduce){#svv-division *{scroll-behavior:auto!important}}

#svv-division #dv-switch-dock .dv-switch{margin:0 0 4px;min-height:50px}#svv-division #dv-switch-hint{font-size:.85rem;margin:0 0 10px}#svv-division #dv-finish{min-height:46px;background:transparent;border-color:#5b4773;color:#d7bcfc;font-size:.94rem}
#svv-division{padding-top:calc(18px + env(safe-area-inset-top,0px))}#svv-division .dv-brand{margin-bottom:16px}#svv-division .dv-chart{height:clamp(210px,29dvh,280px)}