@font-face{font-family:Leland;src:url(/assets/Leland-Du9pSU9B.otf)format("opentype");font-display:block}@font-face{font-family:Petaluma;src:url(/assets/Petaluma-D1G7JAnE.woff2)format("woff2");font-display:block}@font-face{font-family:Petaluma Script;src:url(/assets/PetalumaScript-DIP25UqM.woff2)format("woff2");font-display:block}.music{font-family:var(--notation-font)}.score-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.stage{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;min-width:0;max-width:100%;padding:6px 2px;overflow-x:auto}.bar-no{z-index:2;float:left;width:0;height:0;position:sticky;left:0}.bar-no button,.bar-no span{color:var(--soft,#6f6555);background:var(--paper,#f3ebd8);border:1px solid var(--soft,#6f6555);opacity:.85;border-radius:4px;padding:1px 5px;font:700 10px Reddit Sans,sans-serif;animation:.16s ease-out badge-in;position:absolute;top:0;left:4px}@keyframes badge-in{0%{opacity:0}}.bar-no button{cursor:pointer}.bar-no button:after{content:"";position:absolute;inset:-14px}.bar-no button.armed{color:var(--paper,#f3ebd8);background:var(--working);border-color:var(--working);opacity:1}.stage svg{touch-action:none;-webkit-touch-callout:none;width:100%;height:auto;font-family:Reddit Sans,sans-serif;display:block}.scroller{border:2px solid var(--ink);background:var(--paper);height:30px;box-shadow:2px 2px 0 var(--ink);touch-action:none;cursor:pointer;border-radius:999px;position:relative}.scroller-thumb{background:var(--accent);border:2px solid var(--ink);pointer-events:none;border-radius:999px;min-width:44px;transition:transform 80ms,filter 80ms;position:absolute;top:1px;bottom:1px}.scroller-thumb.pressed{filter:brightness(.9);transform:translate(1px,1px)}.palette{gap:10px;display:flex}.pal-group{flex:1;display:flex;position:relative}.pal{background:var(--paper);border:2px solid var(--ink);height:62px;box-shadow:3px 3px 0 var(--ink);color:var(--soft);cursor:pointer;border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:7px;display:flex}.pal:active{box-shadow:none;transform:translate(1px,1px)}.pal.on{background:var(--ink);color:var(--paper)}.pal .music{color:var(--ink);flex:1;align-items:center;font-size:21px;line-height:0;display:flex;transform:translateY(4px)}.pal.on .music{color:var(--paper)}.pal .plain{flex:1;align-items:center;font-size:15px;font-weight:700;line-height:0;display:flex;transform:translateY(4px)}.pal small,.menu-item small{color:inherit;font-size:10.5px;font-weight:600}.menu-backdrop{z-index:5;position:fixed;inset:0}.menu{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:6;border-radius:6px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.menu-item{width:58px;height:62px;color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:6px;display:flex}.menu-item:hover:not(:disabled){background:#e8dcc0}.menu-item:disabled{opacity:.35;cursor:default}.menu-item .music{color:var(--ink);flex:1;align-items:center;font-size:21px;line-height:0;display:flex;transform:translateY(4px)}.menu-item span:not(.music){color:var(--ink);flex:1;align-items:center;font-size:18px;display:flex}svg.deleting{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M5 5l10 10M15 5L5 15\" stroke=\"%239d2052\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>") 10 10,crosshair}.glyph *{transition:fill .4s,stroke .4s}.glyph.hot *{transition:none}.fades{pointer-events:none;animation:.45s ease-out forwards fade-out}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.glyph *{transition:none!important}.fades{animation-duration:10ms!important}}.workbench{flex-direction:column;gap:10px;display:flex}.actions{gap:10px;display:flex}.btn{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:6px;padding:11px 0;font:700 14px Reddit Sans,sans-serif}.btn:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.btn:disabled{opacity:.35;cursor:default}.play{flex:2}.erase-group{flex:2;display:flex;position:relative}.erase-group .btn{flex:1}.erase.on{background:var(--accent)}.menu-item.word{width:auto;height:44px;color:var(--ink);justify-content:center;padding:0 18px;font:700 13px Reddit Sans,sans-serif}.side{flex:0 0 48px;font-size:16px}.sound{flex:0 0 96px;padding:11px 0}.sound.on{background:var(--ink);color:var(--paper)}.controls{flex-direction:column;gap:10px;display:flex;position:relative}.zoom-panel{z-index:4;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:6px;position:absolute;inset:0}.zoom-panel svg{width:100%;height:100%;display:block}.zoom-pitch{color:var(--working);font:800 22px Reddit Sans,sans-serif;position:absolute;top:8px;right:12px}@media (hover:none){.desktop-only{display:none}.sound{flex:0 0 76px}}[data-kbd]{position:relative}@media (hover:none){[data-kbd]:hover:after{display:none}}[data-kbd]:hover:after{content:attr(data-kbd);background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;z-index:30;border-radius:5px;padding:4px 8px;font:600 10.5px Reddit Sans,sans-serif;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.scrim{z-index:20;background:#1d1a1666;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border:2px solid var(--ink);width:100%;max-width:360px;box-shadow:5px 5px 0 var(--ink);border-radius:12px;padding:20px;animation:.16s ease-out sheet-pop}@keyframes sheet-pop{0%{opacity:0;transform:scale(.94)}}.sheet h2{border-bottom:1.5px solid var(--soft);margin:0 0 16px;padding-bottom:12px;font:700 17px Shantell Sans,cursive}.field{margin-bottom:18px}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.field-note{color:var(--soft);margin:7px 0 0;font-size:12px}.segmented{border:2px solid var(--ink);background:var(--bg);border-radius:8px;display:flex;overflow:hidden}.seg{border:none;border-left:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;flex:1;padding:10px 4px;font:700 14px Reddit Sans,sans-serif}.seg:first-child{border-left:none}.seg.on{background:var(--ink);color:var(--paper)}.since{margin:0 0 22px}.sheet-actions{gap:10px;display:flex}.sheet-actions .btn{flex:1;padding:11px 14px}.sheet-actions .quiet{color:var(--soft);flex:none}.sheet-note{text-align:center;color:var(--soft);margin:16px 0 0;font-size:12px}.hint{text-align:center;color:var(--soft);margin:0;font-size:11px;line-height:1.55;transition:opacity .6s}.hint.spent{opacity:0}.hint b,.hint a{color:var(--ink);font-weight:700}.credit{text-align:center;color:var(--soft);margin-top:6px;font-size:12px}.dev{z-index:20;position:fixed;bottom:14px;right:14px}.dev-toggle{color:var(--soft);border:1.5px dashed var(--soft);cursor:pointer;opacity:.7;background:0 0;border-radius:6px;padding:6px 10px;font:600 11px Reddit Sans,sans-serif}.dev-menu{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:21;border-radius:6px;padding:4px;position:absolute;bottom:calc(100% + 6px);right:0}.dev-menu button{width:max-content;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font:500 13px Reddit Sans,sans-serif;display:block}.dev-menu button:hover{background:#e8dcc0}.shell{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.shell>.app{flex:1}.site-footer{color:#d8cdb4;justify-content:center;gap:14px;margin-top:auto;padding:18px 0 4px;font-size:12px;display:flex}.site-footer a{color:var(--soft);text-decoration:none}.site-footer a:hover{text-decoration:underline}.prose{-webkit-user-select:text;user-select:text}.prose h1{margin:4px 0 0;font-family:Shantell Sans,cursive;font-size:19px;font-weight:700}.prose h2{letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin:10px 0 -6px;font-size:12px;font-weight:700}.prose p{max-width:62ch;margin:0;font-size:14px;line-height:1.55}.prose p a{color:var(--accent)}.langs{gap:6px;display:flex}.langs button{letter-spacing:.05em;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font:700 11px Reddit Sans,sans-serif}.langs button.on{background:var(--ink);color:var(--paper)}.consent{color:var(--soft);cursor:pointer;align-items:flex-start;gap:8px;margin:10px 2px 14px;font-size:12.5px;display:flex}.consent input{accent-color:var(--accent);cursor:pointer;flex:none;width:15px;height:15px;margin:2px 0 0}.consent a{color:var(--accent)}.rotate-veil{display:none}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (height<=500px){.rotate-veil{z-index:100;background:var(--bg);text-align:center;color:var(--soft);justify-content:center;align-items:center;font-size:15px;line-height:1.7;display:flex;position:fixed;inset:0}.rotate-veil b{color:var(--accent);font-family:Shantell Sans,cursive}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:10ms!important}}.btn.primary{background:var(--accent);color:var(--paper)}:root{--bg:#faf6ee;--paper:#f3ebd8;--ink:#1d1a16;--soft:#6f6555;--accent:#e4572e;--working:#9d2052;--notation-font:"Leland"}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{background:var(--bg);color:var(--ink);justify-content:center;min-height:100vh;margin:0;font-family:Reddit Sans,sans-serif;display:flex}#root{justify-content:center;width:100%;min-width:0;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;gap:14px;width:100%;max-width:480px;padding:18px 12px 26px;display:flex}@media (width>=800px){.app{max-width:720px}}header{flex-wrap:wrap;align-items:center;gap:12px;padding:0 4px;display:flex}.wordmark{color:var(--paper);background:var(--accent);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:5px;flex-shrink:0;padding:3px 9px;font-family:Shantell Sans,cursive;font-size:14px;font-weight:700;transform:rotate(-1deg)}header h1{overflow-wrap:anywhere;flex:1;min-width:10ch;margin:0;font-size:17px;font-weight:800}header a{text-decoration:none}.chip-btn{cursor:pointer;font-family:inherit}header .wk{white-space:nowrap;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:5px;flex-shrink:0;padding:3px 9px;font-size:11.5px;font-weight:700;transform:rotate(.75deg)}header .wk:active{box-shadow:none;transform:rotate(.75deg)translate(1px,1px)}.check-glue{white-space:nowrap}.submitted-check{vertical-align:-.12em;color:var(--working);display:inline-block;transform:rotate(-4deg)}.submitted-check svg{width:1em;height:1em;display:block}header .sound{box-shadow:2px 2px 0 var(--ink);flex:none;padding:4px 9px;font-size:11.5px}header .sound:active{box-shadow:none;transform:translate(1px,1px)}a.wordmark:active{box-shadow:none;transform:rotate(-1deg)translate(1px,1px)}.submit-btn{background:var(--accent);color:var(--paper);padding:13px 0;font-size:15px}.linkish{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.weeks{gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.week-chip{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:6px;flex-direction:column;flex:none;gap:1px;padding:6px 12px;font-size:12px;text-decoration:none;display:flex}.week-chip small{color:var(--soft);font-size:10.5px}.week-chip.on{background:var(--ink);color:var(--paper)}.week-chip.on small{color:var(--paper);opacity:.75}.locked{border:2px dashed var(--ink);background:var(--paper);text-align:center;border-radius:10px;padding:28px 18px;transform:rotate(-.4deg)}.locked p{margin:0;font:700 15px Shantell Sans,cursive}.locked a{color:var(--accent)}.feed{flex-direction:column;gap:16px;display:flex}.take-card{flex-direction:column;gap:8px;display:flex}.take-head{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.card-play{padding:5px 16px;font-size:12px}.take-handle{color:var(--ink);font:700 14px Shantell Sans,cursive}.mini .stage{padding:4px 2px}.mini .stage svg{min-width:560px}.tag-row{flex-wrap:wrap;gap:8px;padding:0 2px;display:flex}.tag-chip{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font:600 12px Reddit Sans,sans-serif;display:flex}.tag-chip:active{box-shadow:none;transform:translate(1px,1px)}.tag-chip.on{background:var(--ink);color:var(--paper)}.tag-count{font-weight:800}@media (width<=480px){.tag-row{gap:6px}.tag-chip{gap:4px;padding:5px 8px;font-size:11px}}.confirm{background:var(--paper);border:2px solid var(--ink);width:100%;max-width:320px;box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:18px 18px 16px;animation:.16s ease-out confirm-pop;transform:rotate(-.6deg)}@keyframes confirm-pop{0%{opacity:0;transform:rotate(-.6deg)scale(.92)}}.confirm h2{margin:0 0 6px;font:700 17px Shantell Sans,cursive}.confirm p{color:var(--soft);margin:0 0 14px;font-size:13px;line-height:1.5}.confirm-actions{gap:10px;display:flex}.handle-row{border:2px solid var(--ink);background:var(--bg);border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:9px 12px;display:flex}.handle-at{color:var(--soft);font-weight:800}.handle-input{min-width:0;color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font:700 15px Reddit Sans,sans-serif}.handle-error{color:var(--accent);margin:-4px 0 10px;font-size:12px;font-weight:600}.confirm-actions .btn{flex:1;padding:11px 14px}.confirm-yes{background:var(--accent);color:var(--paper)}