:root{--bg:#f6f6f8;--panel:#fff;--bubble-in:#e9e9ee;--text:#16161a;--muted:#74747e;--line:#00000014;--accent:#2f6fed;--accent-text:#fff;--truth-bg:#dff3e4;--truth-text:#165c2b;--fake-bg:#ffdcc2;--fake-text:#8a3a00;--warn:#b26a00;--danger:#c23434;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--teal-bg:#c9eee0;--teal-fg:#0b5a45;--purple-bg:#dedbfb;--purple-fg:#3c3489;--coral-bg:#fbd9cc;--coral-fg:#7a2e14;--amber-bg:#fbe3b5;--amber-fg:#6a3c05;--pink-bg:#f8d2df;--pink-fg:#7a2442;--blue-bg:#cfe3f8;--blue-fg:#0c447c;--green-bg:#d6ebbd;--green-fg:#2c560c;--red-bg:#f8cfcf;--red-fg:#7f1f1f;--brown-bg:#e8d9c8;--brown-fg:#5a3a1c;--slate-bg:#d9dee6;--slate-fg:#2f3a4a;--gone-bg:#e2e2e6;--gone-fg:#55555e}@media (prefers-color-scheme:dark){:root{--bg:#111114;--panel:#1b1b20;--bubble-in:#2a2a31;--text:#f1f1f4;--muted:#9a9aa6;--line:#ffffff17;--accent:#4d86ff;--truth-bg:#173d24;--truth-text:#b7f0c8;--fake-bg:#6b3410;--fake-text:#ffd9bd;--warn:#f0b154;--danger:#ff7b7b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--teal-bg:#0d4d3d;--teal-fg:#b4f0dc;--purple-bg:#37307a;--purple-fg:#dcd8ff;--coral-bg:#6b2b14;--coral-fg:#ffd3c2;--amber-bg:#5e3a08;--amber-fg:#ffe1a8;--pink-bg:#6a2440;--pink-fg:#ffd0e0;--blue-bg:#103e6e;--blue-fg:#cfe5ff;--green-bg:#2b4d10;--green-fg:#d6f2b4;--red-bg:#6e1f1f;--red-fg:#ffd2d2;--brown-bg:#4e3520;--brown-fg:#f0dcc6;--slate-bg:#333d4c;--slate-fg:#dbe3ee;--gone-bg:#33333a;--gone-fg:#b0b0bb}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);text-transform:lowercase;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4}#app{height:100%}a{color:var(--accent)}h1{letter-spacing:-.02em;margin:4px 0;font-size:26px;font-weight:700}button{font:inherit;text-transform:lowercase;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:600}button.big{width:100%;padding:12px 22px;font-size:17px}button.link{color:var(--accent);background:0 0;border:none;padding:4px 0}button.danger{color:var(--danger)}button.on{background:var(--accent);color:var(--accent-text);border-color:#0000}input,textarea,select{font:inherit;text-transform:lowercase;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;outline:none;padding:10px 14px}input:focus,textarea:focus{border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.err{color:var(--danger);margin:0;font-size:14px}.home{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.home-card{background:var(--panel);text-align:center;border:1px solid var(--line);border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:28px 22px;display:flex}.logo{font-size:54px;line-height:1}.tagline{color:var(--muted);margin:0 0 8px}.or{color:var(--muted);font-size:14px}.join-row{gap:8px;width:100%;display:flex}.code-input{text-align:center;letter-spacing:.3em;flex:1;min-width:0;font-size:20px}.join-card{text-align:left;align-items:stretch}.room-label{text-align:center;color:var(--muted);margin:0}.join-card .av-xl{align-self:center}.field{flex-direction:column;gap:6px;display:flex}.field span,.field-label{color:var(--muted);font-size:13px}.emoji-grid{overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-height:232px;padding:4px;display:grid;overflow-y:auto}.field-label.row{justify-content:space-between;align-items:center;display:flex}.emoji-btn{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:12px;min-width:0;padding:0;font-size:24px;line-height:1}.emoji-btn.on{border-color:var(--accent);background:var(--bubble-in);color:inherit}.color-row{justify-content:space-between;gap:4px;display:flex}.color-dot{aspect-ratio:1;border:none;flex:1 1 0;min-width:0;max-width:32px;height:auto;padding:0}.color-dot.on{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--accent)}.color-dot.c-teal.on{background:var(--teal-bg)}.color-dot.c-purple.on{background:var(--purple-bg)}.color-dot.c-coral.on{background:var(--coral-bg)}.color-dot.c-amber.on{background:var(--amber-bg)}.color-dot.c-pink.on{background:var(--pink-bg)}.color-dot.c-blue.on{background:var(--blue-bg)}.color-dot.c-green.on{background:var(--green-bg)}.color-dot.c-red.on{background:var(--red-bg)}.color-dot.c-brown.on{background:var(--brown-bg)}.color-dot.c-slate.on{background:var(--slate-bg)}.loading{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.av{border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.av-sm{width:24px;height:24px;font-size:14px}.av-md{width:32px;height:32px;font-size:18px}.av-lg{width:52px;height:52px;font-size:30px}.av-xl{width:76px;height:76px;font-size:44px}.av.offline{opacity:.4}.who{vertical-align:middle;display:inline-flex}.who .av+.av{margin-left:-6px}.who .av{box-shadow:0 0 0 2px var(--panel)}.c-teal{background:var(--teal-bg);color:var(--teal-fg)}.t-teal{color:var(--teal-fg)}.c-purple{background:var(--purple-bg);color:var(--purple-fg)}.t-purple{color:var(--purple-fg)}.c-coral{background:var(--coral-bg);color:var(--coral-fg)}.t-coral{color:var(--coral-fg)}.c-amber{background:var(--amber-bg);color:var(--amber-fg)}.t-amber{color:var(--amber-fg)}.c-pink{background:var(--pink-bg);color:var(--pink-fg)}.t-pink{color:var(--pink-fg)}.c-blue{background:var(--blue-bg);color:var(--blue-fg)}.t-blue{color:var(--blue-fg)}.c-green{background:var(--green-bg);color:var(--green-fg)}.t-green{color:var(--green-fg)}.c-red{background:var(--red-bg);color:var(--red-fg)}.t-red{color:var(--red-fg)}.c-brown{background:var(--brown-bg);color:var(--brown-fg)}.t-brown{color:var(--brown-fg)}.c-slate{background:var(--slate-bg);color:var(--slate-fg)}.t-slate{color:var(--slate-fg)}.c-gone{background:var(--gone-bg);color:var(--gone-fg)}.shell{justify-content:center;height:100%;display:flex}.sidebar{display:none}.chat{flex-direction:column;flex:1;min-width:0;max-width:680px;height:100%;display:flex}.chat-head{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:8px;display:flex}.head-left,.head-right{align-items:center;gap:10px;display:flex}.room-code{letter-spacing:.12em;font-weight:700}.icon-btn{padding:4px 10px;font-size:16px}.timer{font-variant-numeric:tabular-nums;font-weight:600}.timer.urgent{color:var(--danger)}.avatar-strip{border-bottom:1px solid var(--line);padding:8px 16px;overflow-x:auto}.strip{gap:12px;display:flex}.strip-item{color:var(--muted);align-items:center;gap:3px;font-size:13px;display:inline-flex;position:relative}.strip-item.waiting .av{animation:1.2s ease-in-out infinite pulse}.strip-check{color:var(--truth-text);font-weight:700}.thread{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}@media (width>=900px){.shell{gap:20px;padding:20px}.sidebar{flex:none;width:240px;display:block}.chat{background:var(--panel);border:1px solid var(--line);border-radius:24px;height:auto;overflow:hidden}.chat-head{background:var(--panel)}.avatar-strip{display:none}}.plist{background:var(--panel);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:6px;padding:14px;display:flex}.plist-head{color:var(--muted);padding:0 4px 4px;font-size:13px}.prow{border-radius:12px;align-items:center;gap:8px;padding:6px 4px;display:flex}.prow.me{background:var(--bubble-in)}.pname{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;font-size:15px;font-weight:600;display:flex}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 6px;font-size:11px;font-weight:500}.tag.role{color:var(--accent);border-color:var(--accent)}.pscore{font-variant-numeric:tabular-nums;font-weight:700}.pstat{text-align:center;width:22px;color:var(--truth-text);font-weight:700}.sys{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.sys.right{justify-content:flex-end}.chip{background:var(--accent);color:var(--accent-text);border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:13px;font-weight:600}.bubble{border-radius:var(--radius);background:var(--bubble-in);word-wrap:break-word;overflow-wrap:anywhere;max-width:82%;padding:9px 14px}.bubble.in{border-bottom-left-radius:6px;align-self:flex-start}.bubble.out{border-bottom-right-radius:6px;align-self:flex-end}.bubble.wide{border-radius:18px;width:100%;max-width:100%}.bubble.prompt{font-size:18px;font-weight:600}.bubble.truth{background:var(--truth-bg);color:var(--truth-text)}.bubble.fake{background:var(--fake-bg);color:var(--fake-text)}.bubble .small{opacity:.85;margin-top:2px}.bubble.c-teal{background:var(--teal-bg);color:var(--teal-fg)}.bubble.c-purple{background:var(--purple-bg);color:var(--purple-fg)}.bubble.c-coral{background:var(--coral-bg);color:var(--coral-fg)}.bubble.c-amber{background:var(--amber-bg);color:var(--amber-fg)}.bubble.c-pink{background:var(--pink-bg);color:var(--pink-fg)}.bubble.c-blue{background:var(--blue-bg);color:var(--blue-fg)}.bubble.c-green{background:var(--green-bg);color:var(--green-fg)}.bubble.c-red{background:var(--red-bg);color:var(--red-fg)}.bubble.c-brown{background:var(--brown-bg);color:var(--brown-fg)}.bubble.c-slate{background:var(--slate-bg);color:var(--slate-fg)}.bubble.c-gone{background:var(--gone-bg);color:var(--gone-fg)}.invite{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.invite-link{overflow-wrap:anywhere;font-weight:600}.settings{flex-direction:column;gap:10px;display:flex}.setting{justify-content:space-between;align-items:center;gap:10px;display:flex}.setting>span,.invite button{flex:none}.seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.seg button{padding:5px 12px;font-size:14px}.actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.composer{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.compose-box{align-items:flex-end;gap:8px;display:flex}.compose-box textarea{resize:none;field-sizing:content;border-radius:20px;flex:1;min-height:44px;max-height:120px}.send{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex:none;padding:0;font-size:20px;font-weight:700}.counter{text-align:right;color:var(--muted);padding-right:52px;font-size:12px}.sent-wrap{align-items:flex-end}.sent-wrap .bubble{cursor:pointer}.typing{letter-spacing:2px;animation:1.2s ease-in-out infinite pulse}.review{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.review.br{outline:2px solid var(--warn)}.ballot-row{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ballot-row.mine{align-items:flex-end}.ballot-row .bubble{max-width:80%}.num{opacity:.55;margin-right:2px;font-weight:700}.ballot-line{align-items:center;gap:6px;width:100%;display:flex}.ballot-row.mine .ballot-line{flex-direction:row-reverse}.heart-btn{color:var(--muted);background:0 0;border:none;border-radius:0;flex:none;align-items:center;gap:3px;margin:0;padding:0;transition:transform .2s ease-out;display:inline-flex}.heart-btn:disabled{cursor:default;opacity:1}.heart-btn.dim{opacity:.45}.heart-btn:not(:disabled):hover{color:var(--danger)}.heart-btn.on{color:var(--danger);background:0 0;border-color:#0000}.heart-btn.top{color:var(--danger);filter:drop-shadow(0 0 4px var(--danger));transform:scale(1.2)}.heart-count{font-size:11px;font-weight:600}.heart-count.top{color:var(--danger);font-weight:800}.bubble.most-liked{outline:2px solid var(--danger);box-shadow:0 0 12px -2px var(--danger)}.most-liked-tag{color:var(--danger);align-items:center;gap:3px;font-weight:700;display:inline-flex}.most-liked-tag svg{width:13px;height:13px}.tappable{cursor:pointer;transition:transform 80ms}.tappable:hover{outline:2px solid var(--line)}.tappable:active{transform:scale(.98)}.picked{outline:2.5px solid var(--accent)!important}.dasher-real{outline:2px dashed var(--truth-text)}.revealed{animation:.45s ease-out flip}.reveal-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.reveal-meta>span{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.flag-btn{margin-left:10px;font-size:13px}.flag-box{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-left:10px;display:flex}.flag-votes{gap:4px;display:inline-flex}.flag-votes button{padding:2px 10px;font-size:13px}.delta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.plus{color:var(--truth-text)}.zero{color:var(--muted)}.standings{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:4px;margin-top:6px;padding:8px 12px;display:flex}.stand-row{align-items:center;gap:8px;font-weight:600;display:flex}.stand-row .pscore{margin-left:auto}.rank{width:18px;color:var(--muted);font-variant-numeric:tabular-nums}.bubble.winner{text-align:center;align-self:center;padding:18px 28px}.winner-avs{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.winner-name{font-size:22px;font-weight:700}.award .who{margin:0 4px}.pop{animation:.35s ease-out both pop}.host-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;gap:10px;margin:10px 16px 0;padding:12px;font-size:14px;display:flex}.host-row{justify-content:space-between;align-items:center;display:flex}.host-actions{flex-wrap:wrap;gap:6px;display:flex}.host-kick{flex-direction:column;gap:6px;display:flex}.kick-list{flex-wrap:wrap;gap:6px;display:flex}.kick{align-items:center;gap:4px;padding:3px 10px 3px 4px;font-size:13px;display:inline-flex}.banner,.toast{z-index:10;border-radius:999px;max-width:calc(100% - 32px);padding:8px 16px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.banner{top:max(10px, env(safe-area-inset-top));background:var(--warn);color:#fff}.toast{bottom:max(90px, calc(env(safe-area-inset-bottom) + 80px));background:var(--text);color:var(--bg);cursor:pointer;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes flip{0%{transform:rotateX(90deg)}60%{transform:rotateX(-12deg)}to{transform:rotateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.toast{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mog{aspect-ratio:1;background:#fff;display:inline-block;position:relative;overflow:hidden}.mog img{pointer-events:none;height:auto;position:absolute}.av-mog{border-radius:inherit;width:100%}
