@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hue{syntax:"<number>";inherits:true;initial-value:0}@layer fun, boring;@layer fun{:root{--pink:oklch(68% 0.32 350);--lime:oklch(92% 0.26 128);--cyan:oklch(88% 0.17 200);--yellow:oklch(95% 0.2 105);--orange:oklch(72% 0.22 45);--purple:oklch(52% 0.3 300);--red:oklch(60% 0.26 25);--ink:#000;--paper:#fff;--rainbow:var(--pink),var(--orange),var(--yellow),var(--lime),var(--cyan),var(--purple),var(--pink);--heavy:Impact,Haettenschweiler,"Arial Narrow Bold","Franklin Gothic Bold",sans-serif;--silly:"Comic Sans MS","Comic Sans","Chalkboard SE","Comic Neue","Marker Felt",cursive;--shadow:4px 4px 0 var(--ink),8px 8px 0 var(--pink);--radius:4px 18px 6px 22px/22px 6px 18px 4px;accent-color:var(--pink);caret-color:var(--pink)}*{box-sizing:border-box}body,html{margin:0}html{scrollbar-color:var(--pink) var(--lime)}::selection{background:var(--lime);color:var(--purple)}body{font-family:var(--silly);color:var(--ink);line-height:1.45;background:var(--yellow);min-height:100dvh;overflow-x:hidden;isolation:isolate}body:before{inset:-75vmax;z-index:-2;background:repeating-conic-gradient(from 0deg,var(--pink) 0 10deg,var(--yellow) 10deg 20deg,var(--cyan) 20deg 30deg,var(--lime) 30deg 40deg);animation:rotate 40s linear infinite;will-change:transform}body:after,body:before{content:"";position:fixed}body:after{inset:0;z-index:-1;background:radial-gradient(circle,var(--purple) 22%,transparent 24%) 0 0 /14px 14px;mix-blend-mode:multiply;opacity:.35;pointer-events:none}a{color:var(--purple)}button,input,select,textarea{font:inherit;color:inherit}@supports (animation-timeline:scroll()){html:before{content:"";position:fixed;inset:0 0 auto;height:8px;z-index:10;background:linear-gradient(90deg,var(--rainbow));transform-origin:left;animation:grow linear both;animation-timeline:scroll(root)}}.header{position:relative;padding:18px 16px 22px;background:repeating-linear-gradient(-45deg,var(--red) 0 22px,var(--paper) 22px 44px,oklch(45% .2 265) 44px 66px,var(--paper) 66px 88px);background-size:124.45px 124.45px;animation:pole 2.5s linear infinite;border-bottom:6px solid var(--ink);box-shadow:0 6px 0 var(--pink),0 12px 0 var(--lime)}.header-inner{max-width:760px;min-width:0;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--cyan);transform:rotate(-1.5deg)}.header img{width:58px;height:58px;flex:none;border-radius:50%;padding:4px;background:conic-gradient(from var(--spin),var(--rainbow));animation:spin 3s linear infinite,wobble 4s ease-in-out infinite}.header h1{margin:0;font-size:clamp(1.8rem,8vw,2.6rem);line-height:1;letter-spacing:.02em;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--pink),2px 2px 0 var(--pink),3px 3px 0 var(--pink),4px 4px 0 var(--cyan),5px 5px 0 var(--cyan),6px 6px 0 var(--cyan),7px 7px 0 var(--lime),8px 8px 12px var(--purple);animation:hue 6s linear infinite}.header h1,.header p{font-family:var(--heavy);text-transform:uppercase}.header p{margin:4px 0 0;font-size:.9rem;color:var(--lime);letter-spacing:.06em;white-space:nowrap;transform-origin:left;animation:stretch 5s ease-in-out infinite}main{max-width:760px;margin:0 auto;padding:22px 16px 48px}.tabs{display:flex;gap:12px;margin-bottom:20px}.tab{flex:1 1;padding:12px;border:3px solid var(--ink);border-radius:var(--radius);font-family:var(--heavy);font-size:1.15rem;text-transform:uppercase;cursor:pointer;color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);transition:transform .2s cubic-bezier(.3,2,.5,1)}.tab:nth-child(2n){transform:rotate(1deg)}.tab:nth-child(odd){transform:rotate(-1deg)}.tab[aria-selected=true]{color:var(--paper);background:linear-gradient(90deg,var(--rainbow)) 0 0 /300% 100%,var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);box-shadow:var(--shadow);animation:slide 4s linear infinite;transform:rotate(0) scale(1.04)}.btn{padding:10px 16px;border:3px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:var(--cyan);color:var(--ink);font-weight:800;text-decoration:none;display:inline-block;box-shadow:4px 4px 0 var(--ink);transition:transform .15s cubic-bezier(.3,2,.5,1),box-shadow .15s}.btn:hover{transform:translate(-2px,-2px) rotate(-2deg);box-shadow:6px 6px 0 var(--ink),10px 10px 0 var(--pink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost{background:var(--paper)}.btn.ghost:nth-child(3n+2){background:var(--lime)}.btn.ghost:nth-child(3n+3){background:var(--yellow)}.btn.danger{background:var(--red);color:var(--paper);text-shadow:1px 1px 0 var(--ink)}.btn.gold{background:linear-gradient(90deg,var(--rainbow)) 0 0 /300% 100%;animation:slide 4s linear infinite;font-family:var(--heavy);text-transform:uppercase;letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.btn.big{width:100%;padding:18px;font-size:1.5rem}.btn.gold.big{box-shadow:var(--shadow);animation:slide 4s linear infinite,jiggle 2.4s ease-in-out infinite}.btn:disabled{filter:grayscale(1) contrast(.7);cursor:not-allowed;animation:none;transform:none}.field{width:100%;padding:11px 13px;border:3px dashed var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:inset 3px 3px 0 var(--lime)}.field::placeholder{color:var(--purple);opacity:.7}.field:focus{outline:none;border-style:solid;background:linear-gradient(var(--paper),var(--paper)) padding-box,conic-gradient(from var(--spin),var(--rainbow)) border-box;border-color:transparent;animation:spin 2s linear infinite;box-shadow:4px 4px 0 var(--ink)}select.field{width:auto;cursor:pointer}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row .field{flex:1 1;min-width:0}.stack>*+*{margin-top:16px}.card{--fill:var(--paper);position:relative;padding:16px;border:5px solid transparent;border-radius:var(--radius);background:linear-gradient(var(--fill),var(--fill)) padding-box,conic-gradient(from var(--spin),var(--rainbow)) border-box;box-shadow:6px 6px 0 var(--ink);animation:spin 6s linear infinite;transform:rotate(-.6deg)}.card:nth-of-type(3n+1){--fill:var(--lime)}.card:nth-of-type(3n+2){--fill:var(--paper);transform:rotate(.7deg)}.card:nth-of-type(3n){--fill:var(--cyan);transform:rotate(-.3deg)}.card h3{margin:0 0 4px;font-family:var(--heavy);font-size:1.45rem;line-height:1.1;text-transform:uppercase;letter-spacing:.01em;text-shadow:2px 2px 0 var(--pink)}.meta{font-size:.95rem;font-weight:700}.note{margin:10px 0 0;padding:8px 10px;background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);transform:rotate(.8deg)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.actions a,.actions button{font-size:.95rem;padding:6px 12px}.spotlight{--fill:var(--paper);margin-top:28px;border-width:8px;animation:spin 2s linear infinite,throb 3s ease-in-out infinite;box-shadow:8px 8px 0 var(--ink),16px 16px 0 var(--pink),24px 24px 0 var(--cyan)}.spotlight:before{content:"SING IT!";position:absolute;top:-26px;right:-8px;display:grid;place-items:center;width:84px;height:84px;font-family:var(--heavy);font-size:1rem;color:var(--ink);background:var(--yellow);-webkit-clip-path:polygon(50% 0,61% 18%,82% 7%,80% 29%,100% 33%,86% 50%,100% 67%,80% 71%,82% 93%,61% 82%,50% 100%,39% 82%,18% 93%,20% 71%,0 67%,14% 50%,0 33%,20% 29%,18% 7%,39% 18%);clip-path:polygon(50% 0,61% 18%,82% 7%,80% 29%,100% 33%,86% 50%,100% 67%,80% 71%,82% 93%,61% 82%,50% 100%,39% 82%,18% 93%,20% 71%,0 67%,14% 50%,0 33%,20% 29%,18% 7%,39% 18%);animation:rotate 8s linear infinite;z-index:1}.spotlight h3{font-size:2rem;padding-right:64px}.video{position:relative;aspect-ratio:16/9;margin-top:14px;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--purple)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.error{padding:10px 12px;font-weight:800;color:var(--paper);background:var(--red);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);animation:wobble 1.5s ease-in-out infinite}.error:before{content:"⚠️ "}.empty{padding:20px;text-align:center;font-size:1.15rem;background:var(--paper);border:3px dashed var(--ink);border-radius:var(--radius);transform:rotate(-1deg)}.chip,.empty{font-weight:800}.chip{display:inline-block;padding:3px 10px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,var(--rainbow)) 0 0 /300% 100%;animation:slide 4s linear infinite}.room-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink)}.room-bar .meta{flex:1 1;min-width:0}.picked-by{width:-moz-fit-content;width:fit-content;margin:10px auto 0;padding:2px 12px;background:var(--paper);border:2px solid var(--ink);border-radius:999px}.header-text{flex:1 1;min-width:0}.mode-toggle{flex:none;align-self:flex-start;padding:4px 10px;border:2px solid var(--lime);border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:800;color:var(--lime);background:var(--ink)}.mode-toggle:hover{color:var(--ink);background:var(--lime)}.sheet{margin-top:14px;padding:6px;background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--purple)}.sheet canvas,.sheet img{display:block;width:100%;height:auto;background:#fff}.sheet canvas+canvas{margin-top:6px;border-top:3px dashed var(--ink)}.sheet-status{margin:0;padding:20px;text-align:center;font-weight:800}.sheet .error{margin:0}.sheet-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:6px}.sheet-bar .btn{padding:4px 10px;font-size:.9rem}.sheet-title{flex:1 1;min-width:0;font-family:var(--heavy);font-size:1.2rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-full{position:fixed;inset:0;z-index:100;margin:0;padding:0 max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain;border:0;box-shadow:none}.sheet-full .sheet-bar{position:-webkit-sticky;position:sticky;top:0;z-index:1;margin:0 -8px 8px;padding:max(8px,env(safe-area-inset-top)) 8px 8px;background:var(--yellow);border-bottom:4px solid var(--ink)}html[data-surf=on] main{padding-bottom:calc(min(42dvh, 380px) + 48px)}.surf{position:fixed;inset:auto 0 0;z-index:50;height:min(42dvh,380px);overflow:hidden;border-top:5px solid var(--ink);background:#ffc2ea;-moz-user-select:none;user-select:none;-webkit-user-select:none}.surf.big{height:100dvh;border-top:0}.surf-stage{position:absolute;inset:0;touch-action:none;outline:none;cursor:pointer}.surf-stage canvas{display:block;width:100%;height:100%}.surf-hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:8px;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--heavy);font-size:1.05rem;pointer-events:none}.surf-hud span{padding:2px 10px;color:var(--paper);background:var(--ink);border-radius:999px}.surf-coins{display:inline-flex;align-items:center;gap:4px}.surf-coins img{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px #ffc928}.surf-buttons{position:absolute;top:max(8px,env(safe-area-inset-top));right:8px;display:flex;gap:6px}.surf-btn{width:38px;height:38px;cursor:pointer;font-size:1.05rem;font-weight:800;color:var(--paper);background:var(--ink);border:2px solid var(--paper);border-radius:50%}.surf-card{position:absolute;left:50%;top:55%;translate:-50% -50%;width:min(88%,340px);margin:0;padding:12px 16px;text-align:center;font-weight:800;background:var(--paper);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--pink);pointer-events:none}.surf-card b{display:block;font-family:var(--heavy);font-size:1.6rem;font-weight:400;text-transform:uppercase}.surf-card p{margin:4px 0}.surf-board,.surf-over{top:54%;pointer-events:auto;max-height:calc(100% - 64px);overflow:auto}.surf-save{display:flex;gap:6px;margin-top:8px}.surf-save .field{min-width:0;padding:8px 10px}.surf-actions .btn,.surf-save .btn{padding:8px 12px;font-size:.95rem}.surf-actions{display:flex;justify-content:center;gap:8px;margin-top:10px}.surf-board{top:calc(50% + 24px)}.surf-board ol{margin:6px 0 10px;padding:0;list-style:none;counter-reset:rank;text-align:left}.surf-board li{display:flex;gap:8px;padding:3px 4px;counter-increment:rank;border-bottom:2px dashed var(--ink)}.surf-board li:before{content:counter(rank) ".";width:1.6em}.surf-board li span:first-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-board li.me,.surf-toggle{background:var(--lime)}.surf-toggle{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:50;padding:8px 14px;cursor:pointer;font-family:var(--heavy);font-size:1rem;text-transform:uppercase;color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink)}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes spin{to{--spin:360deg}}@keyframes hue{to{filter:hue-rotate(1turn)}}@keyframes slide{to{background-position:300% 0}}@keyframes pole{to{background-position:124.45px 0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wobble{0%,to{rotate:-4deg}50%{rotate:4deg}}@keyframes jiggle{0%,80%,to{rotate:0deg}84%{rotate:-2deg}88%{rotate:2deg}92%{rotate:-1deg}96%{rotate:1deg}}@keyframes throb{0%,to{scale:1}50%{scale:1.02}}@keyframes stretch{0%,to{scale:1 1}50%{scale:1.12 1.2}}@media (prefers-reduced-motion:reduce){*,:after,:before,html:before{animation:none!important;transition:none!important}}}@layer boring{[data-mode=boring]{--ink:#1c1c1e;--muted:#6b6b70;--line:#dcdcdf;--paper:#fff;--bg:#f4f4f5;--accent:#2457a6;--accent-ink:#fff;--danger:#b3261e;--accent-hover:#1d4687;--selection:#cfe0fa;--error-bg:#fdecea;--error-line:#f3c1bc;--chip-ink:#1e6b34;--chip-bg:#e5f4e9;--chip-line:#b9dfc4;--radius:8px;color-scheme:light;accent-color:var(--accent);caret-color:auto;scrollbar-color:auto}@media (prefers-color-scheme:dark){[data-mode=boring]{--ink:#ececee;--muted:#a1a1a8;--line:#3a3a3f;--paper:#1f1f22;--bg:#141416;--accent:#7aa7ec;--accent-ink:#0e1a2e;--danger:#f2817a;--accent-hover:#9dbef2;--selection:#2b4570;--error-bg:#3a1c1a;--error-line:#6b302b;--chip-ink:#9fdcae;--chip-bg:#1a3322;--chip-line:#2f5a3c;color-scheme:dark}}[data-mode=boring] *,[data-mode=boring] :after,[data-mode=boring] :before{animation:none}[data-mode=boring] .spotlight:before,[data-mode=boring] body:after,[data-mode=boring] body:before,[data-mode=boring]:before{content:none;display:none}[data-mode=boring] ::selection{background:var(--selection);color:inherit}[data-mode=boring] body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}[data-mode=boring] a{color:var(--accent)}[data-mode=boring] .header{padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}[data-mode=boring] .header-inner{padding:0;background:none;border-radius:0;box-shadow:none;transform:none}[data-mode=boring] .header img{width:44px;height:44px;padding:0;background:none}[data-mode=boring] .header h1{font-family:inherit;font-size:1.25rem;font-weight:650;letter-spacing:0;text-transform:none;color:var(--ink);-webkit-text-stroke:0;text-shadow:none}[data-mode=boring] .header p{margin-top:2px;font-family:inherit;font-size:.85rem;letter-spacing:0;text-transform:none;color:var(--muted)}[data-mode=boring] .mode-toggle{align-self:center;border:1px solid var(--line);font-weight:500;color:var(--ink);background:var(--paper)}[data-mode=boring] .surf,[data-mode=boring] .surf-toggle{display:none}[data-mode=boring] main{padding-bottom:48px}[data-mode=boring] .mode-toggle:hover{background:var(--bg)}[data-mode=boring] .tabs{gap:0;border-bottom:1px solid var(--line)}[data-mode=boring] .tab,[data-mode=boring] .tab[aria-selected=true]{padding:10px;border:0;border-bottom:2px solid transparent;border-radius:0;font-family:inherit;font-size:1rem;font-weight:500;text-transform:none;color:var(--muted);background:none;-webkit-text-stroke:0;text-shadow:none;box-shadow:none;transform:none}[data-mode=boring] .tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}[data-mode=boring] .btn,[data-mode=boring] .btn.ghost{border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);-webkit-text-stroke:0;text-shadow:none;box-shadow:none;transition:background-color .15s}[data-mode=boring] .btn:hover{background:var(--bg);transform:none;box-shadow:none}[data-mode=boring] .btn:active{transform:none}[data-mode=boring] .btn.gold{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}[data-mode=boring] .btn.gold:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-mode=boring] .btn.danger{color:var(--danger);background:var(--paper)}[data-mode=boring] .btn.big{padding:14px;font-size:1.1rem;font-weight:600}[data-mode=boring] .btn:disabled{filter:none;opacity:.5}[data-mode=boring] .field,[data-mode=boring] .field:focus{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:none}[data-mode=boring] .field:focus{outline:2px solid var(--accent);outline-offset:-1px}[data-mode=boring] .field::placeholder{color:var(--muted);opacity:1}[data-mode=boring] .card{border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 1px 2px rgb(0 0 0/.04);transform:none}[data-mode=boring] .card h3{font-family:inherit;font-size:1.15rem;font-weight:600;letter-spacing:0;text-transform:none;text-shadow:none}[data-mode=boring] .meta{font-size:.9rem;font-weight:400;color:var(--muted)}[data-mode=boring] .note{background:var(--bg);border:0;border-radius:6px;transform:none}[data-mode=boring] .spotlight{margin-top:16px;border:2px solid var(--accent);box-shadow:0 2px 8px rgb(0 0 0/.08)}[data-mode=boring] .spotlight h3{font-size:1.4rem;padding-right:0}[data-mode=boring] .sheet,[data-mode=boring] .video{border:1px solid var(--line);border-radius:6px;box-shadow:none;overflow:hidden}[data-mode=boring] .sheet canvas+canvas{border-top:1px solid var(--line)}[data-mode=boring] .sheet-full{border:0;border-radius:0;overflow:auto}[data-mode=boring] .sheet-full .sheet-bar{background:var(--paper);border-bottom:1px solid var(--line)}[data-mode=boring] .sheet-title{font-family:inherit;font-weight:600;font-size:1rem;text-transform:none}[data-mode=boring] .sheet-status{font-weight:400;color:var(--muted)}[data-mode=boring] .error{font-weight:500;color:var(--danger);background:var(--error-bg);border:1px solid var(--error-line);border-radius:var(--radius);box-shadow:none}[data-mode=boring] .error:before{content:none}[data-mode=boring] .empty{font-size:1rem;font-weight:400;color:var(--muted);border:1px dashed var(--line);transform:none}[data-mode=boring] .room-bar{border:1px solid var(--line);box-shadow:none}[data-mode=boring] .picked-by{background:none;border:0}[data-mode=boring] .chip{font-weight:500;color:var(--chip-ink);background:var(--chip-bg);border:1px solid var(--chip-line)}}