:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070910;--bg-2:#0d1220;--panel:#141b2d;--panel-2:#1b2439;--line:#2a3550;--text:#eef1f8;--muted:#9aa6c2;--dim:#9fabc7;--accent:#ff3d7f;--accent-2:#35d6ff;--gold:#ffc945;--good:#57e08a;--bad:#ff5a5a;--radius:16px;--shadow:0 18px 48px #0000008c;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%, #28365c8c 0%, transparent 60%), radial-gradient(900px 600px at 10% 110%, #ff3d7f2e, transparent 65%), radial-gradient(900px 600px at 90% 110%, #35d6ff29, transparent 65%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}.screen{flex-direction:column;align-items:center;height:100%;display:flex;overflow-y:auto}.screen-inner{flex-direction:column;flex:1;gap:24px;width:min(1180px,100%);padding:clamp(20px,3vw,40px);display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.row-end{margin-left:auto}.grow,.spacer{flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--dim);font-size:.72rem;font-weight:700}h1.title{letter-spacing:-.02em;background:linear-gradient(100deg, #fff 10%, var(--accent) 55%, var(--accent-2) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:900;line-height:.95}h2{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:800}h3{margin:0;font-size:1.1rem;font-weight:700}p{margin:0}.muted{color:var(--muted)}.dim{color:var(--dim);font-size:.92rem}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.big-number{font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;line-height:1}.btn{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));min-height:58px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:1.02rem;font-weight:700;transition:transform 80ms,border-color .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:#46557f}.btn:active:not(:disabled){transform:translateY(1px)scale(.995)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.btn-primary{color:#fff;background:linear-gradient(#ff5c94,#e01d63);border-color:#ff86ae;box-shadow:0 10px 30px #e01d6359}.btn-primary:hover:not(:disabled){border-color:#ffb3cb}.btn-lg{border-radius:18px;min-height:76px;padding:0 40px;font-size:1.25rem}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){border-color:var(--line);background:#ffffff0d}.btn-danger{color:#ffb3c2;border-color:#6b2436}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#1b2439eb,#111726eb);padding:20px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.pick{text-align:left;cursor:pointer;flex-direction:column;gap:8px;min-height:118px;transition:border-color .15s,transform 80ms,box-shadow .15s;display:flex}.pick:hover{border-color:#46557f}.pick[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px #ff3d7f59, var(--shadow)}.pick .pick-title{font-size:1.25rem;font-weight:800}.pick .pick-sub{color:var(--muted);font-size:.9rem}.badge{border:1px solid var(--line);letter-spacing:.04em;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-ok{color:var(--good);background:#57e08a1a;border-color:#23613f}.badge-warn{color:var(--gold);background:#ffc9451a;border-color:#6b5a24}.badge-bad{color:var(--bad);background:#ff5a5a1a;border-color:#6b2436}.field{flex-direction:column;gap:8px;display:flex}.field>label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.82rem;font-weight:700}select.control,input.control{border:1px solid var(--line);background:var(--bg-2);min-height:56px;color:var(--text);border-radius:12px;padding:0 14px}select.control{cursor:pointer}.seg{border:1px solid var(--line);border-radius:12px;display:inline-flex;overflow:hidden}.seg button{min-width:64px;min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 18px;font-weight:800}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}input[type=range]{width:100%;height:44px;accent-color:var(--accent);cursor:pointer}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:56px;display:flex}.switch input{width:26px;height:26px;accent-color:var(--accent)}.meter{border:1px solid var(--line);background:#ffffff12;border-radius:999px;height:26px;position:relative;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width 60ms linear;display:block}.meter .threshold{background:var(--gold);width:3px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 8px #ffc945cc}.meter-xl{border-radius:18px;height:64px}.meter-xl>i{border-radius:0}.vbar{background:#ffffff17;border-radius:8px;align-items:flex-end;width:14px;height:100%;display:flex;overflow:hidden}.vbar>i{background:linear-gradient(0deg, var(--accent-2), var(--accent));width:100%;display:block}table.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.table th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:.72rem}table.table td{vertical-align:top;border-bottom:1px solid #2a355080;padding:12px}table.table td:first-child,table.table td.mono{white-space:nowrap}table.table tr:hover td{background:#ffffff08}.table-wrap{overflow-x:auto}.stars{gap:6px;font-size:2rem;line-height:1;display:inline-flex}.stars .on{color:var(--gold);text-shadow:0 0 18px #ffc9458c}.stars .off{color:#33405e}.play-root{background:#05060c;position:fixed;inset:0}.play-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.play-chrome{pointer-events:none;position:absolute;inset:0}.play-chrome>*{pointer-events:auto}.pause-btn:disabled{opacity:.35;cursor:default}.pause-btn{border:1px solid var(--line);min-width:56px;min-height:56px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e18b8;border-radius:14px;font-weight:800;position:absolute;bottom:18px;right:18px}.pip{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080b14cc;border-radius:14px;width:clamp(180px,18vw,280px);position:absolute;bottom:18px;left:18px;overflow:hidden}.pip video{background:#000;width:100%;display:block;transform:scaleX(-1)}.pip-video{line-height:0;display:block}.pip-meters{align-items:stretch;gap:8px;height:54px;padding:8px;display:flex}.pip-note{color:var(--dim);padding:6px 10px 10px;font-size:.82rem}.lower-third{border-left:6px solid var(--accent);background:linear-gradient(90deg,#090c16f0,#090c1600);max-width:min(460px,44vw);padding:16px 28px 16px 22px;animation:.6s cubic-bezier(.2,.9,.2,1) both lowerThirdIn,.9s 5s both lowerThirdOut;position:absolute;bottom:14%;left:0}.lower-third .lt-title{letter-spacing:-.01em;font-size:1.6rem;font-weight:900}.lower-third .lt-sub{color:var(--muted);font-size:.95rem}@keyframes lowerThirdIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes lowerThirdOut{to{opacity:0;visibility:hidden;transform:translate(-20px)}}.countdown{color:#fff;text-shadow:0 0 60px #ff3d7fbf;pointer-events:none;place-items:center;font-size:clamp(6rem,22vw,16rem);font-weight:900;display:grid;position:absolute;inset:0}.countdown small{letter-spacing:.3em;color:var(--muted);text-shadow:none;font-size:1.2rem;display:block}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060cc7;place-items:center;display:grid;position:absolute;inset:0}.overlay .card{text-align:center;flex-direction:column;gap:18px;width:min(560px,92vw);display:flex}.loading-bar{width:min(520px,80vw)}.camera-frame{border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.camera-frame video,.camera-frame canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-frame video{background:#000}.camera-frame.mirror video,.camera-frame.mirror canvas{transform:scaleX(-1)}.ring-wrap{flex:none;width:132px;height:132px;position:relative}.ring-wrap svg{transform:rotate(-90deg)}.ring-wrap .ring-label{place-items:center;font-size:1.5rem;font-weight:900;display:grid;position:absolute;inset:0}.lane-row{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}@media (width<=720px){.lane-row{grid-template-columns:1fr}}.list-reset{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.art{border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:76px;height:76px;font-size:1.8rem;display:grid}.attribution{color:var(--dim);font-size:.82rem}.toast{border-left:4px solid var(--gold);background:#ffc94517;border-radius:10px;padding:12px 16px;font-size:.9rem}.toast-bad{border-left-color:var(--bad);background:#ff5a5a1a}.hidden{display:none!important}.song-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:12px;padding:16px;display:flex}.song-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 0 30px #ff3d7f2e}.song-card .pick{box-shadow:none;text-align:left;background:0 0;border:none;flex:1;padding:0}.song-card .pick:hover{border-color:#0000}.song-card .song-actions{align-items:center;gap:10px;display:flex}.btn-preview{min-width:132px;min-height:56px}.btn-preview[aria-pressed=true]{border-color:var(--accent-2);color:var(--accent-2);background:#35d6ff1f}.tip-choice{flex-direction:column;gap:6px;display:flex}.tip-choice>.eyebrow{font-size:.7rem}.latency-panel{border-radius:var(--radius);background:linear-gradient(#ffc9451f,#ffc9450a);border:1px solid #6b5a24;flex-direction:column;gap:16px;padding:20px;display:flex}.latency-panel.applied{background:linear-gradient(#57e08a1f,#57e08a0a);border-color:#23613f}.latency-swap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.latency-swap .val{border:1px solid var(--line);background:#00000047;border-radius:12px;flex-direction:column;gap:4px;min-width:132px;padding:12px 16px;display:flex}.latency-swap .val b{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:900;line-height:1}.latency-swap .val.now b{color:var(--muted)}.latency-swap .val.next b{color:var(--gold)}.latency-panel.applied .latency-swap .val.next b{color:var(--good)}.latency-swap .arrow{color:var(--dim);font-size:1.8rem}.trend-grid{grid-template-columns:repeat(auto-fit,minmax(392px,1fr));gap:16px;display:grid}.trend-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:14px;padding:18px;display:flex}.trend-card h4{margin:0;font-size:1.15rem;font-weight:800}.trend-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.trend-block{flex-direction:column;gap:6px;display:flex}.trend-figure{flex-direction:column;gap:2px;min-width:92px;display:flex}.trend-figure .k{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.82rem;font-weight:700}.trend-figure .v{font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:900;line-height:1}.spark-wrap{width:100%}.spark{width:100%;display:block}.spark-axis{fill:#a8b3cd;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.seg-sm button{min-height:44px;padding:0 14px;font-size:.85rem}.quarantine{border-radius:var(--radius);background:linear-gradient(#ffc94524,#ffc9450a);border:1px solid #6b5a24;align-items:flex-start;gap:18px;padding:20px 24px;display:flex}.quarantine .glyph{flex:none;font-size:2.2rem;line-height:1}.quarantine h3{font-size:1.35rem}.fallback-hero{border-radius:var(--radius);background:linear-gradient(#ff5a5a1f,#ff5a5a08);border:1px solid #6b2436;align-items:flex-start;gap:20px;padding:24px;display:flex}.fallback-hero .glyph{flex:none;font-size:2.6rem;line-height:1}.fallback-hero h3{margin:0 0 6px;font-size:1.5rem}.fallback-steps{flex-direction:column;gap:10px;margin:0;padding-left:22px;display:flex}.fallback-steps li{color:var(--muted)}.fallback-raw{color:var(--dim);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}@media (width<=720px){.latency-swap .val{min-width:108px}.trend-grid{grid-template-columns:1fr}}.lane-row:has(.tip-choice){flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lane-row:has(.tip-choice)>.stack:first-child{flex:100%}.lane-row:has(.tip-choice)>.btn{margin-left:auto}.trend-card .badge,.table .badge{white-space:nowrap}.trend-card h4{flex:auto}.trend-figure{min-width:116px}.trend-points{border-top:1px solid #2a355099;padding-top:8px}.trend-points>summary{cursor:pointer;min-height:32px;padding:6px 0}.trend-points table.table th{letter-spacing:.04em;padding:6px 8px;font-size:.68rem}.trend-points table.table td{padding:6px 8px;font-size:.92rem}.trend-points table.table th:first-child,.trend-points table.table td:first-child{padding-left:0}.trend-points table.table td .badge{margin-left:8px}