:root{--bg: #1c1533;--panel: #241c3d;--panel-2: #2f2451;--line: #40325f;--green: #b3a1ff;--green-dim: #8071c9;--amber: #f2b8d8;--amber-dim: #c187a8;--text: #f4f1ff;--muted: #a99bcf;--danger: #f0919a;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: ui-rounded, "SF Pro Rounded", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1000px 700px at 20% -10%,#4a3a7a 0%,transparent 55%),radial-gradient(900px 600px at 90% 10%,#6b3f7a 0%,transparent 50%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding:20px;min-height:100vh}.console{max-width:920px;margin:0 auto;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--panel) 0%,#1a1430 100%);box-shadow:0 40px 90px -35px #1e0a3c99,inset 0 1px #ffffff0d;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand .logo-orb{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 32% 30%,#d9c9ff 0%,var(--green) 40%,#7d5fb8 100%);box-shadow:0 0 18px 2px #b3a1ff73}.brand .brand-text{display:flex;flex-direction:column;gap:2px}.brand .name{font-family:var(--sans);letter-spacing:.01em;font-size:16px;font-weight:700;color:var(--text)}.brand .name span{color:var(--green);font-weight:700}.brand .tagline{font-size:11.5px;color:var(--muted);letter-spacing:.01em}.status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 #b3a1ff00;transition:all .3s}.status.live .dot{background:var(--green);box-shadow:0 0 8px 2px #b3a1ff80}.scope-wrap{padding:18px 24px 10px}.scope-frame{position:relative;border:1px solid var(--line);border-radius:20px;background:#150f28;overflow:hidden}canvas#scope{display:block;width:100%;height:180px;transition:height .3s ease}.scope-wrap.maximized canvas#scope{height:min(64vh,560px)}.scope-maximize-btn{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#150f28b3;color:var(--muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.scope-maximize-btn:hover{color:var(--text);border-color:var(--green-dim)}.readouts{display:flex;gap:22px;padding:10px 6px 2px;font-family:var(--mono);font-size:12px;flex-wrap:wrap}.readouts .r-item{color:var(--muted)}.readouts .r-item b{color:var(--text);font-weight:600}.readouts .r-item.l b{color:var(--green)}.readouts .r-item.r b{color:var(--amber)}.section{padding:16px 24px;border-top:1px solid var(--line)}.section-title{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.bands{display:flex;gap:8px;flex-wrap:wrap}.band-btn{flex:1 1 auto;min-width:76px;padding:11px 8px;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:12.5px;letter-spacing:.01em;cursor:pointer;text-align:center;transition:all .15s}.band-btn small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;font-weight:400}.band-btn.active{border-color:var(--green-dim);color:var(--green);background:#372a56;box-shadow:inset 0 0 0 1px #b3a1ff33}.band-btn.active small{color:var(--green-dim)}.ctrl-row{display:grid;grid-template-columns:130px 1fr 74px;align-items:center;gap:14px;margin-bottom:14px}.ctrl-row:last-child{margin-bottom:0}.ctrl-label{font-size:12.5px;color:var(--text)}.ctrl-label small{display:block;color:var(--muted);font-size:10.5px;margin-top:1px}.ctrl-value{font-family:var(--mono);font-size:12px;color:var(--green);text-align:right;white-space:nowrap}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--line);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--green);border:2px solid #241c3d;box-shadow:0 0 0 1px var(--green-dim),0 0 10px 1px #b3a1ff59;cursor:pointer;margin-top:-6px}input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:var(--green);border:2px solid #241c3d;box-shadow:0 0 0 1px var(--green-dim),0 0 10px 1px #b3a1ff59;cursor:pointer}input[type=range].amber::-webkit-slider-thumb{background:var(--amber);box-shadow:0 0 0 1px var(--amber-dim),0 0 10px 1px #f2b8d859}input[type=range].amber::-moz-range-thumb{background:var(--amber);box-shadow:0 0 0 1px var(--amber-dim),0 0 10px 1px #f2b8d859}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.ctrl-row{grid-template-columns:96px 1fr 60px;gap:10px}}.toggle-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.switch{position:relative;width:38px;height:20px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;cursor:pointer;flex-shrink:0}.switch .knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:all .18s}.switch.on{border-color:var(--green-dim);background:#3a2f66}.switch.on .knob{left:19px;background:var(--green);box-shadow:0 0 6px 1px #b3a1ff80}.pillrow{display:flex;gap:6px}.pill{padding:7px 14px;font-family:var(--sans);font-weight:600;font-size:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;cursor:pointer}.pill.active{border-color:var(--amber-dim);color:var(--amber);background:#3d2a44}.callout{font-size:11.5px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:11px 14px;line-height:1.5;margin-top:6px}.track-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-family:var(--sans);font-size:12px}.track-row .track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.track-row .track-remove{color:var(--muted);cursor:pointer;flex-shrink:0}.track-row .track-remove:hover{color:var(--danger)}.track-row.now-playing{border-color:var(--green-dim);color:var(--green)}.disabled-control{opacity:.4;pointer-events:none}.mood-pill{font-size:19px;padding:8px 13px}.mood-pill.active{border-color:var(--green-dim);background:#372a56}.field-input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:8px 12px;font-family:var(--sans);font-size:12.5px;outline:none}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0 L5 6 L10 0 Z' fill='%23a99bcf'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}select.field-input option{background:var(--panel-2);color:var(--text)}.pill-ctrl{margin-bottom:14px}.pill-ctrl .pillrow{margin-bottom:10px;flex-wrap:wrap}.pill-ctrl-slider{display:grid;grid-template-columns:1fr 74px;align-items:center;gap:14px}@media(max-width:640px){.pill-ctrl-slider{grid-template-columns:1fr 60px;gap:10px}}.transport{padding:18px 24px 22px;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.timers{display:flex;gap:6px}.timer-btn{padding:9px 14px;font-family:var(--sans);font-weight:600;font-size:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:14px;cursor:pointer}.timer-btn.active{color:var(--green);border-color:var(--green-dim);background:#372a56}.power{display:flex;align-items:center;gap:12px}.power-btn{width:68px;height:68px;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle at 35% 30%,#453a6e,#241c3d 70%);color:var(--muted);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.power-btn.on{color:var(--green);border-color:var(--green-dim);box-shadow:0 0 28px 4px #b3a1ff4d,inset 0 0 14px #b3a1ff1a}.power-label{font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.08em;color:var(--muted);text-align:center}.remaining{font-family:var(--mono);font-size:20px;color:var(--text);min-width:64px;text-align:right}body.focus .dim-target{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;border:none;overflow:hidden;pointer-events:none}body.focus .console{box-shadow:none}.focus-toggle{font-family:var(--sans);font-size:11px;color:var(--muted);background:none;border:1px solid var(--line);border-radius:12px;padding:6px 12px;cursor:pointer}.footnote{text-align:center;color:var(--muted);font-size:11px;padding:14px 20px 0;max-width:920px;margin:0 auto;line-height:1.6}.site-nav{max-width:920px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0;flex-wrap:wrap;gap:12px}.site-nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-family:var(--sans);font-weight:700;font-size:14px}.site-nav-links{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px}.site-nav-links a{text-decoration:none;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:12.5px;padding:7px 14px;border-radius:999px}.site-nav-links a.active{color:var(--green);background:#372a56}.site-nav-links a:hover:not(.active){color:var(--text)}.hero-eyebrow{padding:22px 24px 0;color:var(--muted);font-family:var(--sans);font-size:13px}.hero-eyebrow b{color:var(--text)}.hero-section{padding:14px 24px 6px}.hero-section h2{font-family:var(--sans);font-size:20px;font-weight:700;color:var(--text);margin:0 0 2px}.hero-sub{color:var(--muted);font-size:12px;margin:0 0 12px}.hero-card{display:block;text-decoration:none;border-radius:20px;overflow:hidden;border:1px solid var(--line);position:relative}.hero-card .hero-art{height:180px;width:100%;display:flex;align-items:flex-end;padding:14px}.hero-card .hero-badge{font-family:var(--sans);font-size:11px;font-weight:700;color:#ffffffe6;background:#00000047;padding:5px 10px;border-radius:999px}.hero-card .hero-text{padding:14px 16px 16px;background:var(--panel-2)}.hero-card .hero-title{font-family:var(--sans);font-size:17px;font-weight:700;color:var(--text)}.hero-card .hero-desc{font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:2px}.row-section{padding:20px 0 4px}.row-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 24px 2px}.row-header h3{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--text);margin:0}.row-sub{color:var(--muted);font-size:11.5px;padding:0 24px 10px}.card-row{display:flex;gap:12px;overflow-x:auto;padding:0 24px 6px;scrollbar-width:none}.card-row::-webkit-scrollbar{display:none}.session-card{display:block;text-decoration:none;flex-shrink:0;width:132px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2);transition:transform .15s}.session-card:hover{transform:translateY(-2px)}.session-card .card-art{height:132px;width:100%;display:flex;align-items:flex-end;padding:8px}.session-card .card-badge{font-family:var(--mono);font-size:9.5px;font-weight:600;color:#ffffffe6;background:#0000004d;padding:3px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.session-card .card-text{padding:9px 10px 11px}.session-card .card-title{font-family:var(--sans);font-size:12.5px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:2px}.session-card .card-desc{font-family:var(--sans);font-size:10.5px;color:var(--muted);line-height:1.35}.cta-btn{display:inline-block;text-decoration:none;background:linear-gradient(180deg,var(--green) 0%,var(--green-dim) 100%);color:#1a1430;font-weight:700;font-family:var(--sans);font-size:13.5px;padding:12px 28px;border-radius:999px}.prose{padding:8px 24px 24px;color:var(--text);font-size:13.5px;line-height:1.7}.prose h3{font-family:var(--sans);font-size:15px;color:var(--text);margin:22px 0 8px;font-weight:700}.prose p{margin:0 0 12px;color:var(--muted)}.prose ul{margin:0 0 12px;padding-left:20px;color:var(--muted)}.prose li{margin-bottom:6px}.prose .disclaimer{font-size:11.5px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:20px}.tab-row{display:flex;gap:8px;padding:0 24px 16px;flex-wrap:wrap}