:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-accent:#17212d;--surface:#0c141de0;--surface-strong:#111e2bf5;--line:#b5d3ff29;--text:#f5f7fb;--muted:#9db0c7;--accent:#7dd3fc;--accent-strong:#38bdf8;--accent-warm:#fb7185;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#38bdf838,#0000 30%),radial-gradient(circle at 100%,#fb718529,#0000 28%),linear-gradient(#0a1017,#0d1117 48%,#111827);min-height:100%}body{min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif}body,select,button,input,option{color:var(--text)}button,select,input{font:inherit}.shell{width:min(1100px,100vw - 32px);margin:0 auto;padding:56px 0 72px}.hero{padding:28px 0 36px}.sectionLabel,.statusPill,.subtleLabel{letter-spacing:.08em;text-transform:uppercase}.sectionLabel{color:#8fdcff;margin:0 0 12px;font-size:.78rem}.panel h2{color:#f7fbff;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.05}.logoWrap{justify-content:center;align-items:center;display:flex}.logoWrap img{width:min(240px,48vw);height:auto}.lede{color:#d6e4f3;text-align:center;max-width:52ch;margin:22px auto 0;font-size:1.05rem;line-height:1.65}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#111c28f5,#0b121bfa),linear-gradient(135deg,#7dd3fc14,#0000 42%);border:1px solid #7dd3fc38;border-radius:28px;margin-top:20px;padding:24px;position:relative;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.panel:before{content:"";border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff05}.panelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.statusPill{color:#ebf7ff;background:#0c20308c;border:1px solid #7dd3fc3d;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.74rem;font-weight:700;display:inline-flex}.selectField{display:grid}.selectField select{appearance:none;color:#f5fbff;background-color:#091018f5;background-image:linear-gradient(#111c28fa,#091018f5),linear-gradient(45deg,#0000 50%,#d5eefc 50%),linear-gradient(135deg,#d5eefc 50%,#0000 50%);background-position:0 0,calc(100% - 24px) calc(50% - 3px),calc(100% - 18px) calc(50% - 3px);background-repeat:no-repeat;background-size:100% 100%,6px 6px,6px 6px;border:1px solid #7dd3fc2e;border-radius:18px;outline:none;width:100%;min-height:54px;padding:0 52px 0 18px;font-weight:500;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0000002e}.selectField select:focus{border-color:#7dd3fc8f;box-shadow:inset 0 1px #ffffff0d,0 0 0 3px #38bdf81f,0 12px 30px #0000002e}.iconButton,.playButton,.stemButton{cursor:pointer;border:0;border-radius:18px;transition:transform .14s,background .14s,border-color .14s,opacity .14s}.iconButton,.playButton{color:#eef8ff;justify-content:center;align-items:center;margin-top:18px;display:inline-flex}.iconButton{background:#0f1823eb;border:1px solid #9db0c73d;width:68px;height:68px}.playButton{color:#07131d;background:linear-gradient(135deg,#f3fbff,#8fe7ff 52%,#5ec9f5);border-radius:999px;width:82px;height:82px;position:relative;box-shadow:0 10px 26px #60c9f547,inset 0 1px #ffffffa6}.iconButton:hover,.playButton:hover,.stemButton:hover{transform:translateY(-1px)}.iconButton:disabled,.playButton:disabled,.stemButton:disabled{cursor:not-allowed;opacity:.55;transform:none}.playButton:disabled{color:#07131db8;background:linear-gradient(135deg,#d5e6ee,#8ab7ca)}.playerTopline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.subtleLabel{color:#b9cadc;margin:0;font-size:.72rem}.stemGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stemButton{color:#f4faff;background:#0a1016d1;border:1px solid #9db0c729;justify-content:space-between;align-items:center;min-height:78px;padding:18px;display:flex}.stemButton span{color:#eef7ff;font-weight:500}.stemButton strong{color:#d8eaf8;font-size:.92rem}.stemButtonActive{background:linear-gradient(#0c2537e0,#111e2bf5);border-color:#7dd3fc94}.stemButtonActive strong{color:#d5eefc}.playerPanel{padding-bottom:28px}.transport{align-items:center;gap:12px;margin-top:18px;display:flex}.transportIcon,.playIcon,.pauseIcon,.seekIcon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.playIcon{fill:currentColor;stroke:none;width:34px;height:34px}.pauseIcon{fill:none;stroke:currentColor;stroke-width:2.4px;width:34px;height:34px}.seekIcon{width:40px;height:40px}.seekIcon text{fill:currentColor;stroke:none;font-family:Segoe UI,Helvetica Neue,sans-serif;font-size:12px;font-weight:700}.buttonLoader{border:3px solid #07131d33;border-top-color:#07131d;border-radius:999px;width:28px;height:28px;animation:.9s linear infinite spin}.timeline{gap:10px;margin-top:22px;display:grid}.timeline span{color:#d6e5f5;font-size:.82rem;font-weight:500}.timeline input[type=range]{width:100%;accent-color:var(--accent-strong)}.errorMessage{color:#fda4af;margin:14px 0 0}.infoToast{color:#dff4ff;background:#0c20308c;border:1px solid #7dd3fc38;border-radius:16px;margin:16px 0 0;padding:14px 16px;font-size:.92rem;line-height:1.5;box-shadow:inset 0 1px #ffffff08}@media (max-width:720px){.shell{width:min(100vw - 20px,100%);padding:28px 0 40px}.panel,.hero{padding-left:8px;padding-right:8px}.panel{border-radius:22px;padding:18px}.panelHeader,.playerTopline{flex-direction:column}.transport{flex-flow:wrap;justify-content:center}}@keyframes spin{to{transform:rotate(360deg)}}