:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--border: #dfe3e8;--text: #16202c;--text-dim: #5c6a7a;--accent: #2f6feb;--accent-ink: #ffffff;--accent-soft: #e7efff;--danger: #c0392b;--warn-bg: #fff6e0;--warn-border: #f0c46a;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);--radius: 12px;--radius-sm: 8px;--gap: .75rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0f1520;--surface: #161e2b;--surface-2: #1e2836;--border: #2a3546;--text: #e6ecf4;--text-dim: #94a3b8;--accent: #5b93ff;--accent-ink: #08101f;--accent-soft: #1b2942;--danger: #ff6b5e;--warn-bg: #33280e;--warn-border: #7d6320;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3)}[data-theme=slate]{--bg: #10151c;--surface: #182029;--surface-2: #212b36;--border: #2d3945;--text: #dfe7ef;--text-dim: #8b9bab;--accent: #58b0c9;--accent-ink: #06131a;--accent-soft: #17313a;--danger: #e5705f;--warn-bg: #2f2a12;--warn-border: #6f6326;--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 6px 18px rgba(0, 0, 0, .35)}[data-theme=forest]{--bg: #0d1512;--surface: #141f1a;--surface-2: #1c2a23;--border: #26362d;--text: #e2ede6;--text-dim: #8ba396;--accent: #56b47c;--accent-ink: #06140c;--accent-soft: #17301f;--danger: #e0705f;--warn-bg: #2d2a10;--warn-border: #6a6224;--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 6px 18px rgba(0, 0, 0, .35)}[data-theme=amber]{--bg: #f7f2e7;--surface: #fffdf7;--surface-2: #f0e8d6;--border: #e0d4bb;--text: #2d2417;--text-dim: #6f6248;--accent: #8a5510;--accent-ink: #fffdf7;--accent-soft: #f6e6ca;--danger: #a83a2a;--warn-bg: #fdf0d2;--warn-border: #d9b978;--shadow: 0 1px 2px rgba(80, 60, 20, .08), 0 4px 12px rgba(80, 60, 20, .06)}[data-theme=high-contrast]{--bg: #000000;--surface: #0a0a0a;--surface-2: #161616;--border: #ffffff;--text: #ffffff;--text-dim: #d4d4d4;--accent: #ffe600;--accent-ink: #000000;--accent-soft: #2a2600;--danger: #ff5a4d;--warn-bg: #2a2600;--warn-border: #ffe600;--shadow: none}@media(prefers-color-scheme:dark){[data-theme=system]{--bg: #0f1520;--surface: #161e2b;--surface-2: #1e2836;--border: #2a3546;--text: #e6ecf4;--text-dim: #94a3b8;--accent: #5b93ff;--accent-ink: #08101f;--accent-soft: #1b2942;--danger: #ff6b5e;--warn-bg: #33280e;--warn-border: #7d6320;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;height:100dvh;max-width:900px;margin:0 auto;background:var(--bg);position:relative}.topbar{display:flex;align-items:center;gap:var(--gap);padding:.6rem .9rem;padding-top:max(.6rem,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar h1{font-size:1rem;font-weight:650;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.presence{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-dim);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:#3fb950;flex:none}.dot.offline{background:var(--text-dim)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:.5rem .8rem;cursor:pointer;font-size:.9rem;line-height:1.2;transition:background .12s ease,border-color .12s ease;min-height:44px}.btn.toggled{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.chip{min-height:32px;padding:.15rem .45rem;font-size:.8rem}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.07);background:var(--accent)}.btn.icon{padding:.45rem .55rem;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-dim)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn.danger{color:var(--danger)}.timeline{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--gap) .75rem;display:flex;flex-direction:column;gap:.15rem;scrollbar-width:thin}.day-sep{display:flex;align-items:center;gap:.6rem;margin:1rem 0 .6rem;color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--border)}.msg{display:flex;gap:.65rem;padding:.28rem .4rem;border-radius:var(--radius-sm);position:relative}.msg:hover{background:var(--surface-2)}.msg.grouped{padding-top:.05rem}.avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.8rem;font-weight:650;color:var(--accent-ink);background:var(--accent);user-select:none}.avatar.placeholder{background:transparent}.msg-body{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.msg-author{font-weight:650;font-size:.9rem}.msg-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .35rem;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-weight:700}.msg-time{font-size:.72rem;color:var(--text-dim)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem}.msg-text a{color:var(--accent)}.msg-actions{position:absolute;top:1.6rem;right:.4rem;display:none;flex-direction:column;gap:.15rem;z-index:15;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem;box-shadow:var(--shadow);min-width:8rem}.msg-actions.open{display:flex}.msg-actions .btn{min-height:40px;padding:.35rem .6rem;font-size:.85rem;border-color:transparent;text-align:left;justify-content:flex-start}.msg-menu-btn{position:absolute;top:.2rem;right:.25rem;width:44px;height:44px;display:none;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-size:1.1rem;line-height:1}.msg-menu-btn:hover{background:var(--surface-2);color:var(--text)}.msg:hover .msg-menu-btn,.msg:focus-within .msg-menu-btn{display:flex}@media(hover:none){.msg-menu-btn{display:flex}.msg-body{padding-right:44px}}.edit-box{display:flex;flex-direction:column;gap:.4rem;margin:.2rem 0}.edit-box textarea{width:100%;resize:vertical;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg);padding:.5rem .6rem;font-size:16px;line-height:1.4}.edit-box textarea:focus{outline:none}.attachment{margin-top:.4rem;max-width:min(340px,100%);height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;cursor:zoom-in;background:var(--surface-2)}.msg.announcement{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);padding:.7rem .85rem;margin:.5rem 0}.msg.announcement .msg-text{font-size:1rem;font-weight:500}.announce-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--danger);margin-bottom:.2rem}.msg.system{justify-content:center;padding:.35rem 0}.msg.system .msg-text{font-size:.78rem;color:var(--text-dim);text-align:center;width:100%;font-style:italic}.msg.system:hover{background:transparent}.msg.pinned-mark:before{content:"";position:absolute;left:0;top:.3rem;bottom:.3rem;width:3px;border-radius:2px;background:var(--accent)}.pin-banner{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:.85rem}.pin-banner .label{flex:none;font-size:.9rem;line-height:1}.pin-jump{flex:1;min-width:0;display:flex;align-items:baseline;gap:.45rem;background:none;border:none;padding:.2rem .15rem;margin:0;text-align:left;cursor:pointer;color:inherit;border-radius:var(--radius-sm)}.pin-jump:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.pin-kind{flex:none;font-weight:700;color:var(--accent);white-space:nowrap}.pin-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}.pin-nav{flex:none;display:flex;align-items:center;gap:.1rem;font-size:.75rem}.pin-nav .btn{min-height:26px;min-width:26px;padding:0 .3rem;font-size:1rem;line-height:1}.pin-close{flex:none;min-height:26px;padding:0 .35rem}.search-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.85rem}.search-banner .label{font-weight:700;color:var(--text-dim);white-space:nowrap}.search-banner .text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jump-latest{position:absolute;left:50%;transform:translate(-50%);bottom:5.2rem;z-index:30;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.jump-latest:hover{filter:brightness(1.07)}.msg.flash{animation:flash-in 2.2s ease-out}@keyframes flash-in{0%,55%{background:color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:inset 3px 0 0 var(--accent)}to{background:transparent;box-shadow:none}}.composer{border-top:1px solid var(--border);background:var(--surface);padding:.55rem .7rem;padding-bottom:max(.55rem,env(safe-area-inset-bottom));position:sticky;bottom:0}.composer-row{display:flex;align-items:flex-end;gap:.45rem}.composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:.6rem .7rem;max-height:40vh;min-height:42px;font-size:16px;line-height:1.4}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer-hint{font-size:.72rem;color:var(--text-dim);padding:.3rem .2rem 0;display:flex;gap:.6rem;flex-wrap:wrap}.pending-image{display:flex;align-items:center;gap:.5rem;padding:.4rem;margin-bottom:.4rem;background:var(--surface-2);border-radius:var(--radius-sm);font-size:.8rem}.pending-image img{width:44px;height:44px;object-fit:cover;border-radius:6px}.panel{position:fixed;inset:0;background:var(--bg);z-index:60;display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:center;gap:var(--gap);padding:.7rem .9rem;padding-top:max(.7rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface)}.panel-head h2{margin:0;font-size:1rem;flex:1}.panel-body{flex:1;overflow-y:auto;padding:1rem .9rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media(min-width:700px){.panel{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(720px,92vw);height:min(80vh,760px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}}.backdrop{position:fixed;inset:0;background:#00000073;z-index:55}.centered{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1.1rem}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.3rem;box-shadow:var(--shadow)}.card h1{margin:0 0 .3rem;font-size:1.35rem;letter-spacing:-.02em}.card .sub{color:var(--text-dim);font-size:.88rem;margin:0 0 1.2rem}.field{margin-bottom:.9rem}.field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:var(--text-dim)}.field input,.field select{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:16px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.error-box{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid var(--danger);color:var(--danger);padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.9rem}.ok-box{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.9rem;overflow-wrap:anywhere}.rows{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap}.row .grow{flex:1;min-width:140px}.row .meta{font-size:.75rem;color:var(--text-dim)}.tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:.12rem .4rem;border-radius:4px;background:var(--surface-2);color:var(--text-dim)}.tag.admin{background:var(--accent-soft);color:var(--accent)}.tag.suspended{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.theme-chip{border:2px solid var(--border);border-radius:var(--radius-sm);padding:.6rem;cursor:pointer;background:var(--surface);text-align:left;font-size:.85rem;text-transform:capitalize}.theme-chip.active{border-color:var(--accent)}.swatches{display:flex;gap:4px;margin-bottom:.4rem}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(128,128,128,.35)}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.4rem;z-index:80;width:min(420px,92vw);pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.85rem;box-shadow:var(--shadow);animation:rise .18s ease-out}.toast.error{border-left-color:var(--danger);color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.debug-out{font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem;max-height:60vh;overflow:auto}.cmd-list{display:grid;gap:.35rem;font-size:.85rem}.cmd-list code{font-family:var(--mono);background:var(--surface-2);padding:.1rem .35rem;border-radius:4px;color:var(--accent)}.muted{color:var(--text-dim)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:.8rem}.inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.lightbox{position:fixed;inset:0;background:#000000e0;display:grid;place-items:center;z-index:90;padding:1rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:var(--radius-sm)}.loading{padding:2rem;text-align:center;color:var(--text-dim);font-size:.9rem}.load-error{margin:2rem auto;max-width:24rem;text-align:center;padding:1.2rem;border:1px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 8%,transparent)}.load-error p{margin:0 0 .5rem}.unread-sep{display:flex;align-items:center;gap:.6rem;margin:.8rem 0 .4rem;color:var(--danger);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.unread-sep:before,.unread-sep:after{content:"";flex:1;height:1px;background:var(--danger);opacity:.5}.search-bar{display:flex;gap:.4rem;padding:.5rem .7rem;background:var(--surface);border-bottom:1px solid var(--border)}.search-bar input{flex:1;min-width:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:16px}.search-bar input:focus{outline:none;border-color:var(--accent)}.as-result-btn{background:none;border:none;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit;font:inherit;width:100%}.msg.as-result:hover{background:var(--accent-soft)}.composer-offline{font-size:.78rem;color:var(--danger);padding:0 .2rem .4rem}.announce-mode{font-size:.78rem;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);padding:.4rem .55rem;margin-bottom:.4rem}.lightbox-close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:.75rem;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.1rem;cursor:pointer}.lightbox-close:hover{background:#ffffff47}.msg-time,.composer-hint,.row .meta,.pin-nav{font-size:.8rem}.qr-box{display:flex;justify-content:center;padding:.8rem;background:#fff;border-radius:var(--radius-sm);margin-top:.6rem}.qr-box img{width:190px;height:190px;image-rendering:pixelated}.ok-box{color:var(--text)}.ok-box strong{color:var(--accent)}.reveal-field{position:relative}.reveal-field input{padding-right:3.2rem}.reveal-btn{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);min-height:36px;padding:0 .5rem;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.75rem}.reveal-btn:hover{color:var(--text)}