:root{--paper: #f4ecd8;--paper2: #faf4e6;--ink: #2c2420;--accent: #f27977;--wash: #fde8e2;--pink: #f7c4b0;--green: #4f7757;--leaf: #98b89e;--red: #f27977;--yellow: #f2be52;--screen: #211d2b;--mute: rgba(44, 36, 32, .58);--blue: #2f5fb8;--water: #dce6dd;--cork: #e6d6b4;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.17 0 0 0 0 0.14 0 0 0 0 0.12 0 0 0 0.055 0'/></filter><rect width='180' height='180' filter='url(%23g)'/></svg>");--font-hand: "Shantell Sans", cursive;--font-body: "Nunito", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--font-nav: "DM Sans", system-ui, sans-serif;--font-lyric: "Baloo 2", "Noto Sans Devanagari", "Kohinoor Devanagari", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--good: var(--green);--next: var(--yellow);--fix: var(--red);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--t-display: 56px;--t-h1: 40px;--t-h2: 28px;--t-h3: 20px;--t-body: 16px;--t-small: 14px;--t-tiny: 12px;--page-max: 1480px;--rail: 360px;--radius: 14px;--radius-lg: 20px;--page-wash: var(--paper);--page-deep: var(--ink);--page-accent: var(--accent);--page-board: var(--cork);--plum: #6e4a7e;--nav-ink: var(--ink);color-scheme:light}.app[data-page=room]{color:var(--paper2);--mute: rgba(246, 238, 219, .66)}.app[data-page=room] :is(.stage-card,.sheet,.bubble,.sticky,.card,.panel,.notes-sheet){color:var(--ink);--mute: rgba(44, 36, 32, .58)}.app[data-page=room]{background-color:var(--page-board);background-image:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(255,207,120,.12),transparent 70%),radial-gradient(rgba(246,238,219,.11) 1.3px,transparent 1.7px);background-size:100% 100%,26px 26px;background-position:0 0,0 0}.app[data-page=room] .nav-band{background-color:var(--page-board);background-image:radial-gradient(ellipse 70% 120% at 50% 100%,rgba(255,207,120,.1),transparent 70%)}.app[data-page=share]{background-image:radial-gradient(circle at 100% 0%,rgba(96,196,246,.85) 0,rgba(96,196,246,.5) 9%,transparent 24%),radial-gradient(circle at 0% 100%,rgba(96,196,246,.8) 0,rgba(96,196,246,.45) 8%,transparent 22%),var(--grain);background-size:100% 100%,100% 100%,180px 180px;background-attachment:fixed,fixed,scroll}.app{min-height:100vh;background-color:var(--page-wash);background-image:var(--grain),linear-gradient(rgba(44,36,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,36,32,.05) 1px,transparent 1px);background-size:180px 180px,26px 26px,26px 26px;transition:background-color .3s var(--ease)}.app-body{padding:0 32px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:var(--grain),linear-gradient(rgba(44,36,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,36,32,.05) 1px,transparent 1px);background-size:180px 180px,26px 26px,26px 26px}.mute{color:var(--mute)}.app[data-page=room] .logo .wm{-webkit-text-stroke-color:#fff}.ink-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-hand);font-weight:700;font-size:20px;padding:12px 28px;border:3px solid var(--ink);border-radius:14px;background:var(--paper2);color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-decoration:none;line-height:1.1;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.ink-btn:not(:disabled):hover{transform:translate(-1px,-2px)}.ink-btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ink-btn:disabled{opacity:.55;cursor:not-allowed}.ink-btn.solid{background:var(--ink);color:var(--paper)}.ink-btn.green{background:var(--green);color:#fff}.ink-btn.pink{background:var(--pink)}.ink-btn.red{background:var(--red)}.ink-btn.leaf{background:var(--leaf)}.ink-btn.plum{background:var(--plum);color:var(--paper2)}.ink-btn.sm{font-size:16px;padding:8px 18px;box-shadow:3px 3px 0 var(--ink);border-width:2.5px;border-radius:12px}.ink-btn.xs{font-size:14px;padding:6px 14px;box-shadow:2px 2px 0 var(--ink);border-width:2px;border-radius:10px}.ink-btn.light{border-width:2px;box-shadow:2px 2px 0 var(--ink)}.ink-btn.light:not(:disabled):active{box-shadow:0 0 0 var(--ink)}.ink-btn.loading{pointer-events:none;opacity:.75}.ink-btn.loading:after{content:"";width:13px;height:13px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.ink-input{font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--paper2);border:2.5px solid var(--ink);border-radius:12px;padding:10px 14px;width:100%;max-width:360px;box-shadow:inset 2px 2px #2b262214}.ink-input::placeholder{color:var(--mute)}.hl{background:linear-gradient(transparent 18%,rgba(242,190,82,.75) 18%,rgba(242,190,82,.75) 86%,transparent 86%);padding:0 4px;transform:rotate(-1deg);display:inline-block}.bubble{position:relative;background:var(--paper2);border:2.5px solid var(--ink);border-radius:22px;padding:14px 18px;font-size:15px;line-height:1.45;box-shadow:4px 4px 0 var(--ink)}.bubble.tl:before,.bubble.tl:after,.bubble.tr:before,.bubble.tr:after,.bubble.bl:before,.bubble.bl:after,.bubble.br:before,.bubble.br:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.bubble.tl:before{left:-20.5px;top:18.5px;border-width:13px 18px 13px 0;border-right-color:var(--ink)}.bubble.tl:after{left:-16.2px;top:19.8px;border-width:11.7px 16.2px 11.7px 0;border-right-color:var(--paper2)}.bubble.tr:before{right:-20.5px;top:18.5px;border-width:13px 0 13px 18px;border-left-color:var(--ink)}.bubble.tr:after{right:-16.2px;top:19.8px;border-width:11.7px 0 11.7px 16.2px;border-left-color:var(--paper2)}.bubble.bl:before{left:24.5px;bottom:-20.5px;border-width:18px 13px 0 13px;border-top-color:var(--ink)}.bubble.bl:after{left:25.8px;bottom:-16.2px;border-width:16.2px 11.7px 0 11.7px;border-top-color:var(--paper2)}.bubble.br:before{right:54.5px;bottom:-20.5px;border-width:18px 13px 0 13px;border-top-color:var(--ink)}.bubble.br:after{right:55.8px;bottom:-16.2px;border-width:16.2px 11.7px 0 11.7px;border-top-color:var(--paper2)}.ink-btn.inactive{opacity:.45;box-shadow:none;border-style:dashed}.ink-btn.inactive:not(:disabled):hover{transform:none;opacity:.6}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.bob{animation:bob 2.6s ease-in-out infinite;transform-origin:60px 120px}.wl{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);color:var(--ink);font-family:var(--font-body);background-color:var(--paper);background-image:var(--grain),linear-gradient(rgba(44,36,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,36,32,.05) 1px,transparent 1px);background-size:180px 180px,26px 26px,26px 26px}.wl-left{display:flex;flex-direction:column;min-height:100%;padding:clamp(14px,3vh,28px) clamp(20px,2vw,40px) clamp(12px,2.2vh,20px) clamp(28px,11.5vw,210px)}.wl-sub{position:relative;top:20px;margin:0 0 calc(clamp(22px,4.2vh,44px) + 15px);font-family:var(--font-hand);font-weight:700;font-size:clamp(18px,2.7vh,26px);line-height:1.25}.wl-hero{flex:none;margin:auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:760px;padding:clamp(8px,2vh,20px) 0 calc(clamp(36px,11vh,110px) - 15px)}.wl-h1{font-family:var(--font-hand);font-weight:800;font-size:clamp(34px,6.6vh,72px);line-height:1.06;margin:0 0 clamp(22px,4.2vh,42px);text-wrap:balance;position:relative;top:-20px}.wl-block{display:flex;flex-direction:column;gap:clamp(3px,.7vh,7px)}.wl-block+.wl-block{margin-top:clamp(22px,3vh,30px)}.wl-inline-brand{font-family:var(--font-hand);font-weight:800;color:var(--accent);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;font-size:clamp(40px,6.4vh,60px);line-height:1;letter-spacing:.01em;vertical-align:-.12em;margin-right:6px}.wl-desc{margin:0;font-size:clamp(17px,2.5vh,23px);line-height:1.42;color:#2c2420d9;text-wrap:pretty}.wl-right{display:grid;place-items:center;min-height:100%;padding:24px 24px 24px 0}.wl-right>div{width:min(100%,70vh)!important;height:auto!important;aspect-ratio:1}.wl-right>div>img{width:100%!important;height:auto!important}.wl-right>div>div[aria-hidden]{bottom:6%!important}.wl-form{width:min(520px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:clamp(16px,3vh,26px)}.wl-line{display:flex;gap:10px;width:100%}.wl-line .ink-input{flex:1;min-width:0;font-size:18px;padding:12px 14px}.wl-submit{flex:none;font-size:20px;min-height:50px;padding:6px 22px}.wl-link{background:none;border:0;padding:0;color:inherit;font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.8}.wl-error{margin:0;color:#a8403e;font-weight:600;font-size:15px}.wl-error a{color:inherit}.wl-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wl-success{margin-top:clamp(16px,3vh,26px);width:min(560px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.wl-success p{margin:0;font-size:18px}.wl-done{margin:0;font-family:var(--font-hand);font-weight:800;font-size:clamp(24px,4vh,34px)}.wl-songs{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px}.wl-songs-label{font-family:var(--font-hand);font-weight:700;font-size:17px;color:#2c2420cc}.wl-songs .ink-input{font-size:16px;padding:9px 12px}.wl-songs .ink-btn{font-size:16px;min-height:42px;padding:4px 16px}.wl-songs-done{margin:0;font-size:16px;color:var(--mute)}.wl-place{display:flex;align-items:baseline;gap:14px}.wl-place-n{font-family:var(--font-hand);font-weight:800;font-size:clamp(54px,11vh,110px);line-height:1;color:var(--green)}.wl-place-t{font-family:var(--font-hand);font-weight:700;font-size:clamp(20px,3.4vh,32px)}.wl-howto{margin:0;font-size:clamp(17px,2.5vh,21px)}.wl-friends{margin:0;font-weight:700;font-size:17px;color:var(--green)}.wl-share .ink-btn{display:inline-flex;align-items:center;text-decoration:none;font-size:16px;min-height:42px}.wl-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font-size:clamp(16px,2.3vh,19px);color:var(--mute)}.wl-foot .wl-link{font-size:inherit}.wl-green{color:var(--green)}.wl-mark{display:inline;transform:none;padding:0 5px;font-weight:700}.wl-deal .wl-desc{font-weight:700;color:var(--ink)}.wl-key{color:var(--green);font-weight:800}.wl-zigzag{text-decoration:underline wavy var(--accent);text-decoration-thickness:3px;text-underline-offset:7px;text-decoration-skip-ink:none}.wl-brandline{margin-top:clamp(12px,2.4vh,20px)}@media (max-width: 860px){.wl{grid-template-columns:minmax(0,1fr)}.wl-left{min-height:0;padding:14px 18px 16px}.wl-right{order:-1;min-height:0;padding:0;position:absolute;top:8px;right:12px}.wl-right>div{width:clamp(84px,14vh,120px)!important;height:clamp(84px,14vh,120px)!important}.wl-hero{margin-top:clamp(84px,14vh,124px)}.wl-h1{font-size:32px}.wl-desc{font-size:15px;line-height:1.45}.wl-inline-brand{font-size:38px;-webkit-text-stroke-width:2px}.wl-line .ink-input{font-size:16px;padding:10px 12px}.wl-submit{font-size:17px;padding:6px 14px;min-height:46px}}.wl-count{margin:30px 0 0;min-height:1.5em;font-family:"Poppins",var(--font-body);font-weight:400;font-size:15px;line-height:1.5;color:#8a8478}.wl-share{display:flex;gap:10px;flex-wrap:wrap}.wl-x{background:var(--ink);color:var(--paper2)}.wl-in{background:#2f6fa8;color:#fff}.wl-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px;background:#2c24208c;overflow-y:auto}.wl-modal{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(22px,4vh,40px) clamp(18px,4vw,44px) clamp(18px,3vh,30px);background:var(--paper2);border:3px solid var(--ink);border-radius:22px;box-shadow:7px 7px 0 var(--ink)}.wl-modal-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);font-size:24px;line-height:1;cursor:pointer}.wl-modal-h{margin:0;font-family:var(--font-hand);font-weight:800;font-size:clamp(34px,5.4vh,50px);line-height:1}.wl-modal-p{margin:0;font-size:clamp(16px,2.3vh,19px);line-height:1.45;max-width:46ch}.wl-modal-small{margin:0;font-size:15px;color:var(--mute)}.wl-ticket{align-self:stretch;display:flex;flex-direction:column;gap:10px;padding:clamp(14px,2.6vh,24px) 16px;background:#ebe4d2;border-radius:14px}.wl-ticket-n{font-family:var(--font-hand);font-weight:800;font-size:clamp(26px,4.6vh,40px);line-height:1.1}.wl-ticket-held{font-size:14px;color:var(--mute)}.wl-modal .wl-share{justify-content:center}.wl-modal .wl-share .ink-btn{display:inline-flex;align-items:center;text-decoration:none;font-size:16px;min-height:42px;padding:4px 18px}.wl-linkbox{max-width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;font-size:14px;line-height:1.4;padding:10px 14px;background:var(--paper);border:1.5px dashed rgba(44,36,32,.4);border-radius:10px}.wl-linkbox code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:13px;color:var(--green)}.wl-modal-songs{align-self:stretch;padding-top:12px;border-top:2px dashed rgba(44,36,32,.25)}.wl-modal .wl-songs{align-items:stretch;text-align:left}.wl-modal .wl-songs-label{font-size:20px}.wl-modal .wl-songs-hint{font-size:14px;color:var(--mute)}.wl-modal-done{font-size:16px;min-height:40px}.wl-standing{gap:6px;margin-top:clamp(10px,2vh,20px)}.wl-standing .wl-done{font-size:clamp(20px,3.2vh,28px)}.wl-standing .wl-place{gap:10px}.wl-standing .wl-place-n{font-size:clamp(34px,6vh,56px)}.wl-standing .wl-place-t{font-size:clamp(16px,2.4vh,22px)}.wl-standing .wl-howto{font-size:clamp(15px,2.1vh,18px)}.wl-standing-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}.wl-standing-actions .ink-btn{font-size:16px;min-height:42px;padding:4px 18px}.wl-fine{margin:6px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:clamp(14px,2vh,17px);color:var(--mute)}.wl-free{display:inline-flex;align-items:center;gap:7px;padding:4px 14px;border-radius:999px;background:var(--plum);color:var(--paper2);font-family:"Poppins",var(--font-body);font-weight:400;font-size:clamp(15px,2.1vh,18px);line-height:1.3}.wl-free span{color:var(--yellow)}.wl-note{margin:0;font-weight:700;font-size:clamp(15px,2vh,17px);color:var(--green)}