@font-face{font-family:Tesse Accidentals;font-style:normal;font-weight:400;font-display:block;src:url(data:font/woff2;base64,d09GMgABAAAAAAMkABEAAAAABnwAAALIAAIAxQAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBw8BmA/U1RBVC4ANBEICoF4gWQBNgIkAxALCgAEIAWEPgcgFyQYChs1BSAeg23LOeZ0mEMRQ0QZYT/6EVRr//bs7QshSyRQ0V9FgyV0DDZcPuwI3/D7y/ePSINO/gd4MN59DW2rELJCW4Ti0kpccf4fnaofy+bHrGOKyNi2KGDhYGx3AFawQHsA1TZoQQpUQO+7WStbZF3X7ncJ1AAkgUIIVNNCJWTk6JoWwJGhHOAiD+HHHCVbsQ+fAYaVq+btjNdsH53GG5eRc2VHCUIuZsb2DFJF6gBM4OFjMXsMJ/xQK8dMqc+Al06znWDp9d8D4N9JfkBAapKeoA2aEKoINICgBdqeNRMkwkBSIElxkHQNJBRogC7QAEMbQJYFnbaU02lT+et9ECBEudoggyooYQJgJQAyICSpdZXcIo8r8XOzox8/xrMrZOUUb/WZqfLxl792Gxx4lr2/xxuMlhLfnNw2B2mZhbREOzJ8jBaSF4btml0GO7bvoEk7ci5cKi4TNmodHdic/0Y41Kpn1Bubd3LYXwJozw79DFjR9XlB+Ofsuvrzdd7++/PBXnXLzP8QWK7M6XXtqd5HW6hWG8iIDQ/oWXD+7+J96+8GIJDc/7Q38rRfHPzGoRfv4dm3Z28A3n6++Aj6l4vie6oDVJJAUKYgzXUgOQYI4mdj0hfddGwVR+rKAUHWJkg57FXVdnSRq+IIKoR2ziGp5QYURvqErF/UgZJmMRwq6RULlVoGRcXHR1YjbhkBKliCmzRuAknGzsrOTqbFhFEydSASJNMAB00ZNYwkE0MhTYBwBBmdCSRSAcEPhRo3iTSBMsRiGDQLNRf0l2OgOSQCirBk1hBoBkGfONts0BxCKbrdosmocZQZg3B2FlZWDgEZ9eplBALZWIZ9zK1p2n4yOtpmFI4wCZojc5EWk5c/3e0Iw3CTCkgEC8KkGRYQbhyqXlqNdqPFi+lEtUw/3486kK//BfT3FPt/1bOevyGKXPpfLGdnsR8A)format("woff2");unicode-range:U+266D-266F;size-adjust:115%}@font-face{font-family:Tesse Accidentals;font-style:normal;font-weight:600;font-display:block;src:url(data:font/woff2;base64,d09GMgABAAAAAAM8ABEAAAAABqwAAALfAAIAxQAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBw8BmA/U1RBVCoANBEICoF0gWMBNgIkAxALCgAEIAWEeAcgFyQYChtqBQAeg23z6Tgen0SOcAQQthGtuYuH7/cHnXv/WwhJcASYdjbuZsZ1BUMHlTRdmk/n/oKYHmphMrNU7Bp9dCsrPqv5xjLAN8l/TsqfP5fu25oS89mERjrhtCoaD2eH18AneECHkWIt2sB2oHbfVhTXKwX7/L0E6gNSoBICdbXnAJs0JT0faCnwHyBHGyaU+iK4SkFJgPdqgsNFWkcRYmlzDSPrtxeRSzU/ixtyt3DAzPljKTwSKXacpVPnZiWBfXepO1I//3sK/igZCgjIjnmJzlSEUFugOQztqexYJ2AwNaSAqJvzASQqNKcq0JyazoCiCLps+48uW/57GQyE+E8jUEBt1MBMwCoAFEBI2am2WvsSUkO39Di+tmV7tA9r7NRpuu7mPPdWr/nArifThq/ULYj8GrrmlcJ5WL4dR9GidFHycZ3wVYNnPrh+bPrE+Lfdjy+stmrzzdg6zYHrmtjbxeNncHhcxcQxYQfwcb3vxpLIZOWNJWnna7vC7yhHan6/f0kvYYXPLR4lqPDrTd6pHH06affSnvxK37tKL8EoppP2uYPz5tO7B/cGIJCuPnfM7FtlGP5VS7X6DE++Pn8A+PixMAe8/8P4nXmAmhIETxTk/Ayc9wxB+SVaVkYZHyJ4pxd/GIrOVfrjTvUdoCpKHRwDbAiDdENq6AFUpnifLnlQQ9twhZr6RSQ0NCRk0JhzDOtNGMWpIYr68SyOurF/diJEToEixCfAgHCBcDgonwAByoQwECgbBREh1GFAMVgMAYRCgzwJMBhytFABAvAJMQRYtfzVQaQCyCAMhAeRYdAC0BSkaiESNK+Tu3lqyNCWi7YPEbVQLJ+mXi4CH0uiBgXnL1CgYGGSZMmSJKy2Tf3I3A8VthSa8L5TEMZarX9/alpd93051TT/c2oJ/44+GF+ALInS9aI/YUXum8aqlOX/4b4fjWFf/tVX/Uy1/ef8muM/GIue/Fc1FM+KBQAA)format("woff2");unicode-range:U+266D-266F;size-adjust:115%}@font-face{font-family:Tesse Accidentals;font-style:normal;font-weight:700;font-display:block;src:url(data:font/woff2;base64,d09GMgABAAAAAAMkABEAAAAABmgAAALGAAIAxQAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBw8BmA/U1RBVCoANBEICoF0gWQBNgIkAxALCgAEIAWEMgcgFyQYChslBQAeg23LOeJCzCGqDlFG7ff6EVRrZM/cPoIKMUpAdGRfyFQsGfEVxw7Ykyb+a7/29s7RZLKHykIy9S98OauIVhNteLdIZUg2neL8H7qc/tlvflxb6YXnoBf8x7dRCSQY0Fwa2LbEAgpQ050yyllE3ov/7xJoBqRAJQQa9eMMLVuRWQgqBf4H1HCzhJNPw/uMPAW++5t0xKlDfFMHdbxOZLrOAnSptubNErInNwNrffLYicQqgVxk68qNOSmwMIL2ZOVPfx/An5LhQEAOyccYRCKEeoFuCP1ILh1qFZEMKSCashcgUaGbVKCbzCCgKIIRp/4z4sT/NyOAQIj/tYEC6lGDtcB+AAogpBxYX/qV2TVNZc7N82uH8Xl07bpJT69t8f676fATuPo8deXOpCgKa0xtKsWbUGFeRAkxU5hC2CQ86ea9V3RkJ1bWbqUcfJxZ2f6ZW7/8Mo09muCj8bOYviCh5mrbiOHzQc9teXKJ4bai4PaZIqcUgb63fRV+xgrfc1xnqPCfLdFTYRvFXZW++kq/i0pvY6XXdnEvFbrrTvd8vRsAAunegvxvTY1l5FeVtPoIz7++vAO8/3S4Dx7/PeJfFkNqJQjeKM3NFcAYIXgFZXVU2MUDPHI0PwjFIF26carRZVJRGnAD5EIYYkZI9e4KlQUehGJcFKFGn5gk1BoVa/hWM+KsIYrmuBM09f28BKxORrw2LVqJMCIYQWCFWjXBsrFELCwXj9WuSQMRFkdL1IrFE2DefTxRqoJwQYIMtJ1upVUvUAMWLQjDXzZjMUSCIAIjWj0WReAzuV6gDkPI2nVBPKuNiEDBURkqQoocLwVWj5h2aBwgw85KsF0s1oQnaMNiYNNHMrH7jm4naMBr00kkCCRoQwnE4rUIkiNZphJNr1RIBdP/EN+PdujLv2bpR6qzP6tql/8eFI38V4lFU50FAAAA)format("woff2");unicode-range:U+266D-266F;size-adjust:115%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f2ea;--color-surface:#fffaf3;--color-text:#1f1a17;--color-text-muted:#6b625b;--color-border:#e3d9cc;--color-accent:#a8492a;--color-accent-contrast:#fffaf3;--color-ok:#2f7d4f;--color-waiting:#b07b16;--color-error:#b3261e;--color-focus:#1f6fb2;--color-accent-soft:#f3dfd3;--color-surface-sunk:#f1e9dd;--color-key-white:#fffdf9;--color-key-black:#2a2420;--color-key-edge:#d6cabb;--color-realm-1:#7f6aa8;--color-realm-2:#c27c2c;--color-realm-3:#3f8a7a;--color-realm-4:#b5576e;--color-realm-none:#b9ada0;--shadow-card:0 1px 2px #3c28140f, 0 4px 16px #3c28140d;--font-sans:"Tesse Accidentals", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Tesse Accidentals", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:"Tesse Accidentals", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-display:clamp(3rem, 12vw, 6rem);--text-xs:.75rem;--text-xl:clamp(1.75rem, 6vw, 2.5rem);--text-degree:clamp(1.25rem, 5vw, 1.9rem);--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--radius:.75rem;--measure:40rem;--measure-wide:76rem;--header-h:3.5rem;--touch:2.75rem;--sky-deep:#03050d;--sky-high:#0d1638;--sky-joy:#ffc477;--sky-joy-core:#fff6e6;--sky-star:#f3f1ff;--sky-faint:#8e9dc4;--sky-line:#b9c6f2;--sky-label:#efe9df;--sky-label-muted:#a9b2ca;--sky-panel:#0a0d1f;--sky-panel-line:#aab9e629;--sky-realm-1:#8d74f0;--sky-realm-2:#ff8a5c;--sky-realm-3:#3fcdb0;--sky-realm-4:#ee6f93}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#15120f;--color-surface:#1f1a16;--color-text:#f2ebe2;--color-text-muted:#a89d92;--color-border:#382f28;--color-accent:#e3916a;--color-accent-contrast:#15120f;--color-ok:#6cc28f;--color-waiting:#e0b252;--color-error:#f08a80;--color-focus:#7ab8ec;--color-accent-soft:#3a2a22;--color-surface-sunk:#1a1613;--color-key-white:#e9e1d6;--color-key-black:#0e0c0a;--color-key-edge:#4a3f36;--color-realm-1:#b29fd8;--color-realm-2:#e0a95c;--color-realm-3:#72c2ae;--color-realm-4:#e08aa0;--color-realm-none:#6f655c;--shadow-card:0 1px 2px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#15120f;--color-surface:#1f1a16;--color-text:#f2ebe2;--color-text-muted:#a89d92;--color-border:#382f28;--color-accent:#e3916a;--color-accent-contrast:#15120f;--color-ok:#6cc28f;--color-waiting:#e0b252;--color-error:#f08a80;--color-focus:#7ab8ec;--color-accent-soft:#3a2a22;--color-surface-sunk:#1a1613;--color-key-white:#e9e1d6;--color-key-black:#0e0c0a;--color-key-edge:#4a3f36;--color-realm-1:#b29fd8;--color-realm-2:#e0a95c;--color-realm-3:#72c2ae;--color-realm-4:#e08aa0;--color-realm-none:#6f655c;--shadow-card:0 1px 2px #0000004d}.on-night{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0e1f;--color-surface:#ffffff0d;--color-text:var(--sky-label);--color-text-muted:var(--sky-label-muted);--color-border:#aab9e633;--color-accent:#eea079;--color-accent-contrast:#12100e;--color-accent-soft:#ffffff1f;--color-ok:#6cc28f;--color-waiting:#e0b252;--color-error:#f08a80;--color-focus:#8cc4f2;--color-realm-1:var(--sky-realm-1);--color-realm-2:var(--sky-realm-2);--color-realm-3:var(--sky-realm-3);--color-realm-4:var(--sky-realm-4);--color-realm-none:#6f7896}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);-webkit-font-smoothing:antialiased}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.page{max-width:var(--measure);padding:var(--space-5) var(--space-3);margin:0 auto}.page-centred{min-height:calc(100dvh - var(--header-h));flex-direction:column;justify-content:center;display:flex}.page-title{font-family:var(--font-serif);font-size:var(--text-lg);margin:0 0 var(--space-3)}.problem-message{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:0}.site-header{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--header-h);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.site-mark{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-accent);margin-right:auto;font-weight:600;text-decoration:none}.account{font-size:var(--text-sm);display:contents}.account-who{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=40rem){.account-who{flex-basis:100%;order:3}}.account-who strong{color:var(--color-text);overflow-wrap:anywhere;font-weight:600}.account-role{color:var(--color-text)}.btn{min-height:var(--touch);padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn-quiet{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn:disabled{opacity:.6;cursor:default}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.note{color:var(--color-text-muted)}.btn-small{min-height:2.25rem;padding:0 var(--space-3)}@media (width<=37.5rem){.btn-small{min-height:var(--touch)}}.site-nav{gap:var(--space-1);display:flex}.site-nav-link{min-height:var(--touch);padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);border-radius:999px;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-nav-link:hover{color:var(--color-text)}.site-nav-link.active{color:var(--color-accent);background:var(--color-accent-soft)}@media (width<=40rem){.site-nav{margin:0 calc(-1 * var(--space-3) + var(--space-1));flex-basis:100%;order:2}}.page-reading{padding-top:var(--space-5);padding-bottom:var(--space-6)}.page-wide{max-width:var(--measure-wide);padding-top:var(--space-4)}.page-head{margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.eyebrow-link{padding:calc((var(--touch) - 1.5em) / 2) var(--space-2);margin:calc((var(--touch) - 1.5em) / -2) calc(-1 * var(--space-2));color:inherit;text-decoration:none;display:inline-block}.eyebrow-link:hover{color:var(--color-accent)}.page-title-display{font-family:var(--font-serif);font-size:var(--text-xl);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.15}.lede{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.story{margin:var(--space-3) 0 0;font-family:var(--font-serif);color:var(--color-text-muted);font-size:1.0625rem;font-style:italic}.section-title{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600}.section-note{margin:calc(-1 * var(--space-2)) 0 var(--space-3);font-size:var(--text-sm)}.empty-note{color:var(--color-text-muted);font-size:1.0625rem}.card{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card>:last-child{margin-bottom:0}.card p{margin:0 0 var(--space-3)}.card-calm{background:var(--color-surface-sunk);box-shadow:none}.card-after{border-color:var(--color-accent);scroll-margin-bottom:var(--space-3);border-width:1px 1px 1px 4px}.card-title{margin:0 0 var(--space-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.tag{padding:.125rem var(--space-2);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.tag-quiet{color:var(--color-text-muted);background:var(--color-surface-sunk)}.page-world{background:var(--sky-deep);color:var(--color-text);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.sky-backdrop{background:radial-gradient(circle at 50% 50%, var(--sky-joy-core) 0, #ffd696d9 .3rem, #ffc4774d 1.1rem, #ffc47712 5rem, transparent 12rem), linear-gradient(to bottom, var(--sky-high), var(--sky-deep) 75%);position:absolute;inset:0}.sky{position:absolute;inset:0}.sky-canvas{touch-action:none;inset:0;position:absolute!important}.sky[data-ready=false] .sky-canvas{opacity:0}.sky-canvas{transition:opacity .6s}.sky-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-anchor{visibility:hidden;will-change:transform;position:absolute;top:0;left:0}.sky-anchor>*{pointer-events:auto;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.sky-anchor[data-align=start]>*{transform:translate(calc(6px + var(--nudge,0px)), -50%)}.sky-anchor[data-align=end]>*{transform:translate(calc(-100% - 6px + var(--nudge,0px)), -50%)}.sky-anchor[data-align=above]>*{transform:translate(calc(-50% + var(--nudge,0px)), calc(-100% - 6px))}.sky-anchor[data-align=below]>*{transform:translate(calc(-50% + var(--nudge,0px)), 6px)}.sky-anchor-star[data-align=start]>*{transform:translate(var(--gap,12px), calc(-50% + var(--nudge-y,0px)))}.sky-anchor-star[data-align=end]>*{transform:translate(calc(-100% - var(--gap,12px)), calc(-50% + var(--nudge-y,0px)))}.sky-anchor-star[data-align=above]>*{transform:translate(calc(-50% + var(--nudge,0px)), calc(-100% - var(--gap,12px)))}.sky-anchor-star[data-align=below]>*{transform:translate(calc(-50% + var(--nudge,0px)), var(--gap,12px))}.sky-anchor-star:before{content:"";pointer-events:none;background:#efe9df80;position:absolute}.sky-anchor-star[data-align=start]:before{left:var(--r,4px);width:var(--lead,6px);height:1px;top:-.5px}.sky-anchor-star[data-align=end]:before{right:var(--r,4px);width:var(--lead,6px);height:1px;top:-.5px}.sky-anchor-star[data-align=above]:before{left:-.5px;bottom:var(--r,4px);width:1px;height:var(--lead,6px)}.sky-anchor-star[data-align=below]:before{left:-.5px;top:var(--r,4px);width:1px;height:var(--lead,6px)}.sky-anchor[data-dim]>*{opacity:.55}.sky-anchor[data-gone]{display:none}.sky-pillar{min-height:var(--touch);color:var(--sky-label);font-family:var(--font-serif);letter-spacing:.015em;white-space:nowrap;text-shadow:0 0 14px #03050df2,0 0 3px #03050de6;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:0 .7rem;font-size:1.0625rem;line-height:1.2;display:inline-flex}.sky-pillar:hover{color:#fff;background:#ffffff0f}@media (width<=43.7rem){.sky-pillar{padding:0 .5rem;font-size:.9375rem}}.sky-pillar-dot,.realm-dot{background:var(--color-realm-none);border-radius:50%;flex:none;width:.5rem;height:.5rem;display:inline-block}.sky-anchor-star>*{transform:translate(.85rem,-50%)}.sky-star{width:max-content;max-width:12rem;min-height:var(--touch);color:var(--sky-label);font:inherit;text-align:left;cursor:pointer;background:#0609189e;border:1px solid #ffffff1a;border-radius:.6rem;padding:.35rem .6rem;font-size:.8125rem;line-height:1.25;display:block}.sky-star:hover,.sky-star[aria-pressed=true]{background:#161628d1;border-color:#ffd6a099}.sky-star[data-state=draft]{color:var(--sky-label-muted);border-style:dashed}.sky-star-more{color:var(--sky-label-muted);font-size:.75rem;display:block}.sky-anchor-joy>*{pointer-events:none;transform:translate(-50%)}.sky-joy{color:var(--sky-joy);font-family:var(--font-serif);font-variant:small-caps;letter-spacing:.22em;white-space:nowrap;text-shadow:0 0 12px #03050de6;font-size:.875rem}.sky-top{top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;position:absolute}.realm-key{gap:var(--space-1) var(--space-4);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.realm-key li{align-items:center;gap:var(--space-2);display:inline-flex}.sky-bottom{left:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:1.9rem}.sky-bottom>*{pointer-events:auto}.sky-hint{max-width:40rem;color:var(--sky-label-muted);font-size:var(--text-sm);text-align:center;text-shadow:0 0 10px #03050df2;margin:0}.view-switch{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:3px;display:inline-flex}.page-world .view-switch{background:#060918b8;border-color:#ffffff24}.view-switch-option{min-height:2.375rem;padding:0 var(--space-4);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.view-switch-option[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-text)}.page-world .view-switch-option[aria-pressed=true]{background:#ffffff21}@media (width<=37.5rem){.view-switch-option{min-height:var(--touch)}}.page-world .home-status-line{opacity:.7;pointer-events:none;margin:0;font-size:.6875rem;position:absolute;bottom:.35rem;left:0;right:0}@media (width<=43.7rem){.page-world[data-focused] .home-status-line{display:none}.sky-panel .btn-small,.page-world .view-switch-option{min-height:var(--touch)}}.sky-panel{top:var(--space-3);right:var(--space-3);width:22.5rem;max-height:calc(100% - 2 * var(--space-3) - 1.5rem);border:1px solid var(--sky-panel-line);background:var(--sky-panel);border-radius:1rem;flex-direction:column;animation:.25s ease-out sky-panel-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 1.5rem 4rem #00000073}.sky-card{flex-direction:column;flex:0 auto;min-height:0;display:flex}.sky-card-scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-4) var(--space-4) var(--space-2);flex:0 auto;overflow-y:auto}@media (width<=43.7rem){.sky-panel{top:auto;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);border-radius:1.1rem;width:auto;max-height:42%;animation-name:sky-sheet-in}.sky-card-scroll{padding:var(--space-3) var(--space-3) var(--space-2)}}@keyframes sky-panel-in{0%{opacity:0;transform:translate(.75rem)}}@keyframes sky-sheet-in{0%{opacity:0;transform:translateY(1rem)}}.sky-card [data-focus-target]:focus,.page-world>h1:focus{outline:none}.sky-card-realm{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);display:flex}.sky-card-title{margin:0 0 var(--space-2);font-family:var(--font-serif);overflow-wrap:anywhere;font-size:1.75rem;font-weight:600;line-height:1.15}.sky-card-subtitle{margin:var(--space-3) 0 var(--space-1);font-family:var(--font-serif);font-size:1.15rem;font-weight:600}.sky-card-title-faint{color:var(--color-text-muted);font-weight:400}@media (width<=43.7rem){.sky-card-title{font-size:1.45rem}}.sky-card-meta{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.sky-card-meta:empty{display:none}.star-story{margin:0 0 var(--space-3);font-family:var(--font-serif);color:var(--color-text-muted);font-style:italic}.sky-card-body .note,.sky-card .note{margin:var(--space-2) 0;font-size:var(--text-sm)}.pillar-words{margin:0 0 var(--space-3)}.sky-card-nav{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--sky-panel-line);flex-wrap:wrap;flex:none;display:flex}@media (width<=43.7rem){.sky-card-nav{padding:var(--space-1) var(--space-3) var(--space-2)}}.sky-card-steps{display:inline-flex}.sky-step{width:var(--touch);height:var(--touch);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.4rem;line-height:1}.sky-step:hover{color:var(--color-text);background:#ffffff0f}.sky-nav-link{min-height:var(--touch);padding:0 var(--space-2);color:var(--color-accent);font:inherit;font-size:var(--text-sm);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline}.world-exercises{gap:var(--space-2);margin:var(--space-2) 0;padding:0;list-style:none;display:grid}.world-exercise{align-items:center;column-gap:var(--space-3);min-height:var(--touch);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.75rem;grid-template-columns:1fr auto;padding:.6rem .9rem;text-decoration:none;display:grid}.world-exercise:hover{border-color:var(--color-accent)}.world-exercise-title{font-weight:600;line-height:1.3}.world-exercise-place{font-size:var(--text-sm);color:var(--color-text-muted);grid-column:1}.world-exercise-go{color:var(--color-accent);grid-area:1/2/span 2}.world-exercise[data-ready=false] .world-exercise-title{color:var(--color-text-muted);font-weight:500}.world-list-head .view-switch,.world-list-head .realm-key{margin-top:var(--space-3)}.world-pillars{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.world-pillar{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);scroll-margin-top:var(--space-3)}.world-pillar-name{align-items:baseline;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-2);font-family:var(--font-serif);flex-wrap:wrap;font-size:1.375rem;font-weight:600;display:flex}.world-pillar-realm{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;display:inline-flex}.world-pillar .world-exercise,.world-pillar .world-preview{background:var(--color-bg)}.world-exercise-row{gap:var(--space-2);align-items:stretch;display:flex}.world-exercise-row>.world-exercise{flex:auto;min-width:0}.world-preview{min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-accent);font-size:var(--text-sm);border-radius:.75rem;flex:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.world-preview:hover{border-color:var(--color-accent)}.cell-marks{margin:0 0 var(--space-3);gap:.4rem;padding:0;list-style:none;display:flex}.cell-mark{border:1.5px dotted var(--color-text-muted);border-radius:50%;width:.75rem;height:.75rem}.cell-mark[data-core]+.cell-mark:not([data-core]){margin-left:.6rem}.cell-mark[data-state=present]{border:1.5px solid var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 40%, transparent)}.cell-mark[data-state=draft]{border:1.5px dashed var(--color-accent)}.cell-mark[data-state=lit]{border:1.5px solid var(--color-accent);background:var(--color-accent)}[data-realm="1"]{fill:var(--color-realm-1);background:var(--color-realm-1)}[data-realm="2"]{fill:var(--color-realm-2);background:var(--color-realm-2)}[data-realm="3"]{fill:var(--color-realm-3);background:var(--color-realm-3)}[data-realm="4"]{fill:var(--color-realm-4);background:var(--color-realm-4)}.home-status-line{justify-content:center;gap:var(--space-1) var(--space-4);margin:var(--space-6) 0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.home-status{align-items:center;gap:var(--space-2);display:inline-flex}.home-status-dot{background:var(--color-waiting);border-radius:50%;flex:none;width:.5rem;height:.5rem}.home-status[data-status=ok] .home-status-dot{background:var(--color-ok)}.home-status[data-status=error] .home-status-dot{background:var(--color-error)}.home-credits{color:inherit;text-underline-offset:.15em;pointer-events:auto;margin:-.85rem -.5rem;padding:.85rem .5rem;text-decoration:underline;position:relative}.credits-heading{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-serif);font-size:var(--text-md)}.credits-list{margin:0 0 var(--space-3);padding:0;list-style:none}.credits-list li{align-items:center;column-gap:var(--space-2);min-height:var(--touch);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.credits-list a{min-height:var(--touch);align-items:center;display:inline-flex}.credits-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.pillar-group{margin-bottom:var(--space-5)}.pillar-heading{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;display:flex}.pillar-realm{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.exercise-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.exercise-card{gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--color-text);grid-template-columns:1fr auto;text-decoration:none;transition:border-color .12s;display:grid}.exercise-card:hover{border-color:var(--color-accent)}.exercise-card-top{gap:var(--space-2);display:flex}.exercise-card-title{font-family:var(--font-serif);grid-column:1;font-size:1.1875rem;font-weight:600;line-height:1.3}.exercise-card-meta{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-column:1}.exercise-card-go{font-size:var(--text-lg);color:var(--color-accent);grid-area:1/2/span 3;align-self:center}.tag-homework{color:var(--color-accent-contrast);background:var(--color-accent)}.exercise-card.is-homework{border-color:var(--color-accent);border-width:1px 1px 1px 4px}.library-homework{margin-bottom:var(--space-5)}.prose p{margin:0 0 var(--space-2)}.prose>:last-child{margin-bottom:0}.prose-link{color:var(--color-accent);text-underline-offset:.15em;overflow-wrap:anywhere;text-decoration:underline}.homework-card{border-color:var(--color-accent);background:var(--color-surface);border-width:1px 1px 1px 4px}.homework-title,.lesson-date{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;line-height:1.2}.homework-note{margin-bottom:var(--space-3);font-size:1.0625rem}.lesson-items{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.lesson-item{gap:var(--space-1) var(--space-3);min-height:var(--touch);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:.625rem;grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.lesson-item:hover{border-color:var(--color-accent)}.lesson-item-title{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;grid-column:1;font-weight:600;line-height:1.3;display:flex}.lesson-item-meta{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-column:1}.lesson-item-note{font-size:var(--text-sm);grid-column:1;font-style:italic}.lesson-item-box{gap:var(--space-1);display:grid}.lesson-item-note-below{padding:0 var(--space-3)}.lesson-item-note-below p{margin:0}.lesson-older{justify-self:start}.lesson-item-go{font-size:var(--text-lg);color:var(--color-accent);grid-area:1/2/span 3;align-self:center}.lesson-song{gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:.625rem;display:grid}.lesson-song-title{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.lesson-list{gap:var(--space-3);display:grid}.lesson-card{margin:0}.lesson-summary{margin-bottom:var(--space-4)}.lesson-segment,.lesson-homework{margin-top:var(--space-3)}.lesson-segment-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-text-muted);font-weight:700;display:flex}.lesson-segment-number{background:var(--color-accent-soft);width:1.5rem;height:1.5rem;color:var(--color-accent);font-size:var(--text-xs);border-radius:999px;place-items:center;display:inline-grid}.lesson-fold-summary{gap:var(--space-1);min-height:var(--touch);cursor:pointer;list-style:none;display:grid}.lesson-fold-summary::-webkit-details-marker{display:none}.lesson-fold-summary .lesson-date{font-size:var(--text-lg);margin:0}.lesson-fold-summary .lesson-date:after{content:" ▸";color:var(--color-accent);font-size:var(--text-sm)}.lesson-fold[open] .lesson-fold-summary .lesson-date:after{content:" ▾"}.lesson-fold-line{color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-fold[open] .lesson-fold-summary{margin-bottom:var(--space-3)}.lesson-fold[open] .lesson-fold-line{display:none}.section-head-row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.section-head-row .section-title{margin:0}.lesson-rows{gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none;display:grid}.lesson-row{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:.625rem;display:grid}.lesson-row-top{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.lesson-row-date{font-weight:700}.lesson-row-meta,.lesson-row-line{color:var(--color-text-muted);font-size:var(--text-sm)}.lesson-row-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-from{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.card-player{padding:var(--space-4) var(--space-2) var(--space-4)}@media (width>=40rem){.card-player{padding:var(--space-5)}}.card-waiting{text-align:center;place-items:center;min-height:14rem;display:grid}.card-waiting .empty-note{margin:0}.served{margin:0 0 var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.served strong{color:var(--color-text)}.served-sep{margin:0 var(--space-2)}.degree-line{justify-content:center;gap:var(--space-1) .4rem;margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.degree-note{min-width:1.15rem;padding:var(--space-1) .05rem;border-radius:.5rem;flex-direction:column;align-items:center;display:flex}@media (width>=40rem){.degree-line{gap:var(--space-1) .5rem}.degree-note{min-width:2.1rem;padding:var(--space-1) .2rem}}.degree{font-size:var(--text-degree);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;line-height:1.2}.syllable{font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.3}.degree-note[data-current=true]{background:var(--color-accent)}.degree-note[data-current=true] .degree,.degree-note[data-current=true] .syllable{color:var(--color-accent-contrast)}.notation-bar{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.notation-key{color:var(--color-text-muted);font-size:var(--text-xs);display:none}.notation-key kbd{border:1px solid var(--color-border);font-family:var(--font-mono);border-radius:.3rem;padding:0 .3rem}@media (hover:hover) and (pointer:fine){.notation-key{display:inline}}.stave{min-height:7rem;margin:0 0 var(--space-2);color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;display:flex}.stave-page{flex:none;max-width:100%}.stave-page svg{fill:currentColor;width:100%;height:auto;display:block;overflow:visible}.stave-page svg.definition-scale{color:var(--color-text)}.stave-page g.note{color:inherit}.stave-page g.note.is-sounding{color:var(--color-accent)}.stave-note{max-width:28rem;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;align-self:center;margin:0}.stave-approx{margin-top:var(--space-2)}.clef-choice{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.clef-choice select{appearance:none;min-height:var(--touch);max-width:100%;padding:0 2.25rem 0 var(--space-3);border:1px solid var(--color-border);background-color:var(--color-surface);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);color:var(--color-text);font:inherit;cursor:pointer;background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;border-radius:.5rem}.help-link{margin:calc(-1 * var(--space-2)) 0 var(--space-2);text-align:center;font-size:var(--text-sm)}.help-link a{min-height:var(--touch);padding:0 var(--space-3);color:var(--color-text-muted);align-items:center;display:inline-flex}.keyboard{height:clamp(5.5rem,22vw,8rem);margin:0 0 var(--space-4);-webkit-user-select:none;user-select:none;position:relative}.keyboard-whites{height:100%;display:flex}.key{box-sizing:border-box}.key-white{background:var(--color-key-white);border:1px solid var(--color-key-edge);border-left-width:0;border-radius:0 0 .3rem .3rem;flex:1;position:relative}.key-white:first-child{border-left-width:1px}.key-black{background:var(--color-key-black);z-index:1;border-radius:0 0 .25rem .25rem;height:60%;position:absolute;top:0;transform:translate(-50%)}.key[data-lit=true]{background:var(--color-accent)}.key-name{text-align:center;color:var(--color-text-muted);font-size:.625rem;position:absolute;bottom:.3rem;left:0;right:0}.key[data-lit=true] .key-name{color:var(--color-accent-contrast)}.player-controls{gap:var(--space-4);justify-items:center;display:grid}.btn-play{min-width:10rem;min-height:3.25rem;font-size:var(--text-md);background:var(--color-accent);color:var(--color-accent-contrast)}.btn-play.is-playing{background:var(--color-text);color:var(--color-bg)}.take-done{align-items:center;gap:var(--space-2);margin:0 0 calc(-1 * var(--space-2));font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-ok);font-weight:700;display:inline-flex}.take-done:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.served-again{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-surface-sunk);color:var(--color-text);font-size:var(--text-sm)}.speed{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto auto 6.5rem auto;width:100%;max-width:24rem;display:grid}.speed-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.btn-step{min-width:var(--touch);font-size:var(--text-lg);color:var(--color-text);border-color:var(--color-border);background:0 0;padding:0}.speed-value{text-align:center;font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:600}.speed-unit{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.speed-slider{width:100%;height:var(--touch);accent-color:var(--color-accent);cursor:pointer;grid-column:1/-1;margin:0}.speed-slider:disabled{cursor:default}.speed-range{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);grid-column:1/-1}.speed .btn-step:first-of-type{grid-column:2}.soon{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-accent-soft);color:var(--color-text)}.count-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.count-table th,.count-table td{padding:var(--space-2) var(--space-2);text-align:left;border-bottom:1px solid var(--color-border)}.count-table th{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.count-table tr[data-current=true] td{background:var(--color-accent-soft);font-weight:600}.player-status{margin:0 0 var(--space-2);text-align:center}.player-status .served{margin-bottom:var(--space-1)}.pass-line{justify-content:center;align-items:center;gap:var(--space-2);min-height:1.75rem;font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.pass-next{font-style:italic}.cue-chip{background:var(--color-accent-soft);color:var(--color-text);border-radius:999px;padding:.1rem .6rem;font-weight:600;display:inline-block}.count-strip{align-content:center;justify-items:center;gap:var(--space-1);min-height:4.75rem;margin:0 0 var(--space-2);text-align:center;display:grid}.count-strip-idle{max-width:22rem;font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.count-strip-title{font-size:var(--text-sm);color:var(--color-text);margin:0;font-weight:600}.count-beats{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.count-beat{min-width:2.25rem;height:2.25rem;padding:0 var(--space-1);border:1px solid var(--color-border);font-variant-numeric:tabular-nums;color:var(--color-text-muted);border-radius:.6rem;place-items:center;font-weight:700;display:grid}.count-beat[data-done=true]{background:var(--color-surface-sunk)}.count-beat[data-now=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.pulse{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:20rem;margin:0;padding:0;list-style:none;display:flex}.pulse-beat{background:var(--color-border);border-radius:50%;width:.6rem;height:.6rem}.pulse-beat[data-first=true]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 3px var(--color-text-muted)}.pulse-beat[data-now=true]{background:var(--color-accent)}.count-go{padding:0 var(--space-3);border-style:dashed;border-color:var(--color-accent);color:var(--color-accent)}.switches{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.switch{align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--color-border);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:999px;display:inline-flex}.switch-dot{border:2px solid var(--color-text-muted);border-radius:50%;width:.7rem;height:.7rem}.switch[aria-pressed=true] .switch-dot{border-color:var(--color-accent);background:var(--color-accent)}.switch-label{font-weight:600}.switch-state{min-width:1.6rem;color:var(--color-text-muted)}.switch:disabled{cursor:default;opacity:.55}.demo-note{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:0}.count-display{min-height:11rem;margin:var(--space-2) 0 var(--space-3);text-align:center;justify-items:center;display:grid}.count-phase{font-size:var(--text-md);margin:0;font-weight:600}.count-number{font-variant-numeric:tabular-nums;color:var(--color-accent);margin:0;font-size:clamp(4.5rem,24vw,7rem);font-weight:700;line-height:1.05}.count-number-quiet{color:var(--color-text);font-size:clamp(2.5rem,12vw,3.75rem);line-height:1.6}.count-of{min-height:1.5em;color:var(--color-text-muted);margin:0}.count-phases{gap:var(--space-1);max-width:24rem;margin:0 auto var(--space-3);padding:0;list-style:none;display:grid}.count-phase-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-variant-numeric:tabular-nums;border-radius:.6rem;display:flex}.count-phase-row[data-current=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.count-phase-count{font-weight:700}.card-steps{flex-direction:column;min-height:14rem;display:flex}.steps-progress{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.steps-body{flex:1}.steps-nav{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);display:flex}.preview-note{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.tag-preview{background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .6rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.studio-tab{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600;text-decoration:none}.studio-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.studio-tab-count{min-width:1.4em;margin-left:var(--space-1);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-xs);text-align:center;border-radius:999px;padding:0 .35em;line-height:1.4;display:inline-block}.studio-columns{gap:var(--space-5);align-items:start;display:grid}@media (width>=60rem){.studio-columns{grid-template-columns:minmax(0,1fr) 20rem}}.studio-section{margin-bottom:var(--space-5)}.scroll-wrap{margin-bottom:var(--space-4)}.scroll-hint{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.scroll-frame{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);position:relative;overflow:hidden}.scroll-frame:before,.scroll-frame:after{content:"";z-index:1;pointer-events:none;opacity:0;width:3rem;transition:opacity .15s;position:absolute;top:0;bottom:0}.scroll-frame:before{background:linear-gradient(to right, var(--color-surface) 15%, transparent);left:0}.scroll-frame:after{background:linear-gradient(to left, var(--color-surface) 15%, transparent);right:0}.scroll-frame[data-more-left=true]:before,.scroll-frame[data-more-right=true]:after{opacity:1}.table-scroll{overflow-x:auto}.roster,.grid-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.roster th,.roster td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.roster tbody tr:last-child td{border-bottom:0}.roster th{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.roster a{font-weight:600;text-decoration:none}.cell-quiet{color:var(--color-text-muted)}.grid-table th,.grid-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);vertical-align:top;text-align:left}.grid-table tr>:last-child{border-right:0}.grid-table tbody tr:last-child>*{border-bottom:0}.grid-group,.grid-col,.grid-corner{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.grid-group{text-transform:uppercase;text-align:center!important}.grid-table{min-width:52rem}.grid-col{width:11%}.grid-pillar{font-family:var(--font-serif);font-size:var(--text-md);white-space:nowrap;font-weight:600}.grid-cell.is-core{background:var(--color-surface-sunk)}.grid-ex{margin-bottom:var(--space-1);font-size:var(--text-xs);line-height:1.35;display:block}.grid-ex[data-status=Draft]{color:var(--color-text-muted);font-style:italic}.grid-ex-layer{color:var(--color-accent);font-weight:700}.grid-ex-draft{color:var(--color-text-muted)}.grid-add{border:1px dashed var(--color-border);width:1.75rem;height:1.75rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.grid-add:hover,.grid-add:focus-visible{border-style:solid;border-color:var(--color-accent);color:var(--color-accent)}@media (width<=37.5rem){.grid-add{width:var(--touch);height:var(--touch)}}.grid-actions{margin:var(--space-3) 0 0;align-items:center}.plain-list{padding-left:var(--space-4);margin:0}.serve-group{margin-bottom:var(--space-4)}.undo-line{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-accent-soft);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.serve-group-title{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.serve-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.serve-row{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.serve-what{flex:15rem;gap:.125rem;min-width:0;display:grid}.serve-title{font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;line-height:1.3}.serve-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.serve-form{align-items:center;gap:var(--space-2) var(--space-3);flex:none;grid-template-columns:7.25rem 6.25rem 6.25rem auto;display:grid}.serve-slot-free{grid-column:2/span 2}.serve-inline{align-items:center;gap:var(--space-1);display:inline-flex}.serve-unit{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.serve-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.serve-actions .btn{min-width:5.5rem}@media (width<=40rem){.serve-form{column-gap:var(--space-2);grid-template-columns:auto auto auto;width:100%}.serve-form .field-select{min-width:4.5rem}.serve-form .field-number{width:3.5rem}.serve-form .field-number-short{width:3.25rem}.serve-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.serve-actions .btn{white-space:nowrap;min-width:0;padding:0 .85rem}}.form-card{gap:var(--space-3);display:grid}.form-card .card-title{margin-bottom:0}.field{gap:var(--space-1);border:0;min-width:0;margin:0;padding:0;display:grid}.field-label{font-size:var(--text-sm);padding:0;font-weight:600}.field-input,.field-select{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:.5rem}.field-select{width:auto;min-width:5.5rem}.field-number{width:4rem;padding:var(--space-2);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}.field-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-number-short{width:3.5rem}.field-area{resize:vertical;min-height:7rem}.field-range{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.field-range legend{float:left;width:100%;margin-bottom:var(--space-1)}.field-dash{color:var(--color-text-muted);font-size:var(--text-sm)}.toggle{gap:var(--space-3);font-weight:600;font-size:var(--text-sm);align-items:flex-start;display:flex}.toggle input{width:1.1rem;height:1.1rem;accent-color:var(--color-accent);margin-top:.2rem}.toggle-note{font-weight:400;font-size:var(--text-xs);color:var(--color-text-muted);display:block}.form-error{color:var(--color-error);font-size:var(--text-sm);margin:0}.form-ok{color:var(--color-ok);font-size:var(--text-sm);margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a.grid-ex{color:inherit;text-decoration:none}a.grid-ex:hover{text-decoration:underline}.grid-ex-demo{color:var(--color-ok)}.exercise-line{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.02em}.demo-panel{gap:var(--space-4);display:grid}.demo-panel>*{margin:0}.demo-status p{margin:0 0 var(--space-2)}.demo-confirm{font-size:var(--text-sm);align-self:center}.demo-ways{gap:var(--space-4);display:grid}@media (width>=52rem){.demo-ways{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.demo-phone-note{margin:0}@media (width>=40rem){.demo-phone-note{display:none}}.demo-way{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);justify-items:start;display:grid}.demo-way>*{margin:0}.demo-way-title{font-family:var(--font-serif);font-size:var(--text-lg);margin:0;font-weight:600}.demo-headphones{gap:var(--space-2);width:100%;padding:var(--space-3);border-left:4px solid var(--color-waiting);background:var(--color-surface-sunk);font-size:var(--text-sm);border-radius:.5rem;display:grid}.demo-headphones p{margin:0}.demo-take-fields{gap:var(--space-3) var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.demo-piano-toggle{max-width:16rem}.demo-working{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-surface-sunk);color:var(--color-text-muted);margin:0}.demo-recording{gap:var(--space-3);justify-items:start;display:grid}.demo-recording>*{margin:0}.demo-recording-phase{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;display:flex}.demo-rec-dot{background:var(--color-error);border-radius:50%;width:.75rem;height:.75rem}.demo-meter{background:var(--color-surface-sunk);border:1px solid var(--color-border);border-radius:999px;width:min(100%,28rem);height:.75rem;overflow:hidden}.demo-meter-fill{background:var(--color-ok);height:100%}.demo-meter-fill[data-hot=true]{background:var(--color-error)}.demo-review{gap:var(--space-3);display:grid}.demo-review>*{margin:0}.demo-file-line{font-size:var(--text-sm)}.demo-question{margin:var(--space-2) 0 0;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600}.demo-nudge{align-items:center}.demo-beat0{text-align:center;font-variant-numeric:tabular-nums;min-width:9.5rem;font-weight:600}.demo-nudge .btn-primary{margin-left:auto}@media (width<=40rem){.demo-nudge .btn-primary{width:100%;margin-left:0}}.demo-review-grid{gap:var(--space-4);align-items:start;display:grid}@media (width>=60rem){.demo-review-grid{grid-template-columns:minmax(0,1fr) 20rem}}.demo-review-grid p{margin:0 0 var(--space-2)}.demo-suggestions{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.demo-suggestions th,.demo-suggestions td{padding:var(--space-2) var(--space-2) var(--space-2) 0;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.demo-suggestions th{width:11.5rem;font-weight:600}.btn-link{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.demo-sure{width:11rem;font-size:var(--text-xs);color:var(--color-ok);font-weight:600}.demo-sure[data-level=fair]{color:var(--color-waiting)}.demo-sure[data-level=check]{color:var(--color-error)}.demo-sure[data-level=yours]{color:var(--color-accent)}.demo-sure .note{font-weight:400}@media (width<=40rem){.demo-suggestions tr{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr;display:grid}.demo-suggestions th,.demo-suggestions td{width:auto;padding:var(--space-1) 0;border:0}}.demo-confirm-box{padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface-sunk)}.demo-wrong{margin:0 0 var(--space-3);padding-left:var(--space-4)}.demo-steps{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.demo-step{align-items:baseline;gap:var(--space-2);color:var(--color-text-muted);display:flex}.demo-step-mark{border:2px solid var(--color-border);border-radius:50%;flex:none;width:.6rem;height:.6rem}.demo-step[data-state=working]{color:var(--color-text)}.demo-step[data-state=working] .demo-step-mark{border-color:var(--color-waiting)}.demo-step[data-state=done]{color:var(--color-text)}.demo-step[data-state=done] .demo-step-mark{border-color:var(--color-ok);background:var(--color-ok)}.demo-step[data-state=failed]{color:var(--color-error)}.demo-step[data-state=failed] .demo-step-mark{border-color:var(--color-error);background:var(--color-error)}.demo-done,.demo-problem{gap:var(--space-3);display:grid}.demo-done>*,.demo-problem>*{margin:0}.waveform{gap:var(--space-4);display:grid}.wave-figure{gap:var(--space-1);margin:0;display:grid}.wave{border:1px solid var(--color-border);background:var(--color-bg);touch-action:none;cursor:ew-resize;border-radius:.5rem;position:relative;overflow:hidden}.wave svg{width:100%;height:auto;display:block}.wave[data-testid$=wave-all] svg{height:5.5rem}.wave[data-testid$=wave-close] svg{height:7.5rem}.wave-peaks{stroke:var(--color-text-muted);stroke-width:1.6px;fill:none}.wave-beat{stroke:var(--color-key-edge);stroke-width:1.5px;vector-effect:non-scaling-stroke}.wave-beat-before{stroke-dasharray:3 3}.wave-beat-0{stroke:var(--color-accent);stroke-width:2px}.wave-pickup{fill:var(--color-accent-soft)}.wave-onset{fill:var(--color-ok)}.wave-playhead{stroke:var(--color-focus);stroke-width:2px;vector-effect:non-scaling-stroke}.wave-handle{cursor:ew-resize;outline:none}.wave-handle line{stroke:var(--color-accent);stroke-width:3px;vector-effect:non-scaling-stroke}.wave-handle rect{fill:var(--color-accent)}.wave-handle:focus-visible rect{stroke:var(--color-focus);stroke-width:3px}.wave-caption{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-weight:600}.demo-tech{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.demo-tech summary{cursor:pointer;width:fit-content;min-height:44px;font-weight:600;line-height:44px;display:list-item}.demo-tech summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.demo-tech-body>*,.demo-tech-list{margin:0 0 var(--space-1)}.demo-tech-list{padding-left:var(--space-4)}.wave-scale{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}