.ap{--ap-ink:#f3ede0;--ap-soft:#f3ede0bd;--ap-line:#f3ede033;--ap-gold:#f0c46a;--ap-ground:#101318;--ap-tap:46px;color:var(--ap-ink);font:400 .9375rem/1.5 var(--f-sans);scrollbar-color:#f3ede04d transparent;position:absolute;inset:0;overflow-y:auto}.ap :focus-visible{outline-color:var(--ap-gold)}.win-body .ap svg{position:static;inset:auto;overflow:hidden}.ap p{margin:0}.ap-btn{appearance:none;min-block-size:var(--ap-tap);color:var(--ap-ink);font:500 .9375rem/1.2 var(--f-sans);cursor:pointer;background:0 0;border:1px solid #f3ede080;border-radius:999px;margin:0;padding:10px 18px;transition:background-color .16s,border-color .16s}.ap-btn:hover{border-color:var(--ap-ink);background:#f3ede014}.ap-band{align-items:center;gap:var(--sp-4);isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-block-size:clamp(220px,52cqi,320px);padding:clamp(18px,4cqi,32px);display:grid;position:relative}.ap-stage{z-index:-2;position:absolute;inset:0;overflow:hidden}.ap-stage picture{position:absolute;inset:0}.ap-stage img{object-fit:cover;object-position:62% 30%;width:100%;height:100%;display:block}.ap-canvas{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.ap-canvas.live{opacity:1}.ap-statue{align-self:start;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;grid-area:2/1;display:flex}.ap-statue .ap-btn[aria-disabled=true]{cursor:progress}.ap-statue-note{color:var(--ap-soft);font-size:.8125rem}.ap-statue-note:empty{position:absolute}.ap-band:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--ap-ground) 46%,#10131899 72%,#10131833),linear-gradient(0deg,var(--ap-ground),transparent 30%);position:absolute;inset:0}.ap-hero{align-self:end;gap:var(--sp-2);grid-area:1/1;max-width:30ch;display:grid}.ap-kicker{font:500 .75rem/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ap-gold)}.ap-title{font:400 clamp(1.6rem,4.4cqi,2.2rem)/1.06 var(--f-display);letter-spacing:-.01em;text-wrap:balance}.ap-lede{color:var(--ap-soft);text-wrap:pretty;font-size:.875rem}.ap-ring{aspect-ratio:2;grid-area:1/2/span 2;justify-self:center;inline-size:100%;max-inline-size:300px;position:relative}.ap svg.ap-orbit{aspect-ratio:1;fill:none;width:100%;height:auto;stroke:var(--ap-gold);stroke-opacity:.55;stroke-width:1.2px;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)rotateX(72deg)}.ap-letter{inline-size:var(--ap-tap);block-size:var(--ap-tap);color:var(--ap-ink);font:400 1.375rem/1 var(--f-display);cursor:default;background:#101318e0;border:1px solid #f0c46a8c;border-radius:50%;place-items:center;margin:0;padding:0;transition:border-color .16s;display:grid;position:absolute}.ap-letter:hover,.ap-letter:focus-visible{border-color:var(--ap-gold)}.ap-tip{z-index:3;border:1px solid var(--ap-line);background:var(--ap-ground);inline-size:max-content;max-inline-size:min(260px,90cqi);color:var(--ap-soft);text-align:center;border-radius:10px;gap:2px;padding:8px 12px;font-size:.8125rem;line-height:1.4;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}.ap-tone{font:400 .875rem/1.4 var(--f-mono);color:var(--ap-ink)}.ap-flow,.ap-checks,.ap-kestrel{border-top:1px solid var(--ap-line);margin:0;padding:clamp(16px,3.5cqi,28px)}.ap-tabs{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:6px;display:flex}.ap-tabs [role=tab]{appearance:none;min-block-size:var(--ap-tap);border:1px solid var(--ap-line);color:var(--ap-soft);font:500 .875rem/1.2 var(--f-sans);cursor:pointer;background:0 0;border-radius:999px;margin:0;padding:8px 14px;transition:color .16s,border-color .16s,background-color .16s}.ap-tabs [role=tab]:hover{color:var(--ap-ink);border-color:#f3ede080}.ap-tabs [aria-selected=true]{color:var(--ap-ground);background:var(--ap-ink);border-color:var(--ap-ink)}.ap-tabs [aria-selected=true]:hover{color:var(--ap-ground)}.ap-step{gap:var(--sp-4);border-radius:4px;display:grid}.ap-step>p{text-wrap:pretty;max-width:60ch}.ap-art{margin:0}.ap-plan{border-collapse:collapse;inline-size:100%;font-size:.875rem}.ap-plan caption{caption-side:top;text-align:left;padding-bottom:var(--sp-2);font:400 1.125rem/1.3 var(--f-display)}.ap-plan th,.ap-plan td{border-bottom:1px solid var(--ap-line);text-align:left;padding:6px 10px 6px 0;font-weight:400}.ap-plan thead th{color:var(--ap-soft);font-size:.8125rem}.ap-plan td{font-family:var(--f-mono);font-size:.8125rem}.ap .ap-chords{margin-top:var(--sp-3);font:400 .8125rem/1.5 var(--f-mono);color:var(--ap-soft)}.ap-stave{gap:var(--sp-2);margin:0;display:grid}.ap-stave figcaption{color:var(--ap-soft);font-size:.8125rem}.ap-stave figcaption b{color:var(--ap-ink);font-weight:500}.ap-staff{block-size:auto;inline-size:100%;max-inline-size:420px;display:block}.ap-parts{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.ap-pair{align-items:center;gap:var(--sp-3);display:flex}.ap-pair .ap-staff{block-size:84px;inline-size:auto;max-inline-size:none}.ap .ap-arrow{fill:none;width:28px;height:14px;stroke:var(--ap-gold);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ap-said{max-width:52ch;color:var(--ap-soft);text-wrap:pretty;margin-top:4px;display:block}.ap-checks{gap:var(--sp-4);display:grid}.ap-h{font:400 1.375rem/1.2 var(--f-display)}.ap-list{gap:var(--sp-2) var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));margin:0;padding:0;list-style:none;display:grid}.ap-list li{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-direction:row-reverse;font-size:.875rem;display:flex}.ap .ap-mark{fill:none;width:18px;height:18px;stroke:var(--ap-soft);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ap-list [data-state=idle] .ap-mark{stroke-dasharray:2 2.4}.ap-list [data-state=pass] .ap-mark{stroke:var(--ap-gold)}.ap-list [data-state=fail] .ap-mark{stroke:#f2a38c}.ap-list [data-state=fail]{color:#f2a38c}.ap-act{align-items:center;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;display:flex}.ap-status{font:500 .875rem/1.4 var(--f-sans);color:var(--ap-soft)}.ap-status[data-state=ready]{color:var(--ap-gold)}.ap-status[data-state=refused]{color:#f2a38c}.ap-kestrel{gap:var(--sp-3);justify-items:start;display:grid}.ap-sheet{background:#f3ede0;border-radius:8px;inline-size:100%;padding:clamp(8px,2cqi,16px)}.ap-sheet img{block-size:auto;inline-size:100%;display:block}.ap-transport{align-items:center;gap:var(--sp-3);flex-wrap:wrap;inline-size:100%;display:flex}.ap-play{appearance:none;inline-size:var(--ap-tap);block-size:var(--ap-tap);color:var(--ap-ink);cursor:pointer;background:0 0;border:1px solid #f3ede080;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid}.ap-play[aria-pressed=true]{background:var(--ap-ink);color:var(--ap-ground)}.ap .ap-play svg{fill:currentColor;width:18px;height:18px}.ap-seek{min-inline-size:0;block-size:var(--ap-tap);accent-color:var(--ap-gold);cursor:pointer;flex:140px;margin:0}.ap-time{font:400 .8125rem/1 var(--f-mono);color:var(--ap-soft);font-variant-numeric:tabular-nums;flex:none}.ap-error{color:#f2a38c;flex-basis:100%;font-size:.875rem}.ap-error:empty{position:absolute}@container (width<=520px){.ap-band{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.ap-hero,.ap-statue,.ap-ring{grid-area:auto/1}.ap-band:before{background:linear-gradient(#101318e6,#101318d6 55%,#10131859)}.ap-ring{max-inline-size:260px;margin-block-end:var(--sp-6)}}@media (prefers-reduced-motion:reduce){.ap-btn,.ap-letter,.ap-tabs [role=tab],.ap-canvas{transition:none}}