@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..500;1,6..96,400&family=Instrument+Sans:wght@400;500&family=Italianno&display=swap";:root{--paper:#f4e0e4;--ivory:#faf2e9;--ivory-dim:#efe3d6;--case:#ecc3ce;--case-deep:#dda9b9;--rose:#d59aab;--rose-deep:#c0819a;--plum:#7d5464;--brass:#cfae74;--brass-deep:#a98b57;--red:#b8323f;--ink:#6b3a49;--ink-70:#6b3a49b3;--ink-45:#6b3a4973;--ink-25:#6b3a4940;--ink-12:#6b3a491f;--script:"Italianno", "Segoe Script", cursive;--display:"Bodoni Moda", "Didot", Georgia, serif;--sans:"Instrument Sans", system-ui, "Segoe UI", sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font:400 17px/1.55 var(--sans);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--paper);background-image:radial-gradient(#6b3a491a .8px,#0000 .9px),radial-gradient(2.5rem 1.6rem at 18% 24%,#cfae741f,#0000 70%),radial-gradient(1.8rem 2.2rem at 76% 68%,#cfae741a,#0000 70%),radial-gradient(1.2rem 1.2rem at 62% 15%,#cfae7417,#0000 70%),radial-gradient(95% 75% at 50% -5%,#fffaf6b8,#0000 62%),radial-gradient(120% 90% at 50% 118%,#c0819a2e,#0000 65%);background-size:5px 5px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;min-height:100svh;margin:0}body:after{content:"";z-index:90;pointer-events:none;background-image:var(--grain);mix-blend-mode:multiply;opacity:.16;background-size:180px 180px;position:fixed;inset:0}h1,h2{margin:0;font-weight:400}p{margin:0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--rose);color:var(--ivory)}:focus-visible{outline:2px solid var(--ink-70);outline-offset:3px}.parlour{place-items:center;min-height:100svh;padding:clamp(1.5rem,5vw,3rem) 1.25rem;display:grid;position:relative;overflow:hidden}.motes{pointer-events:none;position:absolute;inset:0}.mote{scale:var(--s);mix-blend-mode:multiply;animation:adrift calc(var(--d) * 1.35) var(--delay) ease-in-out infinite;position:absolute}.mote--heart{width:2.6rem;height:2.6rem;fill:var(--rose);opacity:.14;filter:blur(.4px)}.mote--red{fill:var(--red);opacity:.42;filter:none}.mote--ring{border:1px solid var(--rose);opacity:.3;border-radius:50%;width:5.5rem;height:5.5rem}.mote--disc{background:var(--rose);opacity:.16;border-radius:50%;width:1.4rem;height:1.4rem}.halo{aspect-ratio:1;mix-blend-mode:multiply;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.halo--outer{border:1px dashed var(--rose);opacity:.32;width:min(46rem,92vw);animation:120s linear infinite turnslow}.halo--inner{border:1px solid var(--rose);opacity:.2;width:min(38rem,78vw)}@keyframes turnslow{to{rotate:360deg}}@keyframes adrift{0%,to{translate:0;rotate:-5deg}50%{translate:0 -2.4rem;rotate:5deg}}.piano{z-index:1;border:1px solid var(--ink-25);width:min(37rem,100%);color:var(--ink);background-color:var(--case);background-image:repeating-linear-gradient(92deg,#6b3a490b 0 1px,#0000 1px 7px),radial-gradient(120% 85% at 50% -8%,#fffcf9bf,#0000 62%),radial-gradient(100% 70% at 50% 112%,#c0819a47,#0000 68%);border-radius:16px 16px 10px 10px;padding:1.6rem 1.6rem 1.4rem;animation:1.1s cubic-bezier(.22,1,.36,1) both settle;position:relative;rotate:-.3deg;box-shadow:inset 0 1px #fffcf9cc,inset 0 -2px 10px #c0819a40,0 26px 44px -30px #6b3a4973}@keyframes settle{0%{opacity:0;rotate:-1deg;scale:.985}}.screw{background:radial-gradient(circle at 35% 30%, #e6cd9a, var(--brass) 72%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 0 0 1px #6b3a494d}.screw:before{content:"";background:#6b3a4966;height:1px;position:absolute;inset:45% 18% auto;rotate:-28deg}.screw--tl{top:9px;left:9px}.screw--tr{top:9px;right:9px}.screw--bl{bottom:9px;left:9px}.screw--br{bottom:9px;right:9px}.foot{background:linear-gradient(#e0c48c, var(--brass-deep));clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);opacity:.85;width:3.4rem;height:1.05rem;position:absolute;bottom:-1rem}.foot--left{left:14%}.foot--right{right:14%}.lid{text-align:center;border-bottom:1px solid var(--ink-12);padding:.35rem 2.5rem 1.15rem}.maker{font-family:var(--script);color:var(--plum);text-shadow:0 1px #fffcf9cc;font-size:clamp(2.7rem,9vw,3.8rem);line-height:.9}.plate{font-family:var(--display);color:var(--ink);margin-top:.5rem;font-size:clamp(1rem,3.2vw,1.3rem);font-style:italic;line-height:1.2}.plate__sub{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-70);margin-top:.6rem;font-size:.6rem;font-style:normal;display:block}.note{text-align:center;font-family:var(--display);color:var(--ink);padding:1.05rem .25rem 1.15rem;font-size:clamp(.95rem,2.6vw,1.1rem);font-style:italic;line-height:1.4;animation:.8s both fade}@keyframes fade{0%{opacity:0;translate:0 -.3rem}}.note__mark{border-left:1px solid var(--ink-25);color:var(--rose-deep);margin-left:.7rem;padding-left:.7rem;animation:.5s both fade;display:inline-block}.keyboard{background:linear-gradient(#c0819a6b,#c0819a3d);border-radius:8px;padding:.6rem .6rem .75rem;position:relative;box-shadow:inset 0 2px 5px #6b3a4933}.keyboard__whites{gap:2px;display:flex}.key{border:1px solid var(--ink-25);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:400 .55rem/1 var(--sans);padding:0;transition:translate 90ms,filter .16s}.key__letter{text-transform:uppercase;opacity:.3;font-size:.5rem;display:block}.key--white{height:clamp(6.5rem,22vw,8.5rem);color:var(--ink-70);background:linear-gradient(var(--ivory) 68%, var(--ivory-dim) 100%);border-radius:2px 2px 6px 6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:.6rem;display:flex;box-shadow:inset 0 -5px 6px -5px #6b3a4940,0 2px #6b3a4929}.key--black{width:calc(100% / var(--whites,15) * .62);color:#faf2e9d9;background:linear-gradient(#9a7180 55%, var(--plum) 100%);border-color:#0000;border-radius:2px 2px 6px 6px;justify-content:center;align-items:flex-end;height:clamp(4rem,13.5vw,5.2rem);padding-bottom:.45rem;display:flex;position:absolute;top:.6rem;translate:-50%;box-shadow:0 2px #6b3a494d}.key:hover{filter:brightness(1.03)}.key--white.is-struck,.key--white:active{background:linear-gradient(#fffaf4 60%, var(--ivory-dim) 100%);translate:0 2px;box-shadow:inset 0 -3px 5px -3px #6b3a4947}.key--black.is-struck,.key--black:active{box-shadow:none;background:linear-gradient(#ab8391 55%,#8b6070 100%);translate:-50% 2px}.controls{align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.crank,.hush{border:1px solid var(--ink-25);font:400 .66rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:6px;transition:background-color .2s,translate .11s}.crank{color:var(--ink);background:linear-gradient(#f0dcae, var(--brass));align-items:center;gap:.6rem;padding:.75rem 1.1rem;display:flex;box-shadow:0 1px #6b3a4933}.crank:active{box-shadow:none;translate:0 2px}.crank[aria-busy=true]{cursor:progress;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{filter:brightness(.94)}}.crank__arm{border:1.5px solid var(--ink-70);border-radius:50%;width:.95rem;height:.95rem;position:relative}.crank__arm:after{content:"";background:var(--ink-70);transform-origin:top;width:1px;height:.55rem;position:absolute;top:50%;left:50%;translate:-50%}.crank.is-winding .crank__arm{animation:2.4s linear infinite turn}@keyframes turn{to{rotate:360deg}}.hush{color:var(--ink-70);background:#faf2e98c;margin-left:auto;padding:.75rem .9rem}.hush[aria-pressed=true]{color:var(--ink-45);text-decoration:line-through}.hush:hover,.crank:hover{filter:brightness(1.04)}.fineprint{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-70);margin-top:1.05rem;font-size:.58rem}.nextdoor{color:var(--plum);border-bottom:1px solid var(--ink-25);padding-bottom:.2rem;text-decoration:none;transition:color .2s,border-color .2s}.nextdoor:hover{color:var(--red);border-bottom-color:var(--rose-deep)}@media (width<=430px){.piano{padding:1.15rem 1rem 1.1rem}.lid{padding-inline:1rem}.controls{flex-wrap:wrap}.hush{margin-left:0}.key__letter{display:none}}@media (prefers-reduced-motion:reduce){.mote,.halo--outer,.piano,.note,.crank.is-winding .crank__arm{animation:none}.key{transition:none}}:root[data-room=succession]{--paper:#0a0908;--ivory:#ece4d2;--ivory-dim:#cdc2ab;--brass:#a8862f;--brass-lit:#e6c476;--oxblood:#7c2a26;--slate:#6d838f;--ink:#ece4d2;--ink-70:#ece4d2a8;--ink-45:#ece4d26b;--ink-25:#ece4d233;--ink-12:#ece4d217;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}:root[data-room=succession] body{background-color:var(--paper);background-image:radial-gradient(#ece4d20b .8px,#0000 .9px),radial-gradient(90% 60% at 50% -10%,#a8862f38,#0000 70%),radial-gradient(110% 80% at 50% 115%,#7c2a2629,#0000 68%);background-size:5px 5px,100% 100%,100% 100%}:root[data-room=succession] body:after{mix-blend-mode:soft-light;opacity:.4}:root[data-room=succession] ::selection{background:var(--brass);color:#0a0908}.dynasty{flex-direction:column;align-items:center;gap:1.1rem;width:min(68rem,100%);min-height:100svh;margin-inline:auto;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem) 3rem;display:flex;position:relative}.drapes{z-index:0;pointer-events:none;background:radial-gradient(65% 55% at 50% 42%,#0000 40%,#060505b8 100%),radial-gradient(34rem 20rem at 50% 0,#e6c47612,#0000 70%);position:fixed;inset:0}.dynasty>:not(.drapes){z-index:1;width:100%;position:relative}.titles{text-align:center;margin-bottom:.4rem}.card{letter-spacing:.42em;text-transform:uppercase;color:var(--brass);font-size:.58rem}.wordmark{font-family:var(--display);letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;color:var(--ivory);background:linear-gradient(175deg, #fff6e2 8%, var(--brass-lit) 42%, var(--brass) 74%, #7d6122 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .7rem;font-size:clamp(2.4rem,10vw,5.2rem);font-weight:500;line-height:.95}.byline{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-45);font-size:.62rem}.reel{border:1px solid var(--ink-12);background:linear-gradient(#ece4d209,#00000040),#100e0c;border-radius:4px;padding:.7rem .75rem .85rem;box-shadow:inset 0 1px #ece4d20f,0 18px 40px -28px #000}.reel__bars{letter-spacing:.2em;color:var(--ink-25);margin-bottom:.45rem;font-size:.55rem;display:flex}.reel__bars span{border-left:1px solid var(--ink-12);flex:1;padding-left:.35rem;transition:color .24s}.reel__bars span.is-here{color:var(--brass-lit)}.roll{width:100%;height:clamp(9rem,27vw,15rem);display:block;overflow:hidden}.roll__bar{stroke:#ece4d217;stroke-width:1px}.roll__note{fill:var(--tint);opacity:.62}.roll__note--b{--tint:#a1462f}.roll__note--o{--tint:#6b5a30}.roll__note--c{--tint:var(--slate)}.roll__note--m{--tint:#d9b45f}.roll__note.is-lit{fill:#fdf3dc;opacity:1}.roll__head line{stroke:var(--brass-lit);stroke-width:1px;opacity:.85}.readout{text-align:center;flex-direction:column;align-items:center;gap:.35rem;min-height:4.6rem;padding-top:.9rem;animation:.7s both rise;display:flex}@keyframes rise{0%{opacity:0;translate:0 -.25rem}}.readout__where{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-45);font-size:.6rem}.readout__pass{color:var(--brass)}.readout__chord{font-family:var(--display);color:var(--brass-lit);font-size:clamp(1.5rem,5vw,2.1rem);line-height:1}.readout__gloss{font-family:var(--display);color:var(--ink-70);font-size:clamp(.9rem,2.4vw,1.05rem);font-style:italic}.transport,.voices{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.take,.switch,.voice{border:1px solid var(--ink-25);font:400 .64rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:3px;transition:background-color .22s,border-color .22s,color .22s,translate .11s}.take{color:#14100a;background:linear-gradient(#f0d795, var(--brass));border-color:#0000;padding:.85rem 1.5rem;box-shadow:0 1px #00000080}.take.is-running{color:var(--brass-lit);border-color:var(--brass);box-shadow:none;background:0 0}.take:active{box-shadow:none;translate:0 1px}.switch{color:var(--ink-45);background:0 0;padding:.85rem 1.1rem}.switch[aria-pressed=true]{color:var(--ivory);border-color:var(--ink-45)}.voices{margin-top:.2rem}.voice{color:var(--ivory-dim);background:0 0;align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.voice__swatch{background:var(--tint);border-radius:1px;width:.7rem;height:.7rem;transition:background-color .22s}.voice--b{--tint:#a1462f}.voice--o{--tint:#6b5a30}.voice--c{--tint:var(--slate)}.voice--m{--tint:#d9b45f}.voice.is-off{color:var(--ink-25);border-color:var(--ink-12)}.voice.is-off .voice__swatch{background:var(--ink-12)}.grand{background:linear-gradient(#241f1b,#0d0b0a);border-radius:3px;margin-top:.6rem;box-shadow:inset 0 1px #ece4d212,0 26px 50px -34px #000}.grand__lid{background:linear-gradient(#2c2622,#191512);border-bottom:1px solid #0009;justify-content:space-around;height:.85rem;display:flex}.grand__hinge{background:linear-gradient(var(--brass), #6b5423);opacity:.65;border-radius:1px;width:2.4rem;height:.35rem;margin-top:.25rem}.grand__well{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink-12) transparent;padding:.75rem;overflow-x:auto}.dynasty .keyboard{background:linear-gradient(#000,#171310);border-radius:3px;min-width:48rem;padding:.5rem .5rem .65rem;position:relative;box-shadow:inset 0 2px 6px #000c}.dynasty .keyboard__whites{gap:1px;display:flex}.dynasty .key{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:400 .5rem/1 var(--sans);border:1px solid #00000080;padding:0;transition:translate 80ms,filter .14s}.dynasty .key__letter{text-transform:uppercase;opacity:.28;font-size:.45rem;display:block}.dynasty .key--white{color:#3a332a;background:linear-gradient(#f6efdf 70%,#d9cfba 100%);border-radius:1px 1px 3px 3px;flex:1;justify-content:center;align-items:flex-end;height:clamp(5rem,11vw,7rem);padding-bottom:.45rem;display:flex;box-shadow:inset 0 -4px 5px -4px #0006,0 2px #0000008c}.dynasty .key--black{width:calc(100% / var(--whites,43) * .6);color:#ece4d2b3;background:linear-gradient(#3a332c 55%,#100d0b 100%);border-color:#0000;border-radius:1px 1px 3px 3px;justify-content:center;align-items:flex-end;height:clamp(3.1rem,7vw,4.4rem);padding-bottom:.35rem;display:flex;position:absolute;top:.5rem;translate:-50%;box-shadow:0 2px #000000b3}.dynasty .key:hover{filter:brightness(1.06)}.dynasty .key--white.is-struck,.dynasty .key--white.is-pressed,.dynasty .key--white:active{background:linear-gradient(#fff9e8 55%, var(--brass-lit) 100%);translate:0 2px;box-shadow:inset 0 -3px 5px -3px #00000059}.dynasty .key--black.is-struck,.dynasty .key--black.is-pressed,.dynasty .key--black:active{background:linear-gradient(var(--brass) 45%, #5f4a1c 100%);box-shadow:none;translate:-50% 2px}.colophon{text-align:center;max-width:34rem;color:var(--ink-45);flex-direction:column;gap:.7rem;margin:1.6rem auto 0;font-size:.78rem;line-height:1.7;display:flex}.colophon em{color:var(--ink-70);font-style:italic}.colophon__doors{flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem;display:flex}.doorway{color:var(--brass);border-bottom:1px solid var(--ink-12);letter-spacing:.08em;padding-bottom:.15rem;text-decoration:none;transition:color .2s,border-color .2s}.doorway:hover{color:var(--brass-lit);border-bottom-color:var(--brass)}@media (prefers-reduced-motion:reduce){.readout{animation:none}}