@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#111;--ink-2:#444;--paper:#fff;--red:#d7282f;--brown:#8b5a2b;--green:#2e9b47;--yellow:#ffcb05;--blue:#1560bd;--orange:#e8561f;--night:#101b33;--night-text:#f4f4f2;--bg:var(--paper);--on-bg:var(--ink);--on-bg-2:var(--ink-2);--accent-name:var(--blue);--line:3px solid var(--ink);--r-input:14px;--r-card:16px;--r-button:18px;--r-big:20px;--r-question:22px;--r-pill:999px;--press:0 5px 0 var(--ink);--font:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-people:"Shantell Sans Variable", "Shantell Sans", cursive;--max-width:30rem;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:var(--night);--on-bg:var(--night-text);--on-bg-2:#c9ccd6;--accent-name:var(--yellow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cat-intimate{--cat:var(--red);--on-cat:var(--paper)}.cat-personal{--cat:var(--brown);--on-cat:var(--paper)}.cat-casual{--cat:var(--green);--on-cat:var(--ink)}.cat-trivial{--cat:var(--yellow);--on-cat:var(--ink)}.cat-misc{--cat:var(--blue);--on-cat:var(--paper)}.cat-added{--cat:var(--paper);--on-cat:var(--ink)}.cat-any{--cat:var(--ink);--on-cat:var(--paper)}.cat-red{--cat:var(--red);--on-cat:var(--paper)}.cat-brown{--cat:var(--brown);--on-cat:var(--paper)}.cat-green{--cat:var(--green);--on-cat:var(--ink)}.cat-yellow{--cat:var(--yellow);--on-cat:var(--ink)}.cat-blue{--cat:var(--blue);--on-cat:var(--paper)}.cat-white{--cat:var(--paper);--on-cat:var(--ink)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--on-bg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:normal}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}:root[data-theme=dark] :focus-visible{outline-color:var(--yellow)}h1:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.num{font-variant-numeric:tabular-nums}.people{font-family:var(--font-people);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}:root[data-page=home]{--page:var(--yellow);--on-page:var(--ink);--on-page-2:var(--ink)}:root[data-page=recap]{--page:var(--blue);--on-page:var(--paper);--on-page-2:var(--paper)}:root[data-theme=dark][data-page=home],:root[data-theme=dark][data-page=recap]{--page:var(--night);--on-page:var(--night-text);--on-page-2:var(--night-text)}:root[data-page=pass]{--page:var(--cat);--on-page:var(--on-cat);--on-page-2:var(--on-cat)}html,body{background:var(--page,var(--bg))}.app{max-width:var(--max-width);padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));margin:0 auto}.screen{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));color:var(--on-page,var(--on-bg));flex-direction:column;gap:16px;display:flex}.title{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.02}.label{font-size:14px;font-weight:700}.hint{color:var(--on-page-2,var(--on-bg-2));font-size:15px}.people{font-family:var(--font-people)}.topline{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.topline-left,.topline-right{align-items:center;gap:10px;display:flex}.topline-right{gap:8px}.round-button{border:var(--line);border-radius:var(--r-pill);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.pill{border:var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);white-space:nowrap;align-items:center;padding:5px 10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}button.pill{cursor:pointer}.text-button{min-height:44px;color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:15px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.counter{border:var(--line);background:var(--ink);height:42px;color:var(--yellow);letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;padding:0 12px;font-size:17px;font-weight:800;display:inline-flex}.drum{height:1.2em;line-height:1.2em;display:block;overflow:hidden}.drum-strip{flex-direction:column;display:flex}.drum-strip.is-rolling{transition:transform .6s cubic-bezier(.55,0,.25,1.15)}.drum-digit{text-align:center;height:1.2em;display:block}.btn-main,.btn{border:var(--line);width:100%;color:var(--ink);font-family:var(--font);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.btn-main{border-radius:var(--r-button);background:var(--orange);min-height:62px;box-shadow:var(--press);margin-bottom:5px;padding:8px 16px;font-size:20px;font-weight:800;line-height:1.15;transition:transform 60ms ease-out,box-shadow 60ms ease-out}.btn-main:active:not(:disabled){box-shadow:none;transform:translateY(5px)}.btn-main:disabled{cursor:not-allowed;box-shadow:none;background:var(--paper);color:var(--ink-2);transform:translateY(5px)}.btn{border-radius:var(--r-button);background:var(--paper);min-height:54px;padding:8px 16px;font-size:17px;font-weight:700;line-height:1.15}.btn:disabled{cursor:not-allowed;color:var(--ink-2)}.btn-green{border-radius:var(--r-card);background:var(--green);font-size:15px;font-weight:800}.btn-sm{border-radius:var(--r-card);min-height:50px;font-size:15px}.btn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn-grid .btn{border-radius:var(--r-card);padding:6px;font-size:15px;font-weight:800}.stack{flex-direction:column;gap:12px;display:flex}.push-down{margin-top:auto}.card{border:var(--line);border-radius:var(--r-card);background:var(--paper);color:var(--ink)}.qcard{border:var(--line);border-radius:var(--r-question);background:var(--cat);color:var(--on-cat);flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.qcard-cat{font-size:14px;font-weight:700}.qcard-text{letter-spacing:-.02em;font-size:33px;font-weight:800;line-height:1.02}.qcard.is-added .qcard-text{font-family:var(--font-people);letter-spacing:-.01em;font-size:30px;font-weight:800;line-height:1.1}.qcard-credit{font-family:var(--font-people);font-weight:700}.np-row{border:var(--line);border-radius:var(--r-button);background:var(--green);color:var(--ink);align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.np-row .otto{flex:none}.np-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.np-label{font-size:12px;font-weight:700}.np-title{overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.2}.np-artist{font-size:14px;font-weight:500}.name-on-card{max-width:40%;font-family:var(--font-people);color:var(--paper);-webkit-text-stroke:1px var(--ink);overflow-wrap:anywhere;text-align:right;flex:none;font-size:26px;font-weight:800;line-height:1}.up{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:4px;display:flex}.up-name{font-family:var(--font-people);color:var(--accent-name);overflow-wrap:anywhere;font-size:40px;font-weight:800;line-height:1}.up-text{font-size:18px;font-weight:700}.input{border:var(--line);border-radius:var(--r-input);background:var(--paper);width:100%;min-height:50px;color:var(--ink);font-family:var(--font);padding:0 16px;font-size:16px;font-weight:500}textarea.input{resize:vertical;padding:12px 16px;line-height:1.35}.input::placeholder{color:var(--ink-2);opacity:1}.input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.input-people{font-family:var(--font-people);font-size:18px;font-weight:700}.input-people::placeholder{font-family:var(--font);font-size:16px;font-weight:500}.input[type=search]::-webkit-search-cancel-button{appearance:none}.field,.results{flex-direction:column;gap:8px;display:flex}.result{border:var(--line);border-radius:var(--r-input);background:var(--paper);width:100%;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.result.is-selected{background:var(--yellow)}.result.is-repeat{cursor:not-allowed}.art{border:var(--line);object-fit:cover;background:var(--brown);border-radius:8px;flex:none;width:44px;height:44px}.result-text{flex-direction:column;flex:1;min-width:0;display:flex}.result-title{overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.25}.result-artist{font-size:13px;font-weight:500}.result-flag{font-size:12px;font-weight:700}.result-skeleton{cursor:default}.result-skeleton .art{background:var(--paper);border-style:dashed}.skeleton-line{border:2px dashed var(--ink);border-radius:6px;width:60%;height:12px;margin:3px 0;display:block}.skeleton-line.short{width:35%}.keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.keys.keys-2{grid-template-columns:repeat(2,minmax(0,1fr))}.keys.keys-1{grid-template-columns:minmax(0,1fr)}.key{border:var(--line);border-radius:var(--r-card);background:var(--paper);min-height:84px;color:var(--ink);font-family:var(--font);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;transition:transform 60ms ease-out;display:flex}.key:active:not(:disabled){transform:translateY(2px)}.key[aria-pressed=true]{background:var(--yellow)}.key:disabled{cursor:not-allowed}.key:disabled svg{opacity:.4}.key-label{text-align:center;font-size:13px;font-weight:700;line-height:1.2}.key-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip input{opacity:0;width:1px;height:1px;position:absolute}.chip span{border:var(--line);border-radius:var(--r-pill);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.chip input:checked+span{background:var(--cat);color:var(--on-cat)}.chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:8px;padding:0}.choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice span{border:var(--line);border-radius:var(--r-input);background:var(--paper);min-height:54px;color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;padding:8px 12px;font-size:15px;font-weight:800;line-height:1.2;display:flex}.choice small{font-size:12px;font-weight:500}.choice input:checked+span{background:var(--yellow)}.choice input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.rows{flex-direction:column;gap:8px;display:flex}.row-card{border:var(--line);border-radius:var(--r-card);background:var(--paper);min-height:58px;color:var(--ink);align-items:center;gap:4px;padding:4px 4px 4px 14px;display:flex}.row-number{font-variant-numeric:tabular-nums;width:26px;color:var(--ink-2);flex:none;font-size:14px;font-weight:800}.row-input{min-width:0;min-height:44px;color:var(--ink);font-family:var(--font-people);background:0 0;border:0;border-radius:8px;flex:1;padding:0 6px;font-size:22px;font-weight:700}.row-input:focus-visible{outline:3px solid var(--blue);outline-offset:0}.icon-button{width:40px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-button:disabled{opacity:.3;cursor:not-allowed}.add-row{grid-template-columns:1fr auto;gap:8px;display:grid}.add-row .btn{border-radius:var(--r-input);min-height:50px;padding:0 18px}.home{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom));gap:22px}.home .topline{justify-content:space-between}.home-otto{justify-content:center;display:flex}.home-title{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.home-title h1{letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:.95}.home-tagline{font-size:18px;font-weight:500}.home-buttons{flex-direction:column;gap:12px;margin-top:6px;display:flex}.home-groups{flex-direction:column;gap:10px;margin-top:auto;display:flex}.group-cards{flex-wrap:wrap;gap:10px;display:flex}.group-card{border:var(--line);border-radius:var(--r-card);background:var(--paper);min-height:72px;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;flex-direction:column;flex:auto;justify-content:center;gap:2px;padding:12px 14px;display:flex}.group-card-name{font-family:var(--font-people);overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.15}.group-card-meta{color:var(--ink-2);font-size:13px}.group-card-new .group-card-name{font-family:var(--font);font-size:17px;font-weight:800}.paused{border:var(--line);border-radius:var(--r-button);background:var(--night);color:var(--night-text);align-items:center;gap:12px;padding:12px 14px 12px 8px;display:flex}.paused .otto{flex:none}.paused-text{flex-direction:column;gap:2px;min-width:0;display:flex}.paused-title{font-size:17px;font-weight:800}.paused-meta{font-size:13px}.pass{gap:18px}.pass-centre{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.pass-lead{margin-top:12px;font-size:18px;font-weight:700}.pass-name{font-family:var(--font-people);overflow-wrap:anywhere;font-size:clamp(48px,16vw,68px);font-weight:800;line-height:1}.pass-question{max-width:22ch;margin-top:8px;font-size:17px;font-weight:700;line-height:1.25}.pass-links{justify-content:space-between;display:flex}.np-card{border:var(--line);border-radius:var(--r-big);background:var(--green);color:var(--ink);flex-direction:column;gap:4px;padding:16px;display:flex}.np-card-top{align-items:center;gap:14px;display:flex}.np-card .art{border-radius:12px;width:112px;height:112px}.np-card .np-title{font-size:22px;line-height:1.15}.np-card .np-artist{font-size:16px}.np-card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:-6px;display:flex}.np-card-foot .name-on-card{text-align:left;max-width:60%;font-size:30px}.np-skip{font-size:13px;font-weight:700}.prompt{font-size:17px;font-weight:700}.prompt .people{color:var(--accent-name);font-size:1.15em}.tag{border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-family:var(--font);vertical-align:.15em;align-items:center;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex}.tag-explicit{background:var(--ink);color:var(--paper)}.panel{border:var(--line);border-radius:var(--r-card);background:var(--paper);color:var(--ink);flex-direction:column;gap:10px;padding:14px;display:flex}.panel-head{align-items:center;gap:10px;display:flex}.notice{border:var(--line);border-radius:var(--r-input);background:var(--paper);color:var(--ink);padding:12px 14px;font-size:15px;font-weight:700}.inline-buttons{flex-wrap:wrap;gap:8px;display:flex}.inline-buttons .btn{border-radius:var(--r-input);width:auto;min-height:48px;font-size:15px}.moment{z-index:20;background:var(--yellow);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.moment-name{font-family:var(--font-people);font-size:40px;font-weight:800;line-height:1}.moment-text{font-size:18px;font-weight:700}.empty{align-items:center;gap:12px;padding:4px 0;display:flex}.empty-text{font-size:15px;font-weight:500}.inlay{border:var(--line);border-radius:var(--r-big);background:var(--paper);color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.inlay-spine{border-bottom:var(--line);background:var(--yellow);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.inlay-spine-name{min-width:0;font-family:var(--font-people);overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1.15}.inlay-spine-brand{font-family:var(--font)}.inlay-spine-date{flex:none;font-size:13px;font-weight:700}.inlay-body{flex-direction:column;gap:18px;padding:16px;display:flex}.inlay-q{flex-direction:column;gap:8px;display:flex}.inlay-q-head{align-items:center;gap:8px;display:flex}.cat-square{border:2.5px solid var(--ink);background:var(--cat);border-radius:4px;flex:none;width:19px;height:19px}.inlay-q-text{font-size:14px;font-weight:800;line-height:normal}.inlay-q-text.people{font-size:16px}.inlay-credit{font-family:var(--font-people);color:var(--ink-2);font-size:13px;font-weight:700;display:block}.inlay-picks{flex-direction:column;gap:6px;padding-left:27px;display:flex}.inlay-pick{justify-content:space-between;align-items:baseline;gap:8px;line-height:normal;display:flex}.inlay-song{min-width:0;font-size:14px;text-decoration:none}a.inlay-song:hover .inlay-title{text-decoration:underline}.inlay-title{font-weight:700}.inlay-artist{color:var(--ink-2)}.inlay-who{font-family:var(--font-people);color:var(--blue);flex:none;font-size:17px;font-weight:700}.inlay-note{font-family:var(--font-people);color:var(--ink-2);margin-top:2px;font-size:13px;font-weight:700;display:block}.inlay-divider{border-top:2px dashed var(--ink)}.inlay-foot{border-top:var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.inlay-foot-name{font-size:13px;font-weight:800}.inlay-foot-domain{color:var(--ink-2);font-size:12px;font-weight:600}.inlay-empty{color:var(--ink-2);font-size:14px}.recap{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom));gap:18px}.recap-head{justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}.recap-head-text{color:var(--on-page);flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.recap-kicker{font-size:16px;font-weight:700}.recap-head h1{letter-spacing:-.03em;font-size:38px;font-weight:800;line-height:.95}.recap-actions{flex-direction:column;gap:10px;display:flex}.recap-status{color:var(--on-page);font-size:14px;font-weight:600}.mini-inlay .inlay-body{gap:10px;padding:14px 16px}.rules{flex-direction:column;gap:8px;display:flex}.rule{border:var(--line);border-radius:var(--r-card);background:var(--paper);color:var(--ink);gap:12px;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.3;display:flex}.rule-n{border:var(--line);border-radius:var(--r-pill);background:var(--yellow);flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.key-guide{flex-direction:column;gap:8px;display:flex}.key-guide-row{border:var(--line);border-radius:var(--r-card);background:var(--paper);color:var(--ink);align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.key-guide-row svg{flex:none}.key-guide-text{flex-direction:column;gap:2px;font-size:14px;line-height:1.3;display:flex}.key-guide-text strong{font-size:15px;font-weight:800}.spine-card{border:var(--line);border-radius:var(--r-big);background:var(--paper);color:var(--ink);overflow:hidden}.spine-card .inlay-spine{border-bottom:0}.spine-card .inlay-spine-name{font-size:30px}.spine-members{border-top:var(--line);font-family:var(--font-people);padding:10px 16px 12px;font-size:17px;font-weight:700}.list-card{overflow:hidden}.list-card .inlay-body{gap:8px}.past-game summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.past-game summary::-webkit-details-marker{display:none}.past-game-date{font-size:15px;font-weight:800}.past-game-meta{color:var(--ink-2);font-size:13px}.past-game-body{flex-direction:column;gap:10px;padding:6px 0 10px;display:flex}.danger{color:#b3261e}:root[data-theme=dark] .screen>.danger,:root[data-theme=dark] .danger-on-bg{color:#ff8a80}.otto{overflow:visible}.otto .v{display:none}.otto .whole{transform-box:fill-box;transform-origin:50% 100%}.otto .eye,.otto .reel{transform-box:fill-box;transform-origin:50%}.m-idle .eo,.m-idle .msmile,.m-idle .armsdown,.m-listen .ec,.m-listen .mwide,.m-listen .armsdown,.m-listen .notes,.m-ff .er,.m-ff .msmile,.m-ff .armsdown,.m-ff .speed,.m-think .eu,.m-think .mflat,.m-think .armthink,.m-think .dots,.m-rec .eo,.m-rec .mo,.m-rec .armsdown,.m-hooray .eo,.m-hooray .mopen,.m-hooray .armsup,.m-hooray .burst,.m-chewed .ew,.m-chewed .mo,.m-chewed .armsdown,.m-chewed .tape,.m-sleep .ec,.m-sleep .msmile,.m-sleep .armsdown,.m-sleep .zs{display:inline}.otto.m-idle.is-waving .armsdown{display:none}.otto.m-idle.is-waving .armwave{display:inline}@keyframes otto-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}.m-idle .eye{animation:3.5s infinite otto-blink}@keyframes otto-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.m-listen .whole{animation:1.1s ease-in-out infinite otto-bob}@keyframes otto-floatup{0%{opacity:0;transform:translateY(12px)}25%{opacity:1}to{opacity:0;transform:translate(14px,-40px)}}.m-listen .n1{animation:2s linear infinite otto-floatup}.m-listen .n2{animation:2s linear 1s infinite otto-floatup}@keyframes otto-spin{to{transform:rotate(360deg)}}.m-ff .reel{animation:.35s linear infinite otto-spin}@keyframes otto-lean{0%,to{transform:skew(-6deg)translate(0)}50%{transform:skew(-8deg)translate(4px)}}.m-ff .whole{animation:.4s ease-in-out infinite otto-lean}@keyframes otto-flicker{0%,to{opacity:1}50%{opacity:.2}}.m-ff .speed path{animation:.3s linear infinite otto-flicker}@keyframes otto-dot{0%,20%{opacity:0}40%,80%{opacity:1}to{opacity:0}}.m-think .d1{animation:1.8s infinite otto-dot}.m-think .d2{animation:1.8s .3s infinite otto-dot}.m-think .d3{animation:1.8s .6s infinite otto-dot}@keyframes otto-ponder{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}.m-think .whole{animation:2.4s ease-in-out infinite otto-ponder}@keyframes otto-rec{0%,to{fill:#e8561f}50%{fill:#d7282f}}.m-rec .otto-button{animation:.8s step-end infinite otto-rec}@keyframes otto-hop{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(4px)scale(1.07,.9)}50%{transform:translateY(-26px)scale(.95,1.06)}80%{transform:translateY(2px)scale(1.05,.94)}}.m-hooray .whole{animation:.9s ease-in-out infinite otto-hop}@keyframes otto-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.m-chewed .whole{animation:.6s ease-in-out infinite otto-wobble}@keyframes otto-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.97)}}.m-sleep .whole{animation:3s ease-in-out infinite otto-breathe}@keyframes otto-zfloat{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}to{opacity:0;transform:translate(10px,-30px)}}.m-sleep .z1{animation:2.6s linear infinite otto-zfloat}.m-sleep .z2{animation:2.6s linear 1.3s infinite otto-zfloat}@media (prefers-reduced-motion:reduce){.otto *{animation:none!important}}.home-title-text{letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:.95}.home .topline .text-button{padding-left:0}.panel .hint,.card .hint,.inlay .hint{color:var(--ink-2)}.recap-count{letter-spacing:-.03em;font-size:38px;font-weight:800;line-height:.95}.inlay-link{text-decoration:none}.inlay-link:hover .inlay-title{text-decoration:underline}h2.inlay-q-text{margin:0}.recap>.text-button{color:var(--on-page);align-self:center}.hint,.prompt,.rule,.key-guide-text,.empty-text,.moment-text,.recap-status,.notice{line-height:1.4}.tape-card{border:var(--line);border-radius:var(--r-button);background:var(--paper);color:var(--ink);flex-direction:column;gap:10px;padding:12px;display:flex}.tape-card.is-last{background:var(--yellow)}.tape-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tape-left{align-items:center;gap:10px;min-width:0;display:flex}.tape-card .counter{border:0;height:36px}.tape-label{font-size:13px;font-weight:700}.tape-last{font-size:17px;font-weight:800}.reels{flex:none}.reels .tape-wind{transform-box:fill-box;transform-origin:50%;transition:transform .8s ease-in-out}.reels .hub{transform-box:fill-box;transform-origin:50%}@keyframes reel-spin{to{transform:rotate(360deg)}}.reels.is-playing .hub{animation:3s linear infinite reel-spin}@media (prefers-reduced-motion:reduce){.reels.is-playing .hub{animation:none}.reels .tape-wind{transition:none}}.otto.is-still,.otto.is-still *{animation:none!important}.setup-screen{gap:18px}.setup-screen .title{letter-spacing:-.03em;font-size:38px;line-height:1}.setup-group{flex-direction:column;gap:10px;display:flex}.setup-heading{margin-bottom:10px;font-size:16px;font-weight:800}.setup-carry{font-size:17px;font-weight:600;line-height:1.4}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.deck-card{border:var(--line);border-radius:var(--r-card);background:var(--paper);min-height:70px;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;flex-direction:column;justify-content:center;gap:2px;margin-bottom:4px;padding:10px 12px;display:flex;position:relative}.deck-card.is-selected{background:var(--cat);color:var(--on-cat);box-shadow:0 4px 0 var(--ink)}.deck-name{align-items:center;gap:6px;font-size:17px;font-weight:800;line-height:1.15;display:flex}.deck-swatch{border:2.5px solid var(--ink);background:var(--cat);border-radius:4px;flex:none;width:17px;height:17px}.deck-description{color:var(--ink-2);font-size:12px;font-weight:500;line-height:1.3}.deck-card.is-selected .deck-description{color:inherit}.deck-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;display:flex}.deck-dots{gap:3px;display:flex}.deck-dot{border:2px solid var(--ink);background:var(--cat);border-radius:999px;width:11px;height:11px}.deck-count{font-size:12px;font-weight:700}.chip-soon{border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);padding:1px 8px;font-size:11px;font-weight:800}.deck-card.is-locked{padding-right:34px}.padlock{line-height:0;position:absolute;top:8px;right:8px}.format-list{flex-direction:column;gap:10px;display:flex}.format-row{border:var(--line);border-radius:var(--r-card);background:var(--paper);min-height:60px;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:6px 14px 6px 8px;display:flex}.format-row.is-selected{background:var(--yellow);box-shadow:0 4px 0 var(--ink);margin-bottom:4px}.format-row svg:first-child{flex:none}.format-text{flex-direction:column;flex:1;display:flex}.format-name{font-size:16px;font-weight:800}.format-blurb{color:var(--ink-2);font-size:13px}.format-row.is-selected .format-blurb{color:var(--ink);font-weight:500}.sheet-backdrop{z-index:30;padding:16px 16px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border:var(--line);border-radius:var(--r-big);background:var(--paper);width:min(100%,26rem);color:var(--ink);text-align:center;box-shadow:0 6px 0 var(--ink);flex-direction:column;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sheet-title{letter-spacing:-.02em;font-size:24px;font-weight:800}.sheet-text{font-size:17px;font-weight:600;line-height:1.4}.chips-sm .chip span{min-height:38px;padding:0 12px;font-size:14px}.inlay-spine-main{flex-direction:column;gap:2px;min-width:0;display:flex}.inlay-spine-meta{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.inlay-spine-stacked{flex-direction:column;align-items:stretch;gap:4px}.inlay-spine-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-history{gap:10px;padding-right:8px}.deck-history-text{flex-direction:column;flex:1;display:flex}.deck-history-name{font-size:16px;font-weight:800}.row-card .hint{color:var(--ink-2)}:root[data-page=landing]{--page:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lp{color:var(--ink);font-family:var(--font);background:var(--paper)}.lp a{color:var(--ink)}.lp-banner{border-bottom:var(--line);background:var(--paper);color:var(--ink);text-align:center;padding:10px 24px;font-size:15px;font-weight:700;text-decoration:none;display:block}.lp-banner-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.lp-band{border-bottom:var(--line);background:var(--paper);padding:48px 24px}.lp-green{background:var(--green)}.lp-blue{background:var(--blue);color:var(--paper)}.lp-yellow{background:var(--yellow)}.lp-inner{max-width:1100px;margin:0 auto}.lp-stack{flex-direction:column;gap:22px;display:flex}.lp-stack-lg{gap:26px}.lp-stack-md{gap:18px}.lp-stack-sm{gap:16px}.lp-h2{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:800;line-height:1}.lp-h3{margin:0;font-size:21px;font-weight:800}.lp-p{margin:0;font-size:17px;line-height:1.5}.lp-small{margin:0;font-size:14px;font-weight:600}.lp-hero{background:var(--yellow);text-align:center;padding:18px 24px 40px}.lp-topbar{justify-content:space-between;align-items:center;display:flex}.lp-brand{font-size:16px;font-weight:800}.lp-pill{border:var(--line);border-radius:var(--r-pill);background:var(--paper);padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.lp-hero-grid{flex-direction:column;align-items:center;gap:20px;margin-top:20px;display:flex}.lp-hero-text{flex-direction:column;gap:20px;display:flex}.lp-hero-title{letter-spacing:-.03em;margin:0;font-size:50px;font-weight:800;line-height:.92}.lp-hero-intro{margin:0;font-size:18px;font-weight:500;line-height:1.4}.lp-hero-cta{flex-direction:column;gap:10px;margin-top:4px;display:flex}.lp-button{border:var(--line);border-radius:var(--r-button);background:var(--orange);height:62px;color:var(--ink);box-shadow:var(--press);justify-content:center;align-items:center;font-size:20px;font-weight:800;text-decoration:none;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:flex}.lp-button:active{box-shadow:none;transform:translateY(5px)}.lp-split,.lp-example{flex-direction:column;gap:22px;display:flex}.lp-qcard{border:var(--line);border-radius:var(--r-question);background:var(--cat);color:var(--on-cat);flex-direction:column;gap:6px;padding:18px 20px 20px;display:flex}.lp-qcard-cat{font-size:14px;font-weight:700}.lp-qcard-text{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.05}.lp-picks{flex-direction:column;gap:8px;display:flex}.lp-pick{border:var(--line);border-radius:var(--r-card);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.lp-pick-song{font-size:15px}.lp-pick-title{font-weight:800}.lp-pick-artist{color:var(--ink-2)}.lp-pick-who{font-family:var(--font-people);color:var(--blue);font-size:19px;font-weight:800}.lp-steps{flex-direction:column;gap:26px;margin:0;padding:0;list-style:none;display:flex}.lp-step{align-items:flex-start;gap:16px;display:flex}.lp-step-n{border:var(--line);background:var(--cat);width:50px;height:50px;color:var(--on-cat);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.lp-step-text{flex-direction:column;gap:4px;display:flex}.lp-step-p{margin:0;font-size:16px;line-height:1.45}.lp-cards{flex-direction:column;gap:16px;display:flex}.lp-card{border:var(--line);border-radius:var(--r-big);background:var(--paper);flex-direction:column;gap:6px;padding:18px;display:flex}.lp-card-title{margin:0;font-size:20px;font-weight:800}.lp-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lp-chip{border:var(--line);border-radius:var(--r-pill);background:var(--cat);color:var(--on-cat);padding:8px 12px;font-size:14px;font-weight:700}.lp-form{flex-direction:column;gap:10px;display:flex}.lp-label{font-size:14px;font-weight:700}.lp-input{border:var(--line);border-radius:var(--r-input);background:var(--paper);height:54px;color:var(--ink);font-family:var(--font);padding:0 16px;font-size:16px}.lp-input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.lp-button-yellow{border:var(--line);border-radius:var(--r-button);background:var(--yellow);height:58px;color:var(--ink);font-family:var(--font);cursor:pointer;font-size:18px;font-weight:800}.lp-button-yellow:disabled{cursor:progress}.lp-fine{margin:0;font-size:13px;font-weight:500;line-height:1.4}.lp-blue .lp-fine a,.lp-blue a{color:var(--paper)}.lp-error{margin:0;font-size:16px;font-weight:800}.lp-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.lp-waitlist-done{flex-direction:column;gap:18px;display:flex}.lp-blue :focus-visible{outline-color:var(--yellow)}.lp-foot{text-align:center;border-bottom:0;padding:44px 24px 36px}.lp-foot-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.05}.lp-foot-links{justify-content:center;gap:18px;margin-top:10px;font-size:14px;font-weight:600;display:flex}@media (width>=768px){.lp-band{padding:64px 40px}.lp-hero{text-align:left;padding:24px 40px 64px}.lp-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;margin-top:32px;display:grid}.lp-hero-otto{order:2;justify-content:center;display:flex}.lp-hero-otto .otto{width:min(100%,320px);height:auto}.lp-hero-title{font-size:clamp(50px,6.4vw,76px)}.lp-hero-intro{max-width:34ch;font-size:20px}.lp-hero-cta{max-width:360px}.lp-p{max-width:62ch}.lp-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;display:grid}.lp-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lp-narrow{max-width:560px}.lp-foot .lp-button{width:100%;max-width:360px;margin:0 auto}}.simple-page{max-width:34rem;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));color:var(--on-bg);flex-direction:column;align-items:flex-start;gap:18px;margin:0 auto;display:flex}.simple-page .lp-button{align-self:stretch;margin-top:8px}.simple-title{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1}.simple-text{font-size:17px;line-height:1.5}.simple-link{color:var(--on-bg);font-size:15px;font-weight:800}.placeholder-note{border:3px dashed var(--ink);border-radius:var(--r-card);background:var(--paper);color:var(--ink);flex-direction:column;align-self:stretch;gap:8px;padding:16px;font-size:17px;line-height:1.5;display:flex}.placeholder-tag{border:var(--line);border-radius:var(--r-pill);background:var(--yellow);align-self:flex-start;padding:2px 10px;font-size:13px;font-weight:800}