.chant-page{min-width:0;max-width:76rem;margin-inline:auto;padding-bottom:4rem}.chant-intro{grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);align-items:end;gap:.7rem 2.5rem;margin:.3rem 0 2rem;display:grid}.chant-eyebrow{color:var(--bts-accent-ink);letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:.5rem;font-size:.69rem;font-weight:850;display:inline-flex}.chant-intro h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(2.75rem,6vw,5.4rem);line-height:.99}.chant-intro h1 em{color:var(--bts-accent-ink);font-style:normal}.chant-intro>p:not(.chant-eyebrow){max-width:37ch;color:var(--ink-2);margin:0 0 .15rem;line-height:1.6}.chant-jump{border:2px solid var(--ink);background:var(--bts-accent);max-width:16rem;min-height:3rem;color:var(--bts-accent-foreground);box-shadow:var(--lift);border-radius:.7rem;grid-column:2;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.81rem;font-weight:850;display:inline-flex}.chant-jump:hover,.chant-jump:focus-visible{box-shadow:var(--lift-hi);transform:translate(-2px,-2px)}.chant-studio{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:1.15rem;min-height:40rem;scroll-margin-top:6rem;display:grid}.chant-preview-column,.chant-editor{min-width:0}.chant-preview-column{flex-direction:column;gap:.7rem;display:flex}.chant-stage{isolation:isolate;border:2px solid var(--ink);background:radial-gradient(circle at 50% 33%, color-mix(in srgb, var(--chant-accent) 46%, transparent), transparent 38%), radial-gradient(circle at 8% 83%, color-mix(in srgb, var(--chant-soft) 28%, transparent), transparent 30%), linear-gradient(155deg, color-mix(in srgb, var(--ink) 90%, var(--chant-accent)), var(--ink));min-height:34.2rem;box-shadow:var(--lift-hi);color:#fff;border-radius:1.55rem;flex:1;display:flex;position:relative;overflow:hidden}.chant-stage-noise{z-index:-1;opacity:.22;background-image:radial-gradient(circle,#fff .7px,#0000 .9px);background-size:20px 20px;position:absolute;inset:0;mask-image:linear-gradient(#0000 10%,#000 70%)}.chant-stage-rays{z-index:-1;pointer-events:none;position:absolute;inset:0}.chant-stage-rays span{background:linear-gradient(to bottom, color-mix(in srgb, var(--chant-accent) 23%, transparent), transparent 75%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;width:24%;height:80%;position:absolute;top:8%;left:50%}.chant-stage-rays span:first-child{transform:translate(-50%)rotate(-28deg)}.chant-stage-rays span:nth-child(2){transform:translate(-50%)}.chant-stage-rays span:last-child{transform:translate(-50%)rotate(28deg)}.chant-stage-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--chant-soft) 44%, transparent);width:min(65%,22rem);box-shadow:0 0 0 23px color-mix(in srgb, var(--chant-accent) 6%, transparent), 0 0 0 65px color-mix(in srgb, var(--chant-accent) 3%, transparent);border-radius:50%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.chant-stage-top,.chant-stage-bottom{z-index:4;letter-spacing:.11em;justify-content:space-between;gap:.7rem;font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;display:flex;position:absolute;left:1.25rem;right:1.25rem}.chant-stage-top{top:1.25rem}.chant-stage-top b,.chant-editor-head>span b{color:var(--chant-soft)}.chant-stage-bottom{bottom:2.3rem}.chant-stage-bottom b{font-family:system-ui,sans-serif}.chant-lightstick{transform-origin:50% 82%;width:5.8rem;height:11rem;position:absolute;top:13%;left:50%;transform:translate(-50%)}.chant-lightstick-glow{background:var(--chant-accent);opacity:.39;width:6.5rem;height:6.5rem;box-shadow:0 0 4rem 2rem color-mix(in srgb, var(--chant-accent) 30%, transparent);border-radius:50%;position:absolute;top:.2rem;left:50%;transform:translate(-50%)}.chant-lightstick img{object-fit:contain;width:auto;height:100%;margin-inline:auto;display:block;position:relative}.chant-callout{z-index:3;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:64%;left:1rem;right:1rem;transform:translateY(-50%)}.chant-callout-kicker{border:1px solid color-mix(in srgb, var(--chant-soft) 65%, transparent);background:color-mix(in srgb, var(--ink) 75%, transparent);color:color-mix(in srgb, var(--chant-soft) 65%, white);letter-spacing:.12em;border-radius:999px;margin-bottom:.55rem;padding:.35rem .7rem;font-family:Space Mono,monospace;font-size:.58rem;font-weight:800;display:inline-block}.chant-callout strong{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;min-height:2.3em;text-shadow:0 4px 25px color-mix(in srgb, var(--ink) 75%, transparent);font-size:clamp(2.15rem,5.6vw,4.55rem);line-height:.98;display:block}.chant-callout-sub{color:color-mix(in srgb, var(--chant-soft) 30%, white);margin-top:.55rem;font-size:.83rem;font-weight:700}.chant-crowd{z-index:1;opacity:.86;grid-template-columns:repeat(18,1fr);align-content:end;gap:.6rem .1rem;height:6.7rem;display:grid;position:absolute;bottom:2.9rem;left:-2%;right:-2%;mask-image:linear-gradient(#0000 0%,#000 58%)}.chant-crowd span{background:var(--chant-soft);width:.32rem;height:.32rem;box-shadow:0 0 .65rem .12rem var(--chant-accent);opacity:.5;border-radius:50%;justify-self:center}.chant-crowd span:nth-child(3n){opacity:.94;transform:translateY(-.55rem)}.chant-crowd span:nth-child(5n){transform:translateY(-1.35rem)}.chant-crowd span:nth-child(7n){transform:translateY(.4rem)}.chant-progress{z-index:5;background:color-mix(in srgb, var(--chant-accent) 18%, var(--ink));height:.35rem;position:absolute;bottom:0;left:0;right:0}.chant-progress span{background:var(--chant-soft);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.chant-studio.is-playing .chant-lightstick{animation:1.1s ease-in-out infinite chant-cheer}.chant-studio.is-playing .chant-lightstick-glow{animation:1s ease-in-out infinite alternate chant-glow}.chant-studio.is-playing .chant-crowd span{animation:1s ease-in-out infinite alternate chant-crowd;animation-delay:calc(var(--crowd-index) * 22ms)}.chant-studio.is-cue-changing .chant-callout{animation:chant-callout-in .38s var(--ease-out) both}.chant-studio.is-finale .chant-callout strong{color:var(--chant-soft)}.chant-studio[data-effect=spotlight] .chant-stage-rays span:not(:nth-child(2)){opacity:.15}.chant-studio[data-effect=spark] .chant-stage-noise{opacity:.52}.chant-studio[data-effect=spark].is-finale .chant-stage-orbit{animation:chant-finale .55s var(--ease-out) 2 alternate}.chant-studio[data-cue-style=editorial] .chant-callout strong{letter-spacing:-.065em;font-family:Outfit,sans-serif;font-style:italic;font-weight:850}.chant-studio[data-cue-style=compact] .chant-callout strong{letter-spacing:.05em;max-width:15ch;font-size:clamp(1.8rem,4vw,3.2rem)}.chant-studio.is-member-cue .chant-lightstick-glow{opacity:.85}.chant-studio[data-scene=backstage] .chant-stage{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--chant-soft) 28%, transparent), transparent 38%), repeating-linear-gradient(110deg, transparent 0 34px, color-mix(in srgb, var(--chant-soft) 6%, transparent) 35px 36px), linear-gradient(155deg, color-mix(in srgb, var(--ink) 76%, var(--chant-accent)), var(--ink))}.chant-studio[data-scene=backstage] .chant-callout{border:1px solid color-mix(in srgb, var(--chant-soft) 70%, transparent);background:color-mix(in srgb, var(--ink) 72%, transparent);box-shadow:0 0 0 .45rem color-mix(in srgb, var(--chant-accent) 10%, transparent);border-radius:.6rem;padding:1.1rem .7rem;left:2.6rem;right:2.6rem}.chant-studio[data-scene=photocard] .chant-stage{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--chant-accent) 54%, transparent), transparent 53%), linear-gradient(155deg, color-mix(in srgb, var(--ink) 70%, var(--chant-accent)), var(--ink))}.chant-studio[data-scene=photocard] .chant-callout{background:color-mix(in srgb, var(--ink) 76%, var(--chant-accent));box-shadow:.5rem .5rem 0 color-mix(in srgb, var(--chant-soft) 45%, var(--ink)), -.4rem .5rem 0 color-mix(in srgb, var(--chant-accent) 55%, var(--ink));border:2px solid #fff;border-radius:.9rem;padding:1.4rem .7rem;left:3rem;right:3rem;transform:translateY(-50%)rotate(-2deg)}.chant-studio[data-scene=photocard].is-cue-changing .chant-callout{animation:chant-card-in .38s var(--ease-out) both}.chant-player{flex-wrap:wrap;align-items:center;gap:.55rem;min-height:4.25rem;display:flex}.chant-player button,.chant-share-actions button{border:2px solid var(--ink);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.65rem .95rem;font-size:.8rem;font-weight:850;display:inline-flex}.chant-play{background:var(--bts-accent);color:var(--bts-accent-foreground);box-shadow:4px 4px 0 var(--ink)}.chant-replay{background:var(--bg-primary,white);width:3rem;color:var(--ink);padding:0}.chant-player button:hover,.chant-player button:focus-visible,.chant-share-actions button:hover,.chant-share-actions button:focus-visible{transform:translateY(-2px)}.chant-player-note{color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.69rem;font-weight:650;display:inline-flex}.chant-status{min-height:1rem;color:var(--ink-2);flex-basis:100%;font-size:.75rem}.chant-editor{border:2px solid var(--ink);max-height:40rem;box-shadow:var(--lift);background:#fff;border-radius:1.45rem;flex-direction:column;display:flex;overflow:hidden}.chant-editor-head{border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--bts-accent) 8%, white);flex:none;padding:1.35rem 1.45rem 1.05rem}.chant-editor-head>span,.chant-share-kicker,.chant-story>div>span{color:var(--bts-accent-ink);letter-spacing:.1em;margin-bottom:.4rem;font-family:Space Mono,monospace;font-size:.62rem;font-weight:850;display:block}.chant-editor-head strong{color:var(--ink);font-size:1.55rem;line-height:1.05;display:block}.chant-editor-head p{color:var(--ink-2);margin-top:.35rem;font-size:.78rem}.chant-surprise{border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.4rem;margin-top:.65rem;padding:.38rem .6rem;font-size:.7rem;font-weight:850;display:inline-flex}.chant-surprise:hover,.chant-surprise:focus-visible{background:var(--bts-accent);color:var(--bts-accent-foreground);transform:translateY(-2px)}.chant-editor-scroll{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--bts-accent) 50%, white) transparent;flex:1;min-height:0;padding:1.15rem 1.4rem 1.5rem;overflow-y:auto}.chant-shared{border:1px solid var(--bts-accent);background:color-mix(in srgb, var(--bts-accent) 9%, white);color:var(--ink);border-radius:.7rem;gap:.25rem;margin-bottom:1.15rem;padding:.8rem .95rem;font-size:.78rem;display:grid}.chant-shared[hidden]{display:none}.chant-shared span{color:var(--ink-2)}.chant-shared button{color:var(--bts-accent-ink);justify-self:start;margin-top:.25rem;font-weight:850;text-decoration:underline}.chant-fieldset{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.chant-fieldset legend{color:var(--ink);align-items:center;gap:.55rem;margin-bottom:.7rem;font-size:.91rem;font-weight:850;display:flex}.chant-fieldset legend span{border:1px solid var(--ink);background:var(--bts-accent);width:1.5rem;height:1.5rem;color:var(--bts-accent-foreground);border-radius:.4rem;place-items:center;font-family:Space Mono,monospace;font-size:.59rem;display:grid}.chant-field-help{color:var(--ink-muted);margin:-.25rem 0 .65rem;font-size:.71rem;line-height:1.45}.chant-scene-grid{gap:.55rem;display:grid}.chant-scene-choice{border:1.5px solid var(--hairline);width:100%;min-height:4.25rem;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:.8rem;align-items:center;gap:.65rem;padding:.35rem .65rem .35rem .35rem;display:flex}.chant-scene-choice:hover,.chant-scene-choice:focus-visible,.chant-scene-choice[aria-pressed=true]{border-color:var(--bts-accent-ink);background:color-mix(in srgb, var(--bts-accent) 8%, white)}.chant-scene-choice[aria-pressed=true]{box-shadow:3px 3px 0 var(--ink)}.chant-scene-art{background:radial-gradient(circle at 50% 45%, var(--bts-accent), var(--ink) 75%);border-radius:.55rem;flex:none;width:3.5rem;height:3.5rem;display:block;position:relative;overflow:hidden}.chant-scene-art i{width:.22rem;height:.22rem;box-shadow:0 0 .5rem .15rem var(--bts-accent);background:#fff;border-radius:50%;position:absolute;bottom:.45rem}.chant-scene-art i:first-child{left:.7rem}.chant-scene-art i:nth-child(2){bottom:1rem;left:1.7rem}.chant-scene-art i:last-child{right:.65rem}.chant-scene-art[data-scene-art=backstage]{background:linear-gradient(135deg, var(--bts-accent), var(--ink))}.chant-scene-art[data-scene-art=backstage]:after{content:"PASS";color:#fff;text-align:center;border:1px solid #fff;padding:.2rem;font-family:Space Mono,monospace;font-size:.53rem;font-weight:800;position:absolute;top:.7rem;left:.4rem;right:.4rem;transform:rotate(-10deg)}.chant-scene-art[data-scene-art=photocard]{background:color-mix(in srgb, var(--bts-accent) 40%, white)}.chant-scene-art[data-scene-art=photocard]:after{content:"OT7";border:1px solid var(--ink);color:var(--ink);box-shadow:.23rem .23rem 0 var(--ink);background:#fff;border-radius:.3rem;place-items:center;font-family:Black Han Sans,sans-serif;font-size:.75rem;display:grid;position:absolute;inset:.7rem;transform:rotate(-7deg)}.chant-scene-copy{gap:.15rem;min-width:0;display:grid}.chant-scene-copy b{font-size:.83rem}.chant-scene-copy small{color:var(--ink-muted);font-size:.69rem}.chant-scene-number{color:var(--ink-muted);margin-left:auto;font-family:Space Mono,monospace;font-size:.63rem}.chant-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.chant-focus-choice,.chant-option-grid button,.chant-palette-choice{border:1.5px solid var(--hairline);min-width:0;color:var(--ink);cursor:pointer;background:#fff;border-radius:.7rem}.chant-focus-choice{text-align:center;align-content:center;min-height:3.4rem;padding:.4rem .2rem;display:grid}.chant-focus-choice b{font-size:.72rem}.chant-focus-choice small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.chant-focus-choice:hover,.chant-focus-choice:focus-visible,.chant-focus-choice[aria-pressed=true],.chant-option-grid button:hover,.chant-option-grid button:focus-visible,.chant-option-grid button[aria-pressed=true],.chant-palette-choice:hover,.chant-palette-choice:focus-visible,.chant-palette-choice[aria-pressed=true]{border-color:var(--bts-accent-ink);background:color-mix(in srgb, var(--bts-accent) 9%, white)}.chant-focus-choice[aria-pressed=true],.chant-option-grid button[aria-pressed=true],.chant-palette-choice[aria-pressed=true]{box-shadow:2px 2px 0 var(--ink)}.chant-fine-tune{border-top:1px solid var(--hairline);margin-top:.2rem}.chant-fine-tune summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:.6rem;padding:.95rem 0;font-size:.82rem;font-weight:850;list-style:none;display:flex}.chant-fine-tune summary::-webkit-details-marker{display:none}.chant-fine-tune summary>span{align-items:center;gap:.5rem;display:flex}.chant-fine-tune[open] summary>svg{transform:rotate(180deg)}.chant-fine-content{padding:.25rem 0 .1rem}.chant-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.chant-palette-choice{text-align:left;align-items:center;gap:.45rem;min-height:2.65rem;padding:.35rem .5rem;font-size:.7rem;font-weight:750;display:flex}.chant-palette-choice i{border:1px solid var(--ink);background:var(--palette-swatch);border-radius:50%;flex:none;width:1rem;height:1rem;display:block}.chant-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.chant-option-grid button{text-align:center;align-content:center;gap:.15rem;min-height:3.25rem;padding:.35rem;display:grid}.chant-option-grid button b{font-size:.73rem}.chant-option-grid button small{color:var(--ink-muted);font-size:.6rem;line-height:1.2}.chant-option-grid-three button{min-height:2.45rem}.chant-share{border:2px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 13%, white);box-shadow:4px 4px 0 var(--ink);border-radius:.9rem;margin-top:.4rem;padding:1.1rem}.chant-share-kicker{margin-bottom:.35rem}.chant-share h2{color:var(--ink);font-size:1.35rem}.chant-share p{color:var(--ink-2);margin-top:.3rem;font-size:.75rem;line-height:1.5}.chant-share-actions{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.chant-share-actions button{background:var(--ink);color:#fff;min-height:2.7rem;padding:.45rem .65rem;font-size:.72rem}.chant-share-actions button:last-child{color:var(--ink);background:#fff}.chant-share .chant-share-status{min-height:1rem;margin-top:.6rem}.chant-noscript{border:1px solid var(--ink);background:#fff;border-radius:.8rem;margin-top:1rem;padding:1rem}.chant-noscript audio{width:100%;margin-top:.7rem}.chant-story{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1rem 3rem;margin-top:4rem;padding:2rem 0;display:grid}.chant-story>div{grid-row:span 2}.chant-story h2{max-width:12ch;color:var(--ink);font-size:clamp(1.8rem,4vw,3rem);line-height:1.04}.chant-story p{max-width:65ch;color:var(--ink-2);font-size:.91rem;line-height:1.7}@keyframes chant-cheer{0%,to{transform:translate(-50%)rotate(-8deg)}50%{transform:translate(-50%)rotate(9deg)}}@keyframes chant-glow{to{opacity:.78;transform:translate(-50%)scale(1.13)}}@keyframes chant-crowd{to{opacity:1;transform:translateY(-.65rem)}}@keyframes chant-callout-in{0%{opacity:.15;transform:translateY(-43%)scale(.94)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes chant-card-in{0%{opacity:.2;transform:translateY(-43%)rotate(6deg)scale(.93)}to{opacity:1;transform:translateY(-50%)rotate(-2deg)scale(1)}}@keyframes chant-finale{to{opacity:.68;transform:translate(-50%)scale(1.18)}}@media (width<=850px){.chant-intro{grid-template-columns:1fr;gap:.85rem}.chant-intro>p:not(.chant-eyebrow){max-width:55ch}.chant-jump{grid-column:1}.chant-studio{flex-direction:column;height:calc(100dvh - 6rem);min-height:34rem;display:flex}.chant-preview-column{flex:0 0 46%;min-height:0}.chant-stage{min-height:0}.chant-stage-top,.chant-stage-bottom{font-size:.47rem;left:.85rem;right:.85rem}.chant-stage-top{top:.75rem}.chant-stage-bottom{bottom:1.2rem}.chant-lightstick{height:32%;top:11%}.chant-lightstick-glow{width:4.5rem;height:4.5rem}.chant-callout{top:64%}.chant-callout strong{min-height:2em;font-size:clamp(1.65rem,7.3vw,2.65rem)}.chant-callout-sub{margin-top:.2rem;font-size:.67rem}.chant-callout-kicker{margin-bottom:.3rem;font-size:.5rem}.chant-crowd{height:4.5rem;bottom:1.5rem}.chant-player{gap:.45rem;min-height:3.1rem}.chant-player button{min-height:2.6rem}.chant-replay{width:2.6rem}.chant-player-note{font-size:.65rem}.chant-status{min-height:0}.chant-editor{flex:1;min-height:0;max-height:none}.chant-editor-head{padding:.85rem 1rem .65rem}.chant-editor-head strong{font-size:1.25rem}.chant-editor-head p{font-size:.7rem}.chant-editor-scroll{padding:.8rem 1rem 1.4rem}.chant-story{grid-template-columns:1fr;margin-top:3rem}.chant-story>div{grid-row:auto}}@media (width<=400px){.chant-page{margin-inline:-.2rem}.chant-intro h1{font-size:clamp(2.45rem,12vw,3.25rem)}.chant-studio{gap:.8rem;min-height:40rem}.chant-preview-column{flex-basis:50%}.chant-stage-top span:first-child{max-width:9rem}.chant-stage-bottom span:last-child{display:none}.chant-player-note{max-width:8.4rem}.chant-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.chant-page *,.chant-page :before,.chant-page :after{transition:none!important;animation:none!important}}