:root{--sc-canvas:#08090b;--sc-surface:#101217;--sc-ink:#f4f2ef;--sc-ink-soft:#9a9ba1;--sc-accent:#d8ff3e;--sc-accent-ink:#08090b;--sc-hairline:color-mix(in oklab, var(--sc-ink) 12%, transparent);--sc-hairline-strong:color-mix(in oklab, var(--sc-ink) 22%, transparent);--sc-font-display:"Instrument Sans", "Geist", system-ui, sans-serif;--sc-font-text:"Geist", system-ui, sans-serif;--sc-font-mono:"Geist Mono", ui-monospace, monospace;--sc-t-xs:clamp(.75rem, .72rem + .15vw, .82rem);--sc-t-sm:clamp(.875rem, .84rem + .18vw, .95rem);--sc-t-base:clamp(1rem, .96rem + .22vw, 1.125rem);--sc-t-lg:clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--sc-t-xl:clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem);--sc-t-2xl:clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);--sc-t-3xl:clamp(2.8rem, 1.9rem + 4.2vw, 5rem);--sc-t-4xl:clamp(3.4rem, 1.9rem + 6.6vw, 7.5rem);--sc-track-tight:-.035em;--sc-track-snug:-.02em;--sc-track-normal:-.005em;--sc-track-wide:.08em;--sc-leading-none:.94;--sc-leading-tight:1.06;--sc-leading-body:1.62;--sc-measure:62ch;--sc-1:.25rem;--sc-2:.5rem;--sc-3:.75rem;--sc-4:1rem;--sc-5:1.5rem;--sc-6:2rem;--sc-7:3rem;--sc-8:4rem;--sc-9:6rem;--sc-10:8rem;--sc-11:12rem;--sc-section:clamp(4.5rem, 9vw, 11rem);--sc-gutter:clamp(1.25rem, 5vw, 5.5rem);--sc-maxw:82rem;--sc-r-sm:6px;--sc-r-md:12px;--sc-r-lg:20px;--sc-r-pill:999px;--sc-shadow-color:220 40% 2%;--sc-e1:0 1px 2px hsl(var(--sc-shadow-color) / .28), 0 2px 6px -1px hsl(var(--sc-shadow-color) / .2);--sc-e2:0 2px 4px hsl(var(--sc-shadow-color) / .24), 0 8px 18px -4px hsl(var(--sc-shadow-color) / .3);--sc-e3:0 4px 8px hsl(var(--sc-shadow-color) / .22), 0 18px 40px -8px hsl(var(--sc-shadow-color) / .38), 0 48px 90px -24px hsl(var(--sc-shadow-color) / .3);--sc-edge:inset 0 1px 0 color-mix(in oklab, var(--sc-ink) 10%, transparent);--sc-ease-out:cubic-bezier(.23, 1, .32, 1);--sc-ease-in-out:cubic-bezier(.77, 0, .175, 1);--sc-ease-drawer:cubic-bezier(.32, .72, 0, 1);--sc-d-fast:.16s;--sc-d-base:.24s;--sc-d-slow:.42s;--sc-z-stage:1;--sc-z-copy:20;--sc-z-chrome:60}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--sc-canvas);color:var(--sc-ink);font-family:var(--sc-font-text);font-size:var(--sc-t-base);line-height:var(--sc-leading-body);letter-spacing:var(--sc-track-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis-weight:none;margin:0;overflow-x:clip}img,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:root{caret-color:var(--sc-accent);accent-color:var(--sc-accent)}:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px;border-radius:var(--sc-r-sm)}:where(a){color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}@supports (scrollbar-color:auto){html{scrollbar-color:color-mix(in oklab, var(--sc-ink) 26%, transparent) transparent;scrollbar-width:thin}}:where(table,.sc-nums,[data-sc-count]){font-variant-numeric:tabular-nums}.sc-display{font-family:var(--sc-font-display);font-weight:500;line-height:var(--sc-leading-none);letter-spacing:var(--sc-track-tight);text-wrap:balance;margin:0}.sc-display--xl{font-size:var(--sc-t-4xl)}.sc-display--lg{font-size:var(--sc-t-3xl)}.sc-display--md{font-size:var(--sc-t-2xl);letter-spacing:var(--sc-track-snug)}.sc-lede{font-size:var(--sc-t-lg);letter-spacing:var(--sc-track-snug);color:var(--sc-ink);text-wrap:pretty;max-width:46ch;margin:0;line-height:1.44}.sc-body{max-width:var(--sc-measure);color:var(--sc-ink-soft);text-wrap:pretty;margin:0}.sc-label{font-family:var(--sc-font-mono);font-size:var(--sc-t-xs);letter-spacing:var(--sc-track-wide);text-transform:uppercase;color:var(--sc-ink-soft)}.sc-wrap{width:100%;max-width:var(--sc-maxw);padding-inline:var(--sc-gutter);margin-inline:auto}.sc-section{padding-block:var(--sc-section)}.sc-stack>*+*{margin-top:var(--sc-4)}.sc-stack>:is(h1,h2,h3){margin-top:var(--sc-7)}.sc-stack>:is(h1,h2,h3):first-child{margin-top:0}.sc-rule{background:var(--sc-hairline);border:0;height:1px;margin:0}.sc-act--pinned{position:relative}.sc-stage{height:100svh;z-index:var(--sc-z-stage);position:sticky;top:0;overflow:clip}.sc-stage :is(video[data-sc-scrub],canvas[data-sc-sequence],.sc-stage__poster){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}video[data-sc-scrub]{opacity:0;transition:opacity .38s var(--sc-ease-out)}.sc-has-clip video[data-sc-scrub]{opacity:1}.sc-stage__poster{z-index:0;transition:opacity .38s var(--sc-ease-out)}.sc-has-clip .sc-stage__poster{opacity:0}.sc-scrim{pointer-events:none;z-index:1;background:linear-gradient(var(--sc-scrim-angle,180deg), color-mix(in oklab, var(--sc-canvas) var(--sc-scrim-a,78%), transparent) 0%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 68%);position:absolute;inset:0}.sc-scrim--bottom{--sc-scrim-angle:0deg}.sc-scrim--left{--sc-scrim-angle:90deg}.sc-scrim--right{--sc-scrim-angle:270deg}.sc-scrim--lead{background:linear-gradient(to top right, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%)}.sc-scrim--trail{background:linear-gradient(to top left, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%)}.sc-scrim--band{background:linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%)}.sc-scrim--vignette{background:radial-gradient(120% 90% at 50% 45%, transparent 40%, color-mix(in oklab, var(--sc-canvas) 70%, transparent) 100%)}.sc-copy{z-index:var(--sc-z-copy);inset-inline:var(--sc-gutter);will-change:opacity, transform;max-width:min(46rem,76vw);position:absolute}.sc-copy--lead{left:var(--sc-gutter);bottom:clamp(3rem,12vh,9rem)}.sc-copy--center{inset-inline:auto;text-align:center;top:50%;left:50%;translate:-50% -50%}.sc-copy--trail{inset-inline:auto;right:var(--sc-gutter);text-align:right;bottom:clamp(3rem,12vh,9rem)}[data-sc-cue]{opacity:0;will-change:opacity, transform}.sc-ready [data-sc-cue]{transition:none}.sc-split{vertical-align:top;display:inline-block;overflow:hidden}.sc-split--line{margin-bottom:-.14em;padding-bottom:.14em;display:block}.sc-split__i{will-change:transform, opacity;display:inline-block}.sc-is-split{opacity:1!important}[data-sc-pan]{will-change:transform;display:flex}[data-sc-reveal]{will-change:clip-path}[data-sc-parallax]{will-change:transform}[data-sc-in],[data-sc-stagger]>*{opacity:0;transition:opacity .62s var(--sc-ease-out), transform .62s var(--sc-ease-out);transform:translateY(14px)}[data-sc-in].sc-in,[data-sc-stagger]>.sc-in{opacity:1;transform:none}[data-sc-tilt]{transform-style:preserve-3d;will-change:transform}[data-sc-magnet]{will-change:transform}[data-sc-spotlight]{isolation:isolate}:where([data-sc-spotlight]){position:relative}[data-sc-spotlight]:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(28rem 28rem at calc(var(--sc-mx,.5) * 100%) calc(var(--sc-my,.5) * 100%), color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 70%);opacity:0;transition:opacity var(--sc-d-slow) var(--sc-ease-out);position:absolute;inset:0}[data-sc-spotlight]:hover:after{opacity:1}[data-sc-mode=worldflight]{position:relative}.sc-world{z-index:var(--sc-z-stage);background:var(--sc-canvas);position:fixed;inset:0;overflow:clip}.sc-world__seg{opacity:0;will-change:opacity;position:absolute;inset:0}.sc-world__seg>:is(video,img,canvas){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-world__poster{z-index:0;transform-origin:50%;transition:opacity .42s var(--sc-ease-out)}.sc-world__seg>video{z-index:1}.sc-world__seg.sc-has-clip .sc-world__poster{opacity:0}video[data-sc-scrub].sc-has-clip{opacity:1}.sc-world__copy{z-index:var(--sc-z-copy);pointer-events:none;position:fixed;inset:0}.sc-world__scrim{pointer-events:none;z-index:0;position:absolute;inset:0}[data-sc-copy]{opacity:0;pointer-events:none;will-change:opacity, transform}.sc-ready [data-sc-copy]{transition:none}.sc-world__spacer{pointer-events:none}[data-sc-progress]{height:2px;z-index:var(--sc-z-chrome);background:var(--sc-accent);transform-origin:0;will-change:transform;position:fixed;inset:0 0 auto;transform:scaleX(0)}.sc-grain{pointer-events:none;z-index:3;opacity:.045;position:fixed;inset:0}.sc-grain:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");position:absolute;inset:-50%}@media (prefers-reduced-motion:reduce){[data-sc-in],[data-sc-stagger]>*{transition-duration:.22s;transform:none}[data-sc-parallax],[data-sc-pan],.sc-split__i{transform:none!important}[data-sc-reveal]{clip-path:none!important}[data-sc-act=pan] .sc-stage,[data-sc-act=pan] [data-sc-stage]{overscroll-behavior-x:contain;scroll-snap-type:x proximity;overflow:auto hidden}[data-sc-pan]>*{scroll-snap-align:center}[data-sc-spotlight]:after{display:none}.sc-world__poster,[data-sc-copy]{transform:none!important}}@media (width<=860px){.sc-copy{inset-inline:var(--sc-gutter);max-width:none}.sc-copy--trail{text-align:left}.sc-stage{height:100svh}.sc-scrim--trail{background:linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%)}}:root{--bg:#05070c;--bg-elev:#0b0f17;--bg-glass:#0e131db8;--line:#7896be24;--line-strong:#7896be4d;--fill:#ffffff05;--fill-hover:#ffffff0d;--text:#e8eef7;--text-dim:#8a97ab;--text-faint:#4f5a6c;--accent:#5ef2ff;--accent-hover:#8cf6ff;--accent-soft:#5ef2ff24;--accent-wash:#5ef2ff0f;--accent-edge:#5ef2ff80;--on-accent:#03141a;--accent-glow:0 0 18px #5ef2ff59;--chord:#ffd166;--chord-soft:#ffd16638;--cue:#b48cff;--cue-soft:#b48cff29;--note-green:#6ef2a0;--note-rose:#ff7ab8;--danger:#ff6b8a;--font:"Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:20px;--zone-top:0px;--session-top:0px;--dim:0;--sc-canvas:var(--bg);--sc-surface:var(--bg-elev);--sc-ink:var(--text);--sc-ink-soft:var(--text-dim);--sc-accent:var(--accent);--sc-accent-ink:var(--on-accent);--sc-font-display:var(--font);--sc-font-text:var(--font);--sc-font-mono:var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=861px){:root{--gutter:clamp(28px, 5vw, 80px)}}html{scrollbar-color:var(--line-strong) transparent}body{background-color:var(--bg);background-image:radial-gradient(1200px 600px at 10% -10%,#5ef2ff12,#0000 60%),radial-gradient(900px 500px at 100% 0,#b48cff0f,#0000 60%);background-attachment:fixed;font-size:16px;line-height:1.55}::selection{background:var(--accent-soft);color:var(--text)}h1,h2,h3,h4,p,dl,dd,ol{margin:0}ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}.chd{color:var(--chord);font-family:var(--mono);font-weight:700}.m{font-family:var(--mono)}.btn{white-space:nowrap;border:1px solid var(--line-strong);background:var(--fill);height:44px;color:var(--text);font:500 14px/1 var(--font);letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--accent-edge);background:var(--accent-wash)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border-color:#0000;font-weight:600}.btn--primary:hover{background:var(--accent-hover);border-color:#0000}.btn--lg{height:52px;padding:0 22px;font-size:15px}@media (width<=420px){.btn--lg{padding:0 15px}.actions{gap:8px}}@media (hover:hover) and (pointer:fine){.btn{height:38px}.btn--lg{height:48px}}.brand{letter-spacing:.02em;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.brand__mark{border:1px solid var(--line-strong);width:28px;height:28px;box-shadow:var(--accent-glow);color:var(--accent);font-family:var(--mono);background:linear-gradient(135deg,#5ef2ff40,#b48cff33);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.brand--sm .brand__mark{width:24px;height:24px;box-shadow:none;font-size:11px}.room{z-index:2;pointer-events:none;opacity:0;--curtain:0;-webkit-mask-image:linear-gradient(#000 calc(var(--curtain) * 140% - 40%), transparent calc(var(--curtain) * 140%));mask-image:linear-gradient(#000 calc(var(--curtain) * 140% - 40%), transparent calc(var(--curtain) * 140%));-webkit-mask-image:linear-gradient(#000 calc(var(--curtain) * 140% - 40%), transparent calc(var(--curtain) * 140%));background:#010205;position:fixed;inset:0}.plate{height:var(--zone-top);z-index:5;pointer-events:none;opacity:0;background-color:var(--bg);background-image:linear-gradient(rgba(1, 2, 5, calc(var(--dim) * .62)), rgba(1, 2, 5, calc(var(--dim) * .62))), radial-gradient(1200px 600px at 10% -10%, #5ef2ff12, transparent 60%), radial-gradient(900px 500px at 100% 0%, #b48cff0f, transparent 60%);background-attachment:fixed;position:fixed;top:0;left:0;right:0}.plate:after{content:"";background:inherit;height:28px;position:absolute;top:100%;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.rig,.band{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:clip}.band{z-index:3}.rig.is-gone,.band.is-gone{visibility:hidden}.rig__lead,.member{transform-origin:0 0;will-change:transform;width:340px;height:720px;position:absolute;top:0;left:0}.rig__caption{display:none;position:absolute}@media (width>=861px){.rig__caption{text-align:right;padding-right:var(--gutter);color:var(--text-faint);font-size:12px;display:block;bottom:18px;left:0;right:0}}.member__tag{left:-50%;right:-50%;top:calc(100% + 10px / var(--k,1));align-items:center;gap:calc(1px / var(--k,1));font-size:calc(12px / var(--k,1));color:var(--text-dim);white-space:nowrap;opacity:0;flex-direction:column;line-height:1.25;transition:opacity .3s;display:flex;position:absolute}.member__now{max-width:320px;font-family:var(--mono);font-size:calc(11px / var(--k,1));color:var(--text-faint);display:flex}.member__song{text-overflow:ellipsis;min-width:0;overflow:hidden}.is-mobile .member .member__now{font-size:calc(10px / var(--k,1))}.member__tag--lead .member__now{color:var(--text-dim)}.member__tag b{color:var(--text);font-weight:600}.member__tag--lead b{color:var(--accent)}.member.is-band .member__tag,.rig__lead.is-session .member__tag--lead{opacity:1}.hero-card{will-change:transform, opacity;width:196px;position:absolute;top:0;left:0}.hero-card__in{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:14px;padding:12px 14px 14px;box-shadow:0 18px 40px #00000080,inset 0 1px #ffffff0a}.hero-card__head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.hero-card__head b{font-size:20px}.hero-card__head span{font:11px var(--mono);color:var(--text-dim)}.hero-card__keys{width:100%;height:auto;overflow:visible}@media (width<=860px){.hero-card{width:150px}.hero-card__in{padding:10px 11px 11px}.hero-card__head b{font-size:17px}}main{z-index:4;position:relative}.copy{max-width:30rem}.copy h2,.rail__lead h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(26px,6.4vw,40px);font-weight:600;line-height:1.1}.copy p,.rail__lead p{color:var(--text-dim);text-wrap:pretty;max-width:44ch;margin-top:12px;font-size:16px;line-height:1.55}.copy p.small{margin-top:14px;font-size:14px}.copy .m{color:var(--text);font-size:.92em}.hero{flex-direction:column;min-height:100svh;display:flex;position:relative}.hero__copy{z-index:1;padding:calc(10px + env(safe-area-inset-top)) var(--gutter) 0;position:relative}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:15ch;margin-top:18px;font-size:clamp(32px,9vw,64px);font-weight:600;line-height:1.05}.hero h1 em{color:var(--accent);font-style:normal}.hero__lede{color:var(--text-dim);text-wrap:pretty;max-width:40ch;margin-top:14px;font-size:16px}.hero__lede strong{color:var(--text);font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero__slot{flex:1;min-height:40svh;margin-top:28px}.hero__chords{z-index:-1;font:700 clamp(64px, 20vw, 220px)/.95 var(--mono);color:var(--chord);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;gap:0 .4em;display:flex;position:absolute;inset:auto 0 6%}@media (width>=861px){.hero{justify-content:center}.hero__copy{max-width:calc(var(--gutter) + 36rem);padding-top:0;position:static}.hero .brand{top:24px;left:var(--gutter);position:absolute}.hero h1{max-width:none;margin-top:0;font-size:clamp(44px,4.4vw,64px)}.hero__lede{font-size:18px}.hero__slot{display:none}.hero__chords{justify-content:flex-start;inset:18% 0 auto 52%}}.flow .beat{padding:0 var(--gutter)}.flow .beat>.copy,.flow .beat>.hush{top:calc(var(--zone-top) + 8px);position:sticky}#paste .beat{min-height:120svh}[data-beat=cues]{min-height:150svh}[data-beat=private]{min-height:140svh}[data-beat=tempo]{min-height:110svh}[data-beat=setlist]{min-height:100svh}.beat--hush{min-height:90svh}.hush{letter-spacing:-.015em;color:var(--text);text-wrap:balance;max-width:20ch;font-size:clamp(22px,5.6vw,30px);font-weight:500;line-height:1.25}@media (width>=861px){.flow .beat>.copy,.flow .beat>.hush{top:calc(50vh - 8rem)}}.act [data-sc-stage]{z-index:3}.copy--pinned{left:var(--gutter);right:var(--gutter);bottom:calc(76px + env(safe-area-inset-bottom));position:absolute}@media (width>=861px){.copy--pinned{top:50%;bottom:auto;right:auto;transform:translateY(-50%)}}.ladder{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.ladder li{border:1px solid var(--line);background:var(--fill);min-width:44px;height:36px;font:600 15px var(--mono);color:var(--text-dim);border-radius:12px;place-items:center;padding:0 10px;transition:background .15s,color .15s,border-color .15s;display:grid}.ladder li.is-on{background:var(--accent-soft);border-color:var(--accent-edge);color:var(--accent)}.ladder__num{font-size:13px!important}.pan [data-sc-stage]{padding-bottom:calc(76px + env(safe-area-inset-bottom));align-items:flex-end;display:flex}.rail-clip{width:var(--rail-w,100vw);overflow:hidden}.rail{padding:0 var(--gutter);will-change:transform;align-items:flex-end;gap:14px;display:flex}.rail__end{width:calc(100vw - var(--rail-w,100vw));flex:none;height:1px}.chords-head{display:none}@media (width<=860px){.chords-head{display:block}.rail__lead{display:none}.rail{padding-left:150vw}}.rail__lead{flex:none;width:min(78vw,22rem)}.inst{background:var(--bg-elev);border:1px solid var(--line);opacity:.62;border-radius:14px;flex:none;width:min(80vw,300px);padding:14px 16px 16px;transition:border-color .25s,opacity .25s}.inst.is-on{border-color:var(--line-strong);opacity:1}.inst__art{width:100%;height:auto;overflow:visible}.inst h3{margin-top:10px;font-size:16px;font-weight:600}.inst p{color:var(--text-dim);margin-top:4px;font-size:14px;line-height:1.5}@media (width>=861px){.pan [data-sc-stage]{align-items:center;padding-bottom:0}.rail{align-items:center}.rail-clip{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.rail{gap:20px;padding-top:0}.rail__lead{width:26rem}.inst{width:340px;padding:18px 20px 20px}}.rail__note{width:min(70vw,16rem);color:var(--text-dim);text-wrap:pretty;flex:none;align-self:center;font-size:15px}@media (width<=860px){.rail__note{align-self:flex-end;padding-bottom:12px}}svg .chd{fill:var(--chord);font-family:var(--mono);font-weight:700}svg .dim{fill:var(--text-dim);font-family:var(--font)}svg .mono{font-family:var(--mono)}svg .vio{fill:var(--cue)}svg .fnt{fill:var(--text-faint)}.wk{fill:var(--text);stroke:#1a2130;stroke-width:1px}.bk{fill:#1a2130}.wk.is-on{fill:var(--accent)}.bk.is-on{fill:#2fb8c6}.wk.is-bass{fill:var(--cue)}.bk.is-bass{fill:#8a6ad6}.nut{stroke:var(--text-dim);stroke-width:4px;stroke-linecap:round}.fret{stroke:var(--line-strong);stroke-width:1px}.string{stroke:var(--line-strong);stroke-width:1.2px}.open{fill:none;stroke:var(--text-dim);stroke-width:1.5px}.dot{fill:var(--accent)}.dot.is-bass{fill:var(--cue)}.box{fill:var(--accent-wash);stroke:var(--accent-edge);stroke-width:1px;stroke-dasharray:3 3}.bd circle{fill:var(--bg-elev);stroke:var(--line-strong)}.bd text{fill:var(--text-dim);font-family:var(--mono);font-weight:600}.bd.is-root circle{stroke:var(--accent-edge)}.bd.is-play circle{fill:var(--accent);stroke:none}.bd.is-play text{fill:var(--on-accent)}.bd.is-slash circle{fill:var(--cue);stroke:none}.bd.is-slash text{fill:#12091f}#session [data-sc-stage]{z-index:7}.copy--session{display:grid}.copy--session .say{grid-area:1/1}@media (width>=861px){.copy--session{max-width:min(24rem, calc(36vw - var(--gutter) - 24px))}}@media (width<=860px){.copy--session h2{font-size:24px}.copy--session p{margin-top:8px;font-size:15px}}.answers{z-index:4;padding:72px var(--gutter) 96px;position:relative}.answers__in{max-width:1040px;margin:0 auto}.answers h2{letter-spacing:-.02em;font-size:clamp(26px,6.4vw,40px);font-weight:600;line-height:1.1}.qa{border-top:1px solid var(--line);gap:0;margin-top:28px;display:grid}.qa>div{border-bottom:1px solid var(--line);padding:20px 0}.qa dt{letter-spacing:-.01em;font-size:17px;font-weight:600}.qa dd{color:var(--text-dim);text-wrap:pretty;max-width:52ch;margin-top:6px}@media (width>=861px){.answers{padding:120px var(--gutter) 140px}.qa{border-top:0;grid-template-columns:1fr 1fr;column-gap:56px}.qa>div{border-top:1px solid var(--line);border-bottom:0;padding:24px 0}}#get [data-sc-stage]{z-index:7}.close__stage{padding:0 var(--gutter);flex-direction:column;justify-content:center;display:flex}.close__in{text-align:center;width:100%;max-width:38rem;margin:0 auto}.close h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(32px,8.4vw,60px);font-weight:600;line-height:1.05}.close__lede{color:var(--text-dim);margin-top:14px;font-size:17px}.close .actions{justify-content:center;margin-top:24px}.join{text-align:left;border-top:1px solid var(--line);max-width:24rem;margin:40px auto 0;padding-top:28px}.join label{font-size:15px;font-weight:500;display:block}.join__row{gap:8px;margin-top:10px;display:flex}.join__input{border:1px solid var(--line-strong);min-width:0;height:52px;color:var(--text);font:600 22px var(--mono);letter-spacing:.3em;text-transform:uppercase;background:#ffffff06;border-radius:9px;flex:1;padding:0 14px;transition:border-color .15s,background .15s}.join__input::placeholder{color:var(--text-faint)}.join__input:focus-visible{border-color:var(--accent-edge);background:var(--accent-wash);outline:none}.join__hint{color:var(--text-dim);margin-top:8px;font-size:13px}.join.is-error .join__input{border-color:var(--danger)}.join--hero{border-top:0;max-width:22rem;margin:36px 0 0;padding-top:0}.join--hero label{color:var(--text-dim);font-size:14px;font-weight:400}.join--hero .join__row{margin-top:8px}.join--hero .join__input{height:46px;font-size:18px}.join--hero .btn{height:46px}.join--hero .join__hint:empty{display:none}@media (width<=860px){.join--hero{text-align:center;margin:30px auto 0}.join--hero .join__row{justify-content:center}}.join.is-error .join__hint{color:var(--danger)}.foot{padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width<=860px){.close__in{margin-top:-40px}}.bar{z-index:30;padding:8px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border-top:1px solid var(--line-strong);transition:transform .28s var(--ease);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.bar.is-on{transform:none}.bar__in{align-items:center;gap:6px;max-width:640px;margin:0 auto;display:flex}.bar__step{border:1px solid var(--line-strong);background:var(--fill);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:border-color .15s,background .15s,opacity .15s;display:grid}.bar__step svg,.bar__now svg,.jump__x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bar__step:hover:not(:disabled){border-color:var(--accent-edge);background:var(--accent-wash)}.bar__step:disabled{opacity:.35;cursor:default}.bar__word{display:none}@media (width>=520px){.bar__step{width:auto;font:500 14px var(--font);gap:4px;padding:0 14px;display:inline-flex}.bar__word{display:inline}.bar__step[data-step="1"] svg{order:1}}.bar__now{min-width:0;height:44px;color:var(--text);font:500 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.bar__now:hover{background:var(--fill-hover)}.bar__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar__now svg{color:var(--text-dim)}.bar__cta{flex:none;height:44px}.bar__progress{background:var(--accent);transform-origin:0;height:2px;box-shadow:0 0 8px var(--accent);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.jump{background:var(--bg-elev);width:min(100% - 24px,420px);max-height:80vh;color:var(--text);border:1px solid var(--line-strong);border-radius:20px;margin:auto auto 12px;padding:0;box-shadow:0 30px 80px #0009}.jump::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030509a6}.jump[open]{animation:rise .28s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width>=700px){.jump{margin:auto}}.jump__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 12px 12px 20px;display:flex}.jump__head h2{font-size:17px;font-weight:600}.jump__x{width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.jump__x:hover{background:var(--fill-hover);color:var(--text)}.jump__list{padding:8px}.jump__list button{width:100%;height:48px;color:var(--text);font:500 15px var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 14px;display:flex}.jump__list button:hover{background:var(--accent-wash)}.jump__list button.is-on{background:var(--accent-soft);color:var(--accent)}.ph{border:1px solid var(--line-strong);background:linear-gradient(160deg,#1a2231,#0b0f17 40%,#0d121c);border-radius:48px;width:340px;height:720px;padding:8px;position:relative;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff14}.ph--follow{box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff0f}.rig__lead.is-session .ph{border-color:var(--accent-edge);box-shadow:0 30px 80px #0009, 0 0 0 2px var(--accent-soft)}.rig__lead .ph:after{content:"";opacity:var(--shade,0);pointer-events:none;background:#010205;border-radius:48px;position:absolute;inset:0}.ph__screen{background:var(--bg);isolation:isolate;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden}.ph .i{flex:none;display:block}.ph-top{z-index:3;background:var(--bg-glass);border-bottom:1px solid var(--line);align-items:center;gap:4px;height:64px;padding:16px 8px 0;display:flex;position:absolute;top:0;left:0;right:0}.ph-top__btn{width:36px;height:36px;color:var(--text);flex:none;place-items:center;display:grid}.ph-top__title{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.ph-top__title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.ph-top__title span{color:var(--text-dim);font-size:12px}.ph-live{background:var(--accent-soft);height:24px;color:var(--accent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:none}.ph.is-live .ph-live{display:inline-flex}.ph-view{position:absolute;inset:64px 0 98px;overflow:hidden}.ph-sheet{font:400 15px/1.5 var(--mono);will-change:transform;padding:14px 16px 40px}.ln{white-space:pre;min-height:1.5em}.ln--lyrics{font-family:var(--font);white-space:pre-wrap;color:var(--text)}.ln--chords{color:var(--chord);font-weight:700}.ln--chords .nc{color:var(--text-faint);font-weight:400}.ln--chords .c{display:inline-block}.ln--chords .lbl{color:var(--text-dim);font:500 .72em var(--font);letter-spacing:.12em;text-transform:uppercase;vertical-align:1px;margin-right:10px}.ln--section{color:var(--text-dim);font:500 .72em/2 var(--font);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin-top:1em;display:flex}.ln--section:after{content:"";background:var(--line);flex:1;height:1px}.ln--blank{min-height:.6em}.ln.is-target{box-shadow:inset 2px 0 0 var(--accent);background:#5ef2ff0d;margin:0 -16px;padding:0 16px;transition:background .15s}.ph.is-annotating .ph-cell:last-child{background:var(--accent-soft);border-color:var(--accent-edge);color:var(--accent)}.ph.is-annotating .ph-cell:last-child small,.ph.is-annotating .ph-cell:last-child em{color:var(--accent)}.c{border-radius:4px;transition:background .2s,color .2s}.c.is-tapped{background:var(--chord);color:#1a1200;box-shadow:0 0 0 3px var(--chord)}.note{font:500 12.5px/1.3 var(--font);color:var(--text);background:var(--bg-elev);border:1px solid;border-radius:10px;align-items:center;gap:6px;margin:2px 0 6px;padding:4px 10px;display:none;box-shadow:0 6px 20px #00000040}.note.is-on{animation:note-in .3s var(--ease);display:inline-flex}@keyframes note-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}[data-color=cyan]{--note-c:var(--accent);--note-c-soft:var(--accent-soft)}[data-color=violet]{--note-c:var(--cue);--note-c-soft:var(--cue-soft)}[data-color=amber]{--note-c:#ffb15e;--note-c-soft:#ffb15e24}[data-color=green]{--note-c:var(--note-green);--note-c-soft:#6ef2a024}[data-color=rose]{--note-c:var(--note-rose);--note-c-soft:#ff7ab829}[data-color=white]{--note-c:#f1f3f8;--note-c-soft:#f1f3f81f}.note{border-color:color-mix(in srgb, var(--note-c) 45%, transparent);background:linear-gradient(var(--note-c-soft), var(--note-c-soft)), var(--bg-elev)}.note .i:first-child{color:var(--note-c)}.note .i:last-child:not(:first-child){color:var(--text-dim)}.ph-annot{border:1px solid var(--accent-edge);background:var(--accent-soft);height:60px;color:var(--accent);border-radius:14px;align-items:center;gap:10px;padding:0 8px 0 14px;display:none}.ph-annot span{color:var(--text);flex:1;font-size:13.5px;line-height:1.3}.ph-annot b{border:1px solid var(--line-strong);background:var(--fill);height:34px;color:var(--text);border-radius:999px;place-items:center;padding:0 14px;font-size:13px;font-weight:500;display:grid}.ph.is-annotating .ph-annot{display:flex}.ph.is-annotating .ph-dock__cells{display:none}.ph-modal{z-index:7;opacity:0;visibility:hidden;background:#030509a6;align-items:flex-end;transition:opacity .2s,visibility .2s;display:flex;position:absolute;inset:0}.ph.show-modal .ph-modal{opacity:1;visibility:visible}.ph-modal__card{background:var(--bg-elev);border-top:1px solid var(--line-strong);width:100%;transition:transform .28s var(--ease);border-radius:20px 20px 0 0;padding:16px 16px 22px;transform:translateY(40px);box-shadow:0 -20px 60px #0000008c}.ph.show-modal .ph-modal__card{transform:none}.ph-modal__card h4{font-size:17px;font-weight:600}.ph-modal__line{font:12px var(--mono);color:var(--text-dim);white-space:pre;text-overflow:ellipsis;margin:4px 0 12px;overflow:hidden}.ph-icons{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.ph-icons span{border:1px solid var(--line);height:36px;color:var(--text-dim);border-radius:10px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.ph-icons span.is-on{color:var(--note-c);border-color:var(--note-c);background:var(--note-c-soft)}.ph-colors{gap:10px;margin:12px 0;display:flex}.ph-colors span{background:var(--note-c);opacity:.55;border:2px solid #0000;border-radius:999px;width:26px;height:26px;transition:opacity .12s,transform .12s}.ph-colors span.is-on{opacity:1;border-color:var(--text);box-shadow:0 0 10px var(--note-c);transform:scale(1.1)}.ph-text{border:1px solid var(--accent-edge);background:#ffffff06;border-radius:9px;min-height:64px;padding:10px 12px;font-size:15px;position:relative}.ph-text i{vertical-align:-2px;background:var(--accent);width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}.ph-text em{color:var(--text-faint);font-style:normal;display:none;position:absolute;top:10px;left:12px}.ph-text.is-empty em{display:block}.ph-text.is-empty i{position:absolute;top:12px;left:12px}@keyframes caret{50%{opacity:0}}.ph-private{align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.ph-private small{color:var(--text-dim);font-size:12px}.ph-check{border:1px solid var(--line-strong);color:#0000;border-radius:6px;place-items:center;width:20px;height:20px;transition:background .15s,color .15s;display:grid}.ph-private.is-on .ph-check{background:var(--accent);color:var(--on-accent);border-color:#0000}.ph-modal__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.ph-modal__actions span{height:38px;color:var(--text-dim);border-radius:999px;place-items:center;padding:0 16px;font-size:14px;font-weight:500;display:grid}.ph-modal__actions .ph-save{background:var(--accent);color:var(--on-accent);opacity:.4;font-weight:600}.ph-modal__actions .ph-save.is-ready{opacity:1;box-shadow:var(--accent-glow)}.ph-tap{z-index:9;pointer-events:none;opacity:0;background:#e8eef738;border:2px solid #e8eef7b3;border-radius:999px;width:44px;height:44px;transition:opacity .15s;position:absolute;top:-22px;left:-22px}.ph-tap.is-on{opacity:1;animation:tap .5s var(--ease)}@keyframes tap{0%{opacity:0;scale:1.5}}.ph-dock{z-index:3;background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border-top:1px solid var(--line-strong);height:98px;padding:0 10px 16px;position:absolute;bottom:0;left:0;right:0}.ph-dock__progress{background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);transform-origin:0;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.ph-dock__handle{background:var(--line-strong);border-radius:999px;width:36px;height:4px;margin:7px auto;display:block}.ph-dock__cells{gap:6px;display:flex}.ph-cell{border:1px solid var(--line);background:var(--fill);min-width:0;height:60px;color:var(--text);border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;display:flex}.ph-cell small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:500;line-height:1.2}.ph-cell em{color:var(--text-dim);font-size:11px;font-style:normal;line-height:1.2}.ph-cell b{font:600 18px/1.15 var(--mono);color:var(--accent)}.ph-cell--play{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border-color:#0000;flex-direction:row;flex:1.7 1 0;gap:10px;transition:background .2s,color .2s}.ph-play{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.ph-play strong{font-size:16px;font-weight:600}.ph-cell--play em{color:inherit;opacity:.72;font-size:12px}.ph-speed{z-index:4;background:var(--bg-elev);border:1px solid var(--line-strong);height:24px;font:600 11px var(--mono);color:var(--text-dim);border-radius:999px;align-items:center;padding:0 9px;display:none;position:absolute;top:74px;right:12px}.ph.is-counting .ph-speed,.ph.is-playing .ph-speed{display:inline-flex}.ph-beats{gap:4px;margin-top:4px;display:none}.ph-beats i{background:var(--line-strong);border-radius:999px;width:7px;height:7px}.ph-beats i.is-on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.ph-beats i:first-child.is-on{background:#fff;box-shadow:0 0 8px #fff}.ph.is-counting .ph-cell--play,.ph.is-playing .ph-cell--play{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-edge);box-shadow:none}.ph.is-counting .ph-beats,.ph.is-playing .ph-beats{display:inline-flex}.ph.is-counting .ph-cell--play em,.ph.is-playing .ph-cell--play em{display:none}.ph-panel{z-index:4;background:var(--bg-elev);border-top:1px solid var(--line-strong);transition:transform .28s var(--ease);border-radius:20px 20px 0 0;padding:8px 16px 22px;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -20px 60px #0000008c}.ph-panel__grab{background:var(--line-strong);border-radius:999px;width:36px;height:4px;margin:0 auto 12px;display:block}.ph-panel h4{font-size:16px;font-weight:600}.ph-panel p{color:var(--text-dim);margin-top:2px;font-size:13px}.ph.show-key .ph-panel--key,.ph.show-chord .ph-panel--chord,.ph.show-session .ph-panel--session{transform:none}.ph-keygrid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.ph-keygrid span{border:1px solid var(--line);background:var(--fill);height:40px;font:600 15px var(--mono);color:var(--text-dim);border-radius:12px;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.ph-keygrid span.is-orig{border-style:dashed;border-color:var(--line-strong)}.ph-keygrid span.is-on{background:var(--accent-soft);border:1px solid var(--accent-edge);color:var(--accent)}.ph-switch{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:15px;display:flex}.ph-switch i{background:var(--line-strong);border-radius:999px;width:40px;height:24px;transition:background .15s;position:relative}.ph-switch i:after{content:"";background:var(--text-dim);border-radius:999px;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.ph-switch.is-on i{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-edge)}.ph-switch.is-on i:after{background:var(--accent);transform:translate(16px)}.ph-seg{border:1px solid var(--line-strong);background:var(--bg);border-radius:999px;padding:3px;display:flex}.ph-seg span{height:32px;color:var(--text-dim);border-radius:999px;flex:1;place-items:center;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:grid}.ph-seg span.is-on{background:var(--accent-soft);color:var(--accent)}.ph-diagram{width:100%;height:auto;margin-top:14px;overflow:visible}.ph-paste{z-index:5;background:var(--bg);visibility:hidden;will-change:transform, clip-path;padding:76px 14px 0;position:absolute;inset:0}.ph-paste .ph-top{background:var(--bg)}.ph-paste__field{border:1px solid var(--line-strong);background:#ffffff06;border-radius:9px;margin-bottom:10px;padding:10px 12px;display:block}.ph-paste__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.ph-paste__val{font-size:15px}.ph-paste__field--raw pre{font:12px/1.45 var(--mono);color:var(--text);white-space:pre;height:420px;margin:0;overflow:hidden}.ph-paste__btn{border:1px solid var(--line-strong);background:var(--bg-elev);border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;top:158px;right:22px}.ph-scan{z-index:6;background:var(--accent);opacity:0;pointer-events:none;height:2px;position:absolute;top:8px;left:0;right:0;box-shadow:0 0 14px 2px #5ef2ff99}.ph-detected{z-index:4;background:var(--bg-elev);border:1px solid var(--accent-edge);height:28px;color:var(--text-dim);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex;position:absolute;top:76px;right:12px;transform:translateY(-6px)}.ph-detected b{font:600 14px var(--mono);color:var(--accent)}.ph-detected em{font-style:normal}.ph-detected.is-on{opacity:1;transform:none}.ph-setlist{z-index:5;background:var(--bg);transition:transform .32s var(--ease);padding-top:76px;position:absolute;inset:0;transform:translate(104%)}.ph-setlist .ph-top{background:var(--bg)}.ph.show-set .ph-setlist{transform:none}.ph-rows{border:1px solid var(--line);background:var(--bg-elev);--drag:0;border-radius:14px;margin:0 12px;position:relative}.ph-row{border-top:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:10px;height:58px;padding:0 14px 0 8px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.ph-row:first-child{border-top:0;border-radius:14px 14px 0 0}.ph-row:last-child{border-radius:0 0 14px 14px}.ph-row__grip{color:var(--text-faint)}.ph-row__t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.ph-row__k{font:600 14px var(--mono);color:var(--accent);text-align:right;width:32px}.ph-row__b{font:12px var(--mono);color:var(--text-dim);text-align:right;width:30px}.ph-row:nth-child(-n+3){transform:translateY(calc(var(--drag) * 58px))}.ph-row[data-row="3"]{transform:translateY(calc(var(--drag) * -174px));z-index:2}.ph-rows.is-lifted .ph-row[data-row="3"]{box-shadow:0 10px 30px #00000080, var(--accent-glow);border:1px solid var(--accent-edge);border-radius:14px}.ph-cta{background:var(--accent);height:48px;color:var(--on-accent);box-shadow:var(--accent-glow);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:14px 12px 0;font-size:15px;font-weight:600;display:flex}.ph-cta--ghost{background:var(--fill);color:var(--text);border:1px solid var(--line-strong);box-shadow:none;margin-top:8px;transition:border-color .3s,background .3s,color .3s}.ph-cta--ghost.is-hot{border-color:var(--accent-edge);background:var(--accent-soft);color:var(--accent)}.ph-panel--session{text-align:center;padding-bottom:26px}.ph-code{font:700 34px/1.1 var(--mono);letter-spacing:.25em;color:var(--accent);text-shadow:0 0 18px #5ef2ff59;margin-top:16px;padding-left:.25em}.ph-qr{border-radius:8px;width:128px;height:128px;margin:14px auto 0;display:block}.ph-room{border-top:1px solid var(--line);color:var(--text-dim);justify-content:space-between;margin-top:16px;padding-top:12px;font-size:14px;display:flex}.ph-room b{font:600 14px var(--mono);color:var(--text)}.ph-join{z-index:5;background:var(--bg);transition:opacity .3s var(--ease), transform .3s var(--ease);padding:120px 20px 0;position:absolute;inset:0}.ph-join h4{letter-spacing:-.015em;font-size:22px;font-weight:600}.ph-join p{color:var(--text-dim);margin-top:6px;font-size:14px}.ph-codebox{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:22px;display:grid}.ph-codebox span{border:1px solid var(--line-strong);height:54px;font:600 24px var(--mono);color:var(--text);background:#ffffff06;border-radius:9px;place-items:center;display:grid}.ph-codebox span:empty{border-color:var(--line)}.ph-join__name{border:1px solid var(--line-strong);border-radius:9px;margin-top:18px;padding:10px 12px}.ph-join__name span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px;display:block}.ph-join__name b{font-size:15px;font-weight:500}.ph-join .ph-cta{margin:18px 0 0}.ph.is-joined .ph-join{opacity:0;pointer-events:none;transform:translateY(-12px)}.ph-back{z-index:4;background:var(--accent);height:36px;color:var(--on-accent);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 30px #00000080}.ph.is-away .ph-back{opacity:1;transform:translate(-50%)}.ph.is-sliding .ph-view{animation:slide-in .36s var(--ease)}@keyframes slide-in{0%{opacity:.2;transform:translate(28px)}}@media (prefers-reduced-motion:reduce){.ph-panel,.ph-setlist,.ph-join,.ph-back,.ph-detected,.bar{transition-duration:.01ms!important}.ph.is-sliding .ph-view,.note.is-on,.ph-tap.is-on,.ph-text i{animation:none}.member{filter:none!important}}