:root{color-scheme:dark;--bg:#05070b;--panel:#0b1017;--panel2:#0e141d;--line:#1c2734;--line2:#26364a;--purple:#8b2cff;--purple2:#b13cff;--cyan:#00d9ff;--green:#12e68a;--text:#f7f9fc;--muted:#8f9bac;--red:#ff5d69;--amber:#ffb020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,rgba(0,217,255,.06),transparent 26%),radial-gradient(circle at 15% 0,rgba(139,44,255,.08),transparent 25%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}.v6-app{display:grid;grid-template-columns:260px minmax(650px,1fr) 330px;min-height:100vh}.v6-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#07101a,#060a10);display:flex;flex-direction:column;gap:18px}.v6-brand{display:flex;gap:12px;align-items:center}.v6-brand svg{width:54px;filter:drop-shadow(0 0 10px rgba(139,44,255,.55))}.v6-brand strong{font-size:29px}.v6-brand strong span{background:linear-gradient(90deg,var(--purple2),var(--cyan));-webkit-background-clip:text;color:transparent}.v6-brand small{display:block;color:#c5c9d2;font-size:9px;letter-spacing:.12em}.v6-nav{display:flex;flex-direction:column;gap:6px}.v6-nav a,.v6-nav button{display:block;width:100%;padding:11px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b9c2cf;text-decoration:none;text-align:left;font:inherit;cursor:pointer}.v6-nav .active{color:#fff;border-color:#5137d7;background:linear-gradient(90deg,rgba(71,46,216,.45),rgba(177,60,255,.35))}.v6-upload{margin-top:auto;padding:20px 15px;border:1px dashed #5237ba;border-radius:14px;text-align:center;background:linear-gradient(145deg,rgba(139,44,255,.07),rgba(0,217,255,.03));cursor:pointer}.v6-upload.drag{border-color:var(--cyan);box-shadow:0 0 30px rgba(0,217,255,.12)}.v6-upload input{display:none}.v6-upload span,.v6-upload small{display:block;color:var(--muted);line-height:1.5}.v6-upload strong{display:block;margin:6px 0}.v6-upload b{color:var(--purple2)}.v6-upload .upload-icon{font-size:38px;color:var(--purple2)}.v6-main{padding:22px}.v6-topbar{display:flex;gap:10px;align-items:center;margin-bottom:17px}.v6-search{position:relative;flex:1}.v6-search span{position:absolute;left:14px;top:9px;font-size:22px;color:var(--muted)}.v6-search input,.v6-topbar button,.filters input,.list-actions button{height:42px;border:1px solid var(--line);border-radius:9px;background:#090e14;color:#fff;padding:0 12px}.v6-search input{width:100%;padding-left:44px}.v6-topbar .help,.primary{background:linear-gradient(90deg,#5525bf,#8b2cff);border-color:#7d41e8!important;font-weight:700}.v6-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,rgba(13,19,28,.96),rgba(8,13,19,.96))}.v6-card h1,.v6-card h2{margin:0 0 15px;font-size:16px}.v6-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v6-stats article{display:flex;align-items:center;gap:13px;min-height:112px;padding:18px 15px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#0d141e,#090e15)}.v6-stats article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(139,44,255,.25);background:rgba(139,44,255,.16);color:var(--purple2)}.v6-stats b,.v6-stats small,.v6-stats em{display:block}.v6-stats b{font-size:29px}.v6-stats small{margin-top:5px}.v6-stats em{margin-top:6px;color:var(--muted);font-size:10px;font-style:normal}.v6-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.v6-actions button{height:52px;border:1px solid var(--line2);border-radius:9px;background:#0b1118;color:#fff;font-weight:700;cursor:pointer}.v6-actions .cyan{border-color:#008db6;color:var(--cyan)}.v6-list-panel{margin-top:14px;padding:0;overflow:hidden}.v6-list-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.v6-list-head h2{margin:0 auto 0 0}.filters,.list-actions{display:flex;gap:6px}.filters input{width:58px;height:35px}.list-actions button{height:35px;cursor:pointer}.v6-list{min-height:280px;color:var(--muted)}.v6-list>p{padding:70px 20px;text-align:center}.v6-list-panel>footer{display:flex;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--line);color:var(--muted)}.v6-progress{padding:10px 16px}.v6-progress>div{height:3px;background:#04070a}.v6-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple2),var(--cyan))}.v6-track{display:grid;grid-template-columns:28px 36px minmax(260px,1fr) 70px 62px 150px 76px 34px;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #151e29;background:#090f16}.v6-track:hover{background:#0d141d}.v6-track button,.v6-track a{height:34px;border:1px solid var(--line2);border-radius:7px;background:#101925;color:#fff;display:grid;place-items:center;text-decoration:none;cursor:pointer}.v6-track button:disabled{opacity:.42;cursor:not-allowed}.v6-track .play-track,.v6-track .youtube-toggle{color:var(--cyan)}.v6-track .remove-track{color:var(--red);font-size:20px}.v6-track .rank{color:#748196;font-size:11px}.track-copy{min-width:0}.track-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.track-copy small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.track-copy canvas{display:block;width:100%;height:38px;margin-top:7px;border:1px solid #182437;border-radius:6px;background:#07101a}.track-copy i{display:inline-flex;margin-left:8px;padding:2px 7px;border:1px solid rgba(255,75,75,.35);border-radius:999px;color:#ff7777;background:rgba(255,0,0,.1);font-size:8px;font-style:normal;vertical-align:middle}.v6-track label{display:grid;gap:4px;color:var(--muted);font-size:9px}.v6-track label input{width:100%;height:30px;border:1px solid var(--line2);border-radius:6px;background:#080e15;color:#fff;padding:0 7px}.v6-track label input[type=range]{padding:0;accent-color:var(--purple)}.v6-track output{color:var(--cyan);text-align:center}.youtube-frame{margin-top:9px;aspect-ratio:16/9;max-width:520px;background:#000}.youtube-frame iframe{width:100%;height:100%;border:0}.v6-insights{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;margin-top:14px}.v6-insights svg{display:block;width:100%;height:180px;border:1px solid #172335;border-radius:9px;background:linear-gradient(180deg,#09131d,#070b11)}.v6-insights p{margin:0;color:var(--muted);font-size:11px}.energy-line{fill:none;stroke:var(--cyan);stroke-width:3;filter:drop-shadow(0 0 7px rgba(0,217,255,.35))}.energy-area{fill:url(#none);fill:rgba(139,44,255,.15)}.energy-point{fill:var(--purple2);stroke:#fff;stroke-width:1.5}.harmonic-hint{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#091019;margin-bottom:8px}.harmonic-hint span{color:var(--muted);font-size:10px}.harmonic-hint strong{font-size:12px}.harmonic-hint em{font-size:10px;font-style:normal}.harmonic-hint.good{border-color:rgba(18,230,138,.35)}.harmonic-hint.good em{color:var(--green)}.harmonic-hint.hard{border-color:rgba(255,176,32,.35)}.harmonic-hint.hard em{color:var(--amber)}.harmonic-hint.unknown em{color:var(--muted)}.v6-right{padding:79px 16px 22px 0;display:flex;flex-direction:column;gap:12px}.v6-visual{position:relative;min-height:420px;overflow:hidden}.visual-pulse{height:420px;background:radial-gradient(circle at 50% 32%,rgba(139,44,255,.35),transparent 22%),radial-gradient(circle at 65% 55%,rgba(0,217,255,.18),transparent 24%),linear-gradient(145deg,#121824,#05070b)}.v6-visual blockquote{position:absolute;left:18px;right:18px;bottom:20px;margin:0;font-size:18px;line-height:1.4}.v6-visual cite{display:block;margin-top:8px;color:var(--purple2);font-style:normal}.v6-right p{color:#a9b3c1}.v6-right p b{color:#a98bff;margin-right:8px}.youtube-dialog{width:min(620px,calc(100% - 30px));padding:0;border:1px solid rgba(139,92,246,.55);border-radius:18px;background:linear-gradient(145deg,#11131b,#090b10);color:#fff}.youtube-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.youtube-dialog form>header,.youtube-dialog form>footer{display:flex;justify-content:space-between;gap:10px;padding:18px 20px}.youtube-dialog label,.youtube-dialog p,.youtube-dialog #youtubeStatus{display:block;margin:0;padding:0 20px 14px;color:var(--muted)}.youtube-dialog input{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line2);border-radius:9px;background:#090b10;color:#fff}.youtube-fields{display:grid;grid-template-columns:1fr 110px 110px;gap:10px;padding:0 20px 14px}.youtube-dialog button{padding:10px 14px;border:1px solid var(--line2);border-radius:8px;background:#10131a;color:#fff;cursor:pointer}@media(max-width:1300px){.v6-app{grid-template-columns:230px minmax(650px,1fr)}.v6-right{display:none}.v6-stats{grid-template-columns:repeat(2,1fr)}.v6-track{grid-template-columns:24px 34px minmax(220px,1fr) 65px 60px 120px 70px 32px}}@media(max-width:900px){.v6-app{display:block}.v6-sidebar{position:relative;height:auto}.v6-nav{display:none}.v6-upload{margin-top:0}.v6-main{padding:14px}.v6-stats,.v6-actions,.v6-insights{grid-template-columns:repeat(2,1fr)}.v6-list-head{align-items:stretch}.filters,.list-actions{width:100%;flex-wrap:wrap}.youtube-fields{grid-template-columns:1fr}.v6-track{grid-template-columns:28px 36px 1fr 34px}.v6-track label,.v6-track .analyze-track,.v6-track .youtube-open{grid-column:3/4}.v6-track .remove-track{grid-column:4/5;grid-row:1}.track-copy canvas{height:46px}}@media(max-width:620px){.v6-insights{grid-template-columns:1fr}.v6-stats,.v6-actions{grid-template-columns:1fr 1fr}.v6-topbar .help{display:none}}