body:has(.musicbox){overscroll-behavior:none;background:#1d140f;margin:0;overflow:hidden}.musicbox{--wood:#1d140f;--cream:#f1e6cc;--cream-soft:#f1e6ccad;--brass:#c9a35b;--brass-deep:#8a6a2e;--ink:#2a1b12;--face:var(--font-musicbox,"Cormorant Garamond", Garamond, Georgia, serif);color:var(--cream);font-family:var(--face);background:var(--wood);-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.35;position:fixed;inset:0;overflow:clip}.musicbox .bench{touch-action:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.musicbox .label{pointer-events:none;position:absolute;top:clamp(14px,3vh,34px);left:clamp(16px,3vw,40px)}.musicbox .label a{pointer-events:auto}.musicbox .home{letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft);font-size:13px;font-weight:600;text-decoration:none}.musicbox .home:hover,.musicbox .home:focus-visible{color:var(--brass)}.musicbox h1{letter-spacing:-.01em;color:#f4e9cf;margin:.1em 0 0;font-size:clamp(34px,4.4vw,58px);font-style:italic;font-weight:500;line-height:1}.musicbox .dek{color:var(--cream-soft);margin:.35em 0 0;font-size:clamp(15px,1.4vw,19px)}.musicbox .cue{color:var(--cream);pointer-events:none;align-items:flex-end;gap:2px;margin:0;font-size:19px;font-style:italic;animation:2.4s ease-in-out infinite musicbox-cue;display:flex;position:absolute;top:0;left:0;transform:translate(-100%,-100%)}.musicbox .cue[hidden]{display:none}.musicbox .cue.right{flex-direction:row-reverse;transform:translateY(-100%)}.musicbox .cue.right svg{scale:-1 1}.musicbox .cue svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:38px;height:38px}@keyframes musicbox-cue{50%{translate:4px 3px}}@media (prefers-reduced-motion:reduce){.musicbox .cue{animation:none}}.musicbox .note{color:var(--cream);opacity:0;pointer-events:none;white-space:nowrap;background:#140d09b8;border:1px solid #c9a35b59;border-radius:999px;margin:0;padding:.3em .9em;font-size:16px;font-style:italic;transition:opacity .4s;position:absolute;top:clamp(16px,3.4vh,38px);left:50%;translate:-50%}.musicbox .note.on{opacity:1}.musicbox .drawer{box-sizing:border-box;background:linear-gradient(#2b1e16,#21170f);border:1px solid #c9a35b4d;border-radius:12px;align-items:center;gap:4px;max-width:calc(100vw - 20px);padding:5px;display:flex;position:absolute;bottom:clamp(10px,2.2vh,24px);left:50%;translate:-50%;box-shadow:inset 0 1px #ffe6b414,0 10px 30px #00000073}.musicbox .drawer button,.musicbox .pop button{font:inherit;color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:.32em .7em;font-size:16px;font-weight:600}.musicbox .drawer button:hover,.musicbox .drawer button:focus-visible{background:#f1e6cc14;border-color:#c9a35b59;outline:none}.musicbox .drawer button[aria-pressed=true]{color:#f7d998}.musicbox .turn{align-items:center;gap:.45em;display:inline-flex}.musicbox .lamp{background:#4c3a2a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #0006}.musicbox .turn[aria-pressed=true] .lamp{background:#ffc867;box-shadow:0 0 8px #ffb840}.musicbox .rule{background:#c9a35b40;align-self:stretch;width:1px;margin:4px 3px}.musicbox .tempo{align-items:center;gap:6px;padding:0 4px;display:inline-flex}.musicbox .tempo input{width:92px;accent-color:var(--brass)}.musicbox .tempo output{font-variant-numeric:tabular-nums;min-width:2.2em;color:var(--cream-soft);font-size:15px}.musicbox .about{width:2em;font-style:italic;padding-inline:0!important}.musicbox .vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.musicbox .pop{box-sizing:border-box;max-width:min(460px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);font-family:var(--face);background:#f1e6cc;border:0;border-radius:3px;margin:auto;padding:22px 26px 24px;font-size:17px;line-height:1.42;overflow:auto;box-shadow:0 24px 60px #0000008c}.musicbox .pop::backdrop{background:#0c080573}.musicbox .pop h2{margin:0 0 .5em;font-size:27px;font-style:italic;font-weight:500;line-height:1.1}.musicbox .pop h3{letter-spacing:.16em;text-transform:uppercase;color:#8c3f2b;margin:1.1em 0 .3em;font-size:13px;font-weight:700}.musicbox .pop p{margin:0 0 .7em}.musicbox .pop ul{margin:0;padding-left:1.1em}.musicbox .pop li{margin:.2em 0}.musicbox #mb-tunes ul{padding:0;list-style:none}.musicbox #mb-tunes button{width:100%;color:var(--ink);text-align:left;border-bottom:1px dashed #8c3f2b59;border-radius:3px;flex-direction:column;align-items:flex-start;gap:1px;padding:.55em .75em;display:flex}.musicbox #mb-tunes button:hover,.musicbox #mb-tunes button:focus-visible{background:#8c3f2b14;outline:none}.musicbox #mb-tunes .name{font-size:21px;font-style:italic;font-weight:600}.musicbox #mb-tunes .by{color:#2a1b12b3;font-size:15px;font-weight:500}@media (width<=760px){.musicbox .drawer{flex-wrap:wrap;justify-content:center;gap:2px;width:calc(100vw - 20px)}.musicbox .drawer .rule{display:none}.musicbox .drawer button{padding:.3em .55em;font-size:15px}.musicbox .tempo input{width:76px}}