:root{color-scheme:dark;--bg:#09080d;--panel:#121018;--panel-2:#191620;--ink:#f4f0e8;--muted:#a69ead;--line:rgba(255,255,255,.12);--accent:#a459ff;--accent-2:#dca9ff;--accent-rgb:164,89,255;--reference:#be7cff;--student:#62f0d0;--danger:#ff5874;--shadow:0 22px 80px rgba(0,0,0,.42)}:root[data-theme=ember]{--accent:#ff663b;--accent-2:#ffc072;--accent-rgb:255,102,59;--reference:#ff825d;--student:#ffdc78}:root[data-theme=cyan]{--accent:#12c9df;--accent-2:#8bf2ff;--accent-rgb:18,201,223;--reference:#36ddf1;--student:#ff75bd}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html,body,#app{max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");mix-blend-mode:screen}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}[hidden]{display:none!important}.topbar{height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:12;background:#09080dd1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;font:800 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;cursor:pointer}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);border:1px solid var(--accent);clip-path:polygon(50% 0,100% 22%,87% 85%,50% 100%,13% 85%,0 22%);text-shadow:0 0 14px var(--accent)}.desktop-nav{display:flex;align-items:stretch;align-self:stretch}.nav-link{border:0;background:none;color:var(--muted);padding:0 20px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;position:relative}.nav-link:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;transform:scaleX(0);background:var(--accent);box-shadow:0 0 14px var(--accent);transition:.2s}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{transform:scaleX(1)}.top-actions{display:flex;align-items:center;gap:18px}.theme-dots{display:flex;gap:7px}.theme-dot{width:14px;height:14px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#a459ff;cursor:pointer}.theme-dot:nth-child(2){background:#ff663b}.theme-dot:nth-child(3){background:#12c9df}.theme-dot.active{box-shadow:0 0 0 3px var(--bg),0 0 0 4px currentColor,0 0 14px currentColor}.lang-button{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:7px 11px;cursor:pointer;font:700 11px/1 ui-monospace,monospace}.page{min-height:calc(100vh - 76px)}.hero{min-height:calc(100vh - 76px);padding:clamp(50px,8vw,120px) clamp(22px,6vw,100px) 0;position:relative;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);grid-template-rows:1fr auto;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 36%,rgba(var(--accent-rgb),.2),transparent 30%),linear-gradient(115deg,transparent 58%,rgba(var(--accent-rgb),.045))}.hero-copy{position:relative;z-index:2;align-self:center;max-width:700px;padding-bottom:72px}.eyebrow{color:var(--accent-2);font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero h1,.library-head h1,.setup-intro h1,.page-title h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.055em}.hero h1{margin:22px 0;font-size:clamp(58px,8vw,128px);line-height:.85;max-width:900px}.hero-copy p{max-width:610px;color:#cbc3cf;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.hero-actions,.result-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:36px}.cta,.button-ghost,.button-danger,.text-button,.back-button{border:0;cursor:pointer;transition:transform .18s ease,border-color .18s,background .18s}.cta{min-height:50px;padding:0 25px;background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:12px;border:1px solid var(--accent-2);box-shadow:0 0 28px rgba(var(--accent-rgb),.28),inset 0 0 18px #ffffff1f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.cta:hover,.button-ghost:hover,.button-danger:hover{transform:translateY(-2px)}.cta:disabled{opacity:.32;cursor:not-allowed;transform:none}.cta.full{width:100%}.button-ghost,.button-danger{min-height:50px;padding:0 22px;border:1px solid var(--line);background:#ffffff09;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:750}.button-ghost:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.button-danger{color:#ff9bad;border-color:#ff587459}.hero-stage{min-height:590px;position:relative;align-self:end}.stage-halo{position:absolute;width:48vw;height:48vw;max-width:720px;max-height:720px;min-width:420px;min-height:420px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.04) 48%,transparent 69%);border:1px solid rgba(var(--accent-rgb),.22);box-shadow:0 0 90px rgba(var(--accent-rgb),.13),inset 0 0 90px rgba(var(--accent-rgb),.11)}.stage-halo:before,.stage-halo:after{content:"";position:absolute;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;top:12%;right:12%;bottom:12%;left:12%}.stage-halo:after{top:25%;right:25%;bottom:25%;left:25%;border-style:dashed;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mic-silhouette{position:absolute;width:150px;height:520px;left:50%;bottom:-60px;transform:translate(-50%) rotate(-8deg);filter:drop-shadow(0 0 38px rgba(var(--accent-rgb),.48))}.mic-head{position:absolute;width:120px;height:170px;left:15px;top:10px;border-radius:54% 54% 42% 42%;background:repeating-linear-gradient(90deg,#222 0,#222 4px,#777,#777 6px),repeating-linear-gradient(0deg,transparent 0 5px,#aaa 6px 7px);border:8px solid #151419;box-shadow:inset 0 0 20px #000}.mic-body{position:absolute;width:52px;height:300px;top:152px;left:50px;background:linear-gradient(90deg,#111,#888 48%,#19171e 70%);clip-path:polygon(12% 0,88% 0,70% 100%,30% 100%)}.mic-cable{position:absolute;width:180px;height:140px;left:66px;top:430px;border:7px solid #333;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(28deg)}.sound-wave{position:absolute;inset:28% 0 auto;height:130px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.64}.sound-wave i{width:2px;height:calc(12px + 92px*sin(var(--i) * 1rad)*sin(var(--i) * 1rad));min-height:10px;background:var(--accent-2);box-shadow:0 0 10px var(--accent)}.scribble{position:absolute;color:#ffffff94;font:italic 18px/1.2 Segoe Print,cursive;transform:rotate(-7deg)}.scribble.s1{top:9%;left:4%}.scribble.s2{right:1%;bottom:22%;transform:rotate(8deg)}.hero-stats{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-stats span{padding:22px 24px;border-right:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero-stats b{display:block;color:var(--ink);font:400 34px/1 Georgia,serif;margin-bottom:7px}.section-block{padding:96px clamp(22px,6vw,100px) 110px;max-width:1700px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2{font:400 clamp(38px,5vw,72px)/1 Georgia,serif;margin:12px 0 0}.section-heading p{color:var(--muted);max-width:520px;line-height:1.6}.featured-grid,.exercise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.exercise-grid{grid-template-columns:repeat(3,1fr)}.exercise-card{min-height:355px;padding:23px;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0e,#ffffff05);cursor:pointer;animation:card-in .5s both;animation-delay:var(--delay)}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}}.exercise-card:after{content:"";position:absolute;inset:auto -25% -60% 20%;height:75%;background:radial-gradient(circle,rgba(var(--accent-rgb),.22),transparent 68%);transition:.3s}.exercise-card:hover{border-color:rgba(var(--accent-rgb),.62);transform:translateY(-4px);box-shadow:var(--shadow)}.exercise-card:hover:after{transform:scale(1.25)}.exercise-card.extreme{border-color:#ff58744d}.card-number{position:absolute;top:15px;right:18px;color:#ffffff1f;font:400 62px/1 Georgia,serif}.card-art{position:relative;width:118px;height:118px;margin:14px 0 26px}.art-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 24px rgba(var(--accent-rgb),.28),inset 0 0 18px rgba(var(--accent-rgb),.15)}.art-ring:after{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.art-line{position:absolute;width:95px;height:2px;top:58px;left:58px;background:var(--accent-2);transform:rotate(-22deg);transform-origin:left}.art-dot{position:absolute;width:10px;height:10px;left:143px;top:35px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 14px var(--accent)}.card-meta{position:relative;z-index:1;display:flex;justify-content:space-between;color:var(--accent-2);font:700 10px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.card-meta b{color:#ff6c84}.exercise-card h3{position:relative;z-index:1;font:400 25px/1.1 Georgia,serif;margin:11px 0 10px}.exercise-card p{position:relative;z-index:1;color:var(--muted);font-size:13px;line-height:1.55;flex:1}.card-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.card-footer button{border:0;background:none;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.center-action{display:flex;justify-content:center;margin-top:44px}.text-button{background:none;color:var(--accent-2);padding:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.library-page,.setup-shell,.tuner-shell,.progress-shell{padding:72px clamp(22px,6vw,100px) 120px;max-width:1700px;margin:auto}.library-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:38px;border-bottom:1px solid var(--line)}.library-head h1,.page-title h1{font-size:clamp(50px,6.5vw,96px);line-height:.95;margin:15px 0}.library-head p,.page-title p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.6}.library-count{width:150px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid rgba(var(--accent-rgb),.45);border-radius:50%;box-shadow:inset 0 0 30px rgba(var(--accent-rgb),.08)}.library-count b{font:400 48px/1 Georgia,serif}.library-count span{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.filters{padding:26px 0 34px}.search{width:min(100%,540px);min-height:48px;display:flex;align-items:center;gap:11px;padding:0 16px;border:1px solid var(--line);background:#ffffff08}.search span{font-size:23px;color:var(--accent-2)}.search input{width:100%;border:0;outline:0;background:none;color:var(--ink)}.filter-row{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:thin}.filter-chip{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:none;padding:8px 14px;color:var(--muted);cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.filter-chip.active{color:#fff;background:var(--accent);border-color:var(--accent)}.back-button{background:none;color:var(--muted);padding:6px 0;margin-bottom:35px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.back-button:hover{color:var(--ink)}.setup-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:clamp(32px,7vw,120px)}.setup-intro h1{font-size:clamp(56px,7vw,108px);line-height:.88;margin:20px 0}.setup-intro>p{color:var(--muted);font-size:18px;line-height:1.6;max-width:520px}.setup-art{width:min(440px,85vw);aspect-ratio:1;margin:40px auto 0;position:relative;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.22),transparent 58%)}.vinyl{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;left:9%;top:14%;background:repeating-radial-gradient(circle,#16141b 0,#16141b 4px,#24202b 5px,#24202b 7px);box-shadow:0 0 0 1px #555,0 30px 70px #000;animation:spin 12s linear infinite}.vinyl:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.needle{position:absolute;width:41%;height:6px;right:5%;top:24%;background:#aaa;transform:rotate(55deg);transform-origin:right;box-shadow:0 0 12px #000}.setup-art>b{position:absolute;left:22px;bottom:15px;font:400 75px/1 Georgia,serif;color:#ffffff40}.setup-art.extreme{background:radial-gradient(circle,rgba(255,88,116,.23),transparent 60%)}.setup-panel{border:1px solid var(--line);background:#ffffff06;padding:clamp(22px,4vw,48px);box-shadow:var(--shadow)}.control-group{margin-bottom:30px}.control-group>label,.lyrics-preview>span{display:block;margin-bottom:12px;color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:4px}.segmented button{min-height:45px;border:0;background:none;color:var(--muted);cursor:pointer}.segmented button.active{background:var(--accent);color:#fff;box-shadow:0 0 18px rgba(var(--accent-rgb),.26)}.takes{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:292px;overflow-y:auto;padding-right:3px}.take{min-height:76px;padding:12px;position:relative;text-align:left;border:1px solid var(--line);background:#ffffff06;cursor:pointer}.take.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);box-shadow:inset 3px 0 var(--accent)}.take span{display:flex;align-items:center;gap:9px;font-size:12px}.take span b{display:grid;place-items:center;width:24px;height:24px;color:var(--accent-2);border:1px solid rgba(var(--accent-rgb),.45)}.take small{display:block;margin:7px 0 0 33px;color:var(--muted)}.take em{position:absolute;top:7px;right:8px;color:var(--accent-2);font:700 8px/1 ui-monospace,monospace;text-transform:uppercase}.take-detail{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border:1px solid var(--line)}.take-detail div{padding:15px;border-right:1px solid var(--line)}.take-detail div:last-child{border:0}.take-detail span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.take-detail b{display:block;margin-top:7px;font:400 21px/1 Georgia,serif}.lyrics-preview{max-height:190px;margin-bottom:28px;padding:18px;overflow-y:auto;background:#00000040;border-left:2px solid var(--accent)}.lyrics-preview p{margin:6px 0;color:#d8d1db}.safety-callout{padding:18px;margin-bottom:28px;color:#ffb2bf;border:1px solid rgba(255,88,116,.35);background:#ff587412}.safety-callout p{margin:9px 0 0;font-size:12px;line-height:1.5}.runner-shell{padding:28px clamp(14px,3vw,48px) 80px;max-width:1800px;margin:auto}.runner-top{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:center;margin-bottom:18px}.runner-top .back-button{margin:0}.runner-top h1{font:400 clamp(28px,3vw,48px)/1 Georgia,serif;margin:7px 0 0}.runner-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.runner-status i{width:8px;height:8px;border-radius:50%;background:var(--student);box-shadow:0 0 11px var(--student);animation:pulse 1.2s ease infinite}@keyframes pulse{50%{opacity:.35}}.safety-check{display:flex;gap:13px;align-items:center;margin:12px 0 18px;padding:12px 16px;border:1px solid rgba(255,88,116,.3);background:#ff58740f;cursor:pointer}.safety-check input{width:20px;height:20px;accent-color:var(--danger)}.safety-check b,.safety-check small{display:block}.safety-check small{color:var(--muted);margin-top:4px}.performance-stage{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(var(--accent-rgb),.07),#ffffff05);box-shadow:var(--shadow);overflow:hidden}.performance-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 60%,rgba(var(--accent-rgb),.05))}.count-in{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#060509d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.count-in span{color:var(--accent-2);font:700 12px/1 ui-monospace,monospace;letter-spacing:.2em}.count-in b{color:var(--ink);font:400 120px/1 Georgia,serif;text-shadow:0 0 35px var(--accent)}.lyrics-stage{min-height:184px;display:grid;align-content:center;gap:15px;padding:28px 5vw 14px;text-align:center}.karaoke-line{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;transition:.2s}.karaoke-line.upcoming{opacity:.26;transform:scale(.88)}.karaoke-line.passed{opacity:.17;transform:scale(.88)}.karaoke-line.active{opacity:1}.lyric-token{min-width:54px;position:relative;display:inline-grid;justify-items:center;gap:4px;padding:0 3px 8px}.lyric-token i{height:8px;color:#ffffff59;font: 10px/1 monospace}.lyric-token b{position:relative;font:500 clamp(23px,3.3vw,52px)/1.05 Georgia,serif;color:#ffffff3d;white-space:nowrap}.lyric-token.active b,.lyric-token.passed b{background:linear-gradient(90deg,var(--accent-2) var(--fill),rgba(255,255,255,.24) var(--fill));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 25px rgba(var(--accent-rgb),.22)}.lyric-token em{width:100%;height:3px;background:#ffffff24;overflow:hidden}.lyric-token em:after{content:"";display:block;width:var(--fill);height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.timing-legend{padding:0 18px 15px;color:var(--muted);text-align:center;font-size:10px;letter-spacing:.08em}.pitch-panel{border-top:1px solid var(--line);background:#00000040}.pitch-panel-head{min-height:42px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.pitch-panel-head>div{display:flex;align-items:center;gap:7px}.pitch-panel-head strong{color:var(--ink);font:400 19px/1 Georgia,serif}.pitch-panel-head small{text-align:right;color:var(--muted)}.legend{width:22px;height:3px;display:inline-block}.legend.reference{background:var(--reference)}.legend.student{margin-left:14px;background:var(--student)}.pitch-panel canvas{display:block;width:100%;height:min(37vh,330px);border-top:1px solid rgba(255,255,255,.05)}.timeline{height:5px;background:#ffffff14}.timeline i{display:block;height:100%;width:var(--progress);background:var(--accent);box-shadow:0 0 10px var(--accent)}.clock{padding:8px 14px;color:var(--muted);text-align:right;font:11px/1 ui-monospace,monospace}.live-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.live-meter{min-height:55px;padding:10px 13px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;border:1px solid var(--line);background:#ffffff06}.live-meter span{color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.live-meter b{grid-row:1/3;grid-column:2;align-self:center;font:400 25px/1 Georgia,serif}.live-meter i{height:4px;background:#ffffff17}.live-meter em{display:block;width:var(--value);height:100%;background:var(--student);box-shadow:0 0 10px var(--student);transition:width .18s}.runner-controls{display:flex;justify-content:center;gap:10px;padding:20px 0}.runner-controls .during,.runner-controls[data-state=running] [data-listen],.runner-controls[data-state=running] [data-sing],.runner-controls[data-state=paused] [data-listen],.runner-controls[data-state=paused] [data-sing]{display:none}.runner-controls[data-state=running] .during,.runner-controls[data-state=paused] .during{display:inline-block}.result-modal{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#050408d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-card{width:min(620px,100%);max-height:92vh;overflow-y:auto;padding:clamp(25px,5vw,52px);border:1px solid rgba(var(--accent-rgb),.55);background:var(--panel);box-shadow:0 0 80px rgba(var(--accent-rgb),.22)}.result-card h2{font:400 clamp(38px,6vw,70px)/1 Georgia,serif;margin:12px 0 24px}.big-score{display:flex;align-items:end;gap:12px}.big-score b{font:400 100px/.8 Georgia,serif;color:var(--accent-2)}.big-score span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.result-meters{margin:34px 0}.result-meters>div{display:grid;grid-template-columns:110px 1fr 35px;align-items:center;gap:11px;margin:13px 0;color:var(--muted);font-size:11px}.result-meters i{height:6px;background:#ffffff17}.result-meters i b{display:block;height:100%;background:var(--accent)}.result-meters strong{color:var(--ink);text-align:right}.recording-label{display:grid;gap:9px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.recording-label audio{width:100%}.page-title{max-width:860px;margin-bottom:42px}.tuner-console{min-height:590px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;gap:30px;padding:35px;border:1px solid var(--line);background:radial-gradient(circle at 50%,rgba(var(--accent-rgb),.13),transparent 48%),#ffffff05}.note-control{display:grid;gap:11px}.note-control label{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.note-control select{width:100%;height:52px;padding:0 14px;border:1px solid var(--line);background:#15121b;color:var(--ink);font:400 23px/1 Georgia,serif}.tuner-ring{width:min(52vw,470px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center;border:2px solid rgba(var(--accent-rgb),.55);border-radius:50%;box-shadow:0 0 60px rgba(var(--accent-rgb),.18),inset 0 0 60px rgba(var(--accent-rgb),.08)}.tuner-ring:before,.tuner-ring:after{content:"";position:absolute;border-radius:50%;top:7%;right:7%;bottom:7%;left:7%;border:1px dashed rgba(255,255,255,.16)}.tuner-ring:after{top:23%;right:23%;bottom:23%;left:23%;border-style:solid;border-color:rgba(var(--accent-rgb),.35)}.ring-center{text-align:center;z-index:2}.ring-center span{display:block;color:var(--muted)}.ring-center b{display:block;font:400 clamp(70px,10vw,135px)/.9 Georgia,serif}.ring-center small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.tuner-ring>i{position:absolute;left:50%;top:3%;width:2px;height:47%;transform-origin:50% 100%;background:linear-gradient(var(--accent-2),transparent);box-shadow:0 0 12px var(--accent);transition:transform .1s}.tuner-start{width:220px;justify-self:center}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:30px}.progress-stats div{padding:25px;border-right:1px solid var(--line)}.progress-stats div:last-child{border:0}.progress-stats b{display:block;font:400 54px/1 Georgia,serif}.progress-stats span{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.history-list{border-top:1px solid var(--line)}.history-row{min-height:78px;display:grid;grid-template-columns:85px 1.5fr 2fr 70px;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.history-date{color:var(--accent-2);font:700 11px/1 ui-monospace,monospace;text-transform:uppercase}.history-row b,.history-row small{display:block}.history-row small,.mini-scores{color:var(--muted);font-size:10px}.mini-scores{display:flex;gap:18px}.history-row>strong{font:400 34px/1 Georgia,serif;text-align:right}.empty-state{min-height:360px;display:grid;place-content:center;justify-items:center;gap:18px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.empty-state>span{font-size:58px;color:var(--accent)}.fatal{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.fatal b{color:var(--accent-2);letter-spacing:.15em}.fatal button{justify-self:center;padding:12px 22px;background:var(--accent);border:0;color:#fff}.mobile-nav{display:none}@media (max-width:1100px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr;padding-left:35px;padding-right:35px}.featured-grid,.exercise-grid{grid-template-columns:repeat(2,1fr)}.setup-grid{gap:35px}.tuner-console{grid-template-columns:220px 1fr}.tuner-start{grid-column:1/-1}}@media (max-width:760px){body{padding-bottom:62px}.topbar{height:60px;padding:0 15px}.brand{font-size:12px}.brand-mark{width:30px;height:30px}.theme-dots{display:none}.page{min-height:calc(100vh - 60px)}.mobile-nav{position:fixed;z-index:15;left:0;right:0;bottom:0;height:62px;display:grid;grid-template-columns:repeat(4,1fr);background:#09080df5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav .nav-link{padding:0 4px;font-size:9px;letter-spacing:.04em}.mobile-nav .nav-link:after{left:22%;right:22%;top:-1px;bottom:auto}.hero{min-height:auto;display:block;padding:54px 20px 0}.hero-copy{width:100%;min-width:0;padding-bottom:25px}.hero h1{font-size:clamp(52px,17vw,72px);overflow-wrap:anywhere}.hero-copy p{font-size:16px;overflow-wrap:anywhere}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.hero-stage{min-height:390px}.stage-halo{min-width:360px;min-height:360px}.mic-silhouette{height:390px;transform:translate(-50%) rotate(-8deg) scale(.77);transform-origin:bottom}.scribble{font-size:13px}.hero-stats{grid-template-columns:1fr 1fr;margin:0 -20px}.hero-stats span:nth-child(2){border-right:0}.hero-stats span{padding:16px 19px;border-top:1px solid var(--line)}.hero-stats b{font-size:26px}.section-block,.library-page,.setup-shell,.tuner-shell,.progress-shell{padding:58px 16px 90px}.section-heading,.library-head{align-items:start;flex-direction:column}.section-heading p{margin-bottom:0}.featured-grid,.exercise-grid{grid-template-columns:1fr}.exercise-card{min-height:320px}.library-count{width:100px}.library-count b{font-size:36px}.setup-grid{grid-template-columns:1fr}.setup-art{max-width:340px}.setup-panel{padding:18px}.takes{grid-template-columns:1fr;max-height:340px}.take-detail div{padding:11px}.take-detail b{font-size:17px}.runner-shell{padding:16px 10px 70px}.runner-top{grid-template-columns:auto 1fr;gap:13px}.runner-top .runner-status{grid-column:1/-1}.runner-top h1{font-size:29px}.lyrics-stage{min-height:155px;padding-left:8px;padding-right:8px}.karaoke-line{gap:7px}.lyric-token{min-width:40px}.lyric-token b{font-size:clamp(20px,7vw,32px)}.pitch-panel-head{grid-template-columns:1fr auto}.pitch-panel-head small{display:none}.pitch-panel canvas{height:280px}.live-meters{grid-template-columns:1fr 1fr}.runner-controls{position:sticky;bottom:68px;z-index:9;padding:11px;background:#09080de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.runner-controls button{flex:1;padding-left:9px;padding-right:9px;font-size:10px}.tuner-console{min-height:550px;grid-template-columns:1fr;padding:20px}.tuner-ring{width:min(86vw,410px)}.tuner-start{grid-column:auto;width:100%}.progress-stats{grid-template-columns:1fr}.progress-stats div{border-right:0;border-bottom:1px solid var(--line)}.history-row{grid-template-columns:62px 1fr 46px;gap:12px;padding:12px 0}.mini-scores{grid-column:2/-1;grid-row:2;flex-wrap:wrap;gap:10px}.history-row>strong{grid-column:3;grid-row:1}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}