:root{--paper:#fbf7ef;--page:#efeae0;--surface:#fff;--sunken:#f3ede1;--ink:#1b1a17;--ink-row:#5c574c;--ink-body:#7b766b;--ink-meta:#8a867c;--ink-label:#b3aea1;--ink-faint:#cfc9bb;--hairline:#1b1a1712;--edge:#1b1a171f;--p:#ffc91f;--pe:#e0ae00;--pt:#fff3ce;--pte:#f2dfa6;--pd:#b38a00;--mint:#bff0d9;--sky:#cfe6ff;--gum:#ffd3e3;--danger:#e8452e;--stage:#141310;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}.icon{white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.muted{color:var(--ink-meta)}.error{color:var(--danger)}.mascot{background:var(--p);width:56px;height:56px;box-shadow:0 4px 0 var(--pe);border-radius:18px;place-items:center;font-size:28px;font-weight:800;display:grid}.mascot.big{border-radius:24px;width:76px;height:76px;margin:0 auto 10px;font-size:38px}.btn{border-radius:16px;width:100%;padding:14px 18px;font-size:16px;font-weight:800;display:block}.btn.primary{background:var(--p);box-shadow:0 4px 0 var(--pe)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--pe);transform:translateY(3px)}.btn.primary:disabled{background:var(--sunken);box-shadow:0 4px 0 var(--edge);color:var(--ink-label)}.btn.ghost{color:var(--ink-body);margin-top:8px}.btn.small{background:var(--surface);width:auto;box-shadow:0 3px 0 var(--edge);padding:8px 14px;font-size:14px;display:inline-block}.field{border:2px solid var(--hairline);background:var(--surface);width:100%;font:inherit;border-radius:16px;outline:none;margin-bottom:14px;padding:14px 16px;font-size:16px}.field:focus{border-color:var(--p)}.field.code{text-align:center;letter-spacing:.4em;font-size:24px;font-weight:800}.avatar{object-fit:cover;background:var(--sunken);border-radius:50%;flex-shrink:0}.avatar.fallback{color:var(--ink-row);background:var(--pt);place-items:center;font-weight:800;display:grid}.icon-btn{border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover:not(:disabled){background:var(--sunken)}.signin{background:var(--paper);place-items:center;min-height:100%;padding:24px;display:grid}.signin-card{background:var(--surface);width:100%;max-width:380px;box-shadow:0 5px 0 var(--edge);text-align:center;border-radius:28px;padding:32px 28px 28px}.signin-card h1{margin:0 0 6px;font-size:30px;font-weight:800}.signin-card p{margin:0 0 18px}.shell{background:var(--paper);grid-template-columns:360px 1fr;max-width:1400px;height:100%;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--hairline);min-height:0;overflow-y:auto}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.empty-pane{text-align:center;color:var(--ink-meta);margin:auto}.empty-pane .mascot{margin:0 auto 12px}@media (width<=760px){.shell{grid-template-columns:1fr}.shell.has-thread .sidebar,.shell:not(.has-thread) .pane{display:none}}@media (width>=761px){.thread-head .back{display:none}}.chatlist-head{background:var(--paper);z-index:1;justify-content:space-between;align-items:center;padding:20px 18px 10px;display:flex;position:sticky;top:0}.chatlist-head h2{margin:0;font-size:28px;font-weight:800}.chatlist ul{margin:0;padding:0 10px 20px;list-style:none}.list-note{text-align:center;padding:24px}.chat-row{text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.chat-row:hover{background:var(--sunken)}.chat-row.active{background:var(--pt);box-shadow:0 3px 0 var(--pte)}.chat-row-text{flex:1;min-width:0}.chat-row-top,.chat-row-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-title{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.chat-time{color:var(--ink-meta);flex-shrink:0;font-size:12px}.chat-preview{color:var(--ink-body);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.badge{background:var(--p);box-shadow:0 2px 0 var(--pe);border-radius:999px;flex-shrink:0;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:grid}.thread{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.thread-head{border-bottom:1px solid var(--hairline);background:var(--paper);align-items:center;gap:10px;padding:12px 16px;display:flex}.thread-title{flex-direction:column;line-height:1.25;display:flex}.thread-title b{font-size:16px;font-weight:800}.thread-title span{font-size:13px}.messages{flex-direction:column;flex:1;gap:4px;padding:14px 18px 8px;display:flex;overflow-y:auto}.day,.system{color:var(--ink-meta);background:var(--sunken);border-radius:999px;align-self:center;margin:10px 0 6px;padding:4px 12px;font-size:12px;font-weight:700}.system{background:0 0;margin:4px 0}.row{display:flex}.row.mine{justify-content:flex-end}.bubble-wrap{flex-direction:column;max-width:min(72%,520px);display:flex;position:relative}.row.mine .bubble-wrap{align-items:flex-end}.sender{color:var(--pd);margin:6px 0 2px 12px;font-size:12px;font-weight:800}.bubble{background:var(--surface);border-radius:var(--radius);box-shadow:0 3px 0 var(--edge);overflow-wrap:anywhere;padding:9px 14px 7px;position:relative}.row.mine .bubble{background:var(--p);box-shadow:0 3px 0 var(--pe)}.bubble.failed{opacity:.6}.bubble .text{white-space:pre-wrap;line-height:1.4}.bubble .meta{float:right;color:var(--ink-meta);align-items:center;gap:2px;margin:6px 0 -2px 10px;font-size:11px;display:inline-flex}.row.mine .bubble .meta{color:#1b1a178c}.bubble .meta .icon{font-size:15px}.failed-text{color:var(--danger)}.bubble.media{padding:4px}.bubble.media .meta{background:#1413108c;border-radius:999px;margin:0;padding:2px 7px;position:absolute;bottom:10px;right:12px;color:#fff!important}.bubble.sticker{padding:0;box-shadow:none!important;background:0 0!important}.sticker-glyph{font-size:56px;line-height:1.1}.photo,.bubble .video{cursor:zoom-in;background:var(--sunken);border-radius:18px;max-width:100%;max-height:380px;display:block}.bubble .video{cursor:default;width:340px}.videonote{object-fit:cover;border-radius:50%;width:220px;height:220px;display:block}.caption{padding:6px 8px 0;display:block}.album{border-radius:18px;grid-template-columns:1fr 1fr;gap:3px;width:320px;display:grid;overflow:hidden}.album.n3>:first-child{grid-column:span 2}.album button{aspect-ratio:1;background:var(--sunken);position:relative}.album.n3>:first-child{aspect-ratio:2}.album img{object-fit:cover;width:100%;height:100%;display:block}.album .more{color:#fff;background:#14131080;place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}.unsupported{align-items:center;gap:6px;font-size:14px;display:inline-flex}.reactions{z-index:1;gap:4px;margin-top:-4px;padding:0 8px;display:flex;position:relative}.chip{background:var(--surface);box-shadow:0 2px 0 var(--edge);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:14px;display:inline-flex}.chip span{font-size:12px;font-weight:800}.chip.mine{background:var(--pt);box-shadow:0 2px 0 var(--pte), inset 0 0 0 1.5px var(--p)}.react-btn{width:32px;height:32px;color:var(--ink-meta);opacity:0;border-radius:50%;place-items:center;transition:opacity .1s;display:grid;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.row.mine .react-btn{left:-40px;right:auto}.row:hover .react-btn{opacity:1}.react-btn:hover{background:var(--sunken)}.picker{background:var(--surface);box-shadow:0 4px 0 var(--edge), 0 8px 24px #1b1a171f;z-index:5;border-radius:999px;gap:2px;padding:5px 7px;display:flex;position:absolute;bottom:calc(100% + 4px)}.row.mine .picker{right:0}.picker button{border-radius:50%;width:40px;height:40px;font-size:24px;transition:transform 80ms}.picker button:hover{transform:scale(1.2)}.picker button.on{background:var(--pt)}@media (hover:none){.react-btn{display:none}}.voice{align-items:center;gap:10px;min-width:240px;padding:2px 0;display:flex}.voice .play{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.row.mine .voice .play{color:var(--ink);background:#ffffffbf}.wave{cursor:pointer;flex:1;align-items:center;gap:2px;height:30px;display:flex}.wave i{background:var(--ink-faint);border-radius:2px;flex:1;min-width:2px}.row.mine .wave i{background:#1b1a1740}.wave i.done{background:var(--ink)!important}.voice .dur{font-variant-numeric:tabular-nums;color:var(--ink-row);font-size:12px}.once{align-items:center;gap:10px;padding:2px 2px 2px 0;font-weight:800;display:flex}.once-ring{border:2.5px dashed;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.once.spent{color:var(--ink-meta)}.row.mine .once.spent{color:#1b1a178c}.once.spent .once-ring{border-style:solid;border-color:#0000}.once:not(:disabled):hover .once-ring{background:var(--sunken)}.once-stage,.lightbox{z-index:50;background:var(--stage);place-items:center;display:grid;position:fixed;inset:0}.once-stage img,.lightbox img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:94vw;max-height:88vh}.lightbox{cursor:zoom-out;background:#141310eb}.once-stage .close,.camera .close{color:#fff;z-index:2;background:#ffffff1f;position:absolute;top:16px;right:16px}.once-note{color:#fff9;margin:0;font-size:13px;position:absolute;bottom:20px}.once-audio{background:var(--surface);border-radius:var(--radius);width:min(420px,90vw);padding:14px 18px}.composer-wrap{padding:8px 14px 14px;position:relative}.composer{background:var(--surface);box-shadow:0 3px 0 var(--edge);border-radius:24px;align-items:flex-end;gap:6px;padding:6px;display:flex}.composer textarea{resize:none;font:inherit;field-sizing:content;background:0 0;border:0;outline:none;flex:1;max-height:160px;padding:10px 4px;font-size:15px}.composer .plus{transition:transform .15s}.composer .plus.open{transform:rotate(45deg)}.composer .send{background:var(--p);box-shadow:0 3px 0 var(--pe);border-radius:50%}.composer .send:hover:not(:disabled){background:var(--p)}.composer.recording{align-items:center}.rec-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.rec-time{font-variant-numeric:tabular-nums;font-weight:800}.rec-hint{flex:1;font-size:13px}.plus-menu{background:var(--surface);box-shadow:0 4px 0 var(--edge), 0 10px 30px #1b1a171f;z-index:10;border-radius:22px;flex-direction:column;min-width:220px;padding:8px;display:flex;position:absolute;bottom:calc(100% - 2px);left:14px}.plus-menu button{text-align:left;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;font-weight:700;display:flex}.plus-menu button:hover{background:var(--sunken)}.plus-menu button.on{background:var(--gum)}.tile{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.tile.mint{background:var(--mint)}.tile.sky{background:var(--sky)}.tile.gum{background:var(--gum)}.once-banner{background:var(--gum);border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 6px 6px 12px;font-size:13px;font-weight:700;display:flex}.once-banner .icon{font-size:18px}.once-banner button{margin-left:auto;display:grid}.toast{background:var(--ink);color:#fff;z-index:20;text-align:center;border-radius:14px;max-width:90%;padding:10px 16px;font-size:14px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.camera{z-index:50;background:var(--stage);place-items:center;display:grid;position:fixed;inset:0}.viewfinder{border-radius:20px;max-width:100vw;max-height:calc(100vh - 140px);transform:scaleX(-1)}.camera-wait{color:#fff9;position:absolute}.camera-bar{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:22px;left:0;right:0}.modes{background:#ffffff1a;border-radius:999px;gap:4px;padding:4px;display:flex}.modes button{color:#ffffffb3;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:800}.modes button.on{color:var(--ink);background:#fff}.modes button:disabled{opacity:.35}.shutter{background:#fff padding-box padding-box;border:5px solid #ffffff59;border-radius:50%;width:72px;height:72px}.shutter.video{background:var(--danger);background-clip:padding-box}.shutter.recording{border-radius:22px;transform:scale(.8)}.rec-chip{color:#fff;font-variant-numeric:tabular-nums;background:#141310b3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-weight:800;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.once-tag{background:var(--gum);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;bottom:24px;right:24px}.typing-text{font-size:13px;font-weight:800;color:var(--pd)!important}.chat-preview.typing-text{font-size:14px}.typing-dots{gap:4px;display:flex;padding:14px 16px!important}.typing-dots i{background:var(--ink-label);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.head-actions{align-items:center;gap:6px;display:flex}.bell{position:relative}.bell.on{color:var(--pd)}.bell.blocked{color:var(--ink-label)}.bell-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}