:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--bg-accent:#eef0f4;--surface:#fff;--surface-2:#f3f4f7;--surface-3:#e9ebf0;--elevated:#fff;--border:#e4e6eb;--border-strong:#cfd2d9;--text:#16181d;--text-muted:#5a5f6b;--text-subtle:#888e9a;--on-primary:#fff;--primary:#5b47a8;--primary-hover:#4e3b95;--primary-active:#402f7c;--primary-soft:#5b47a81a;--primary-soft-strong:#5b47a829;--primary-border:#5b47a859;--success:#16a34a;--success-soft:#16a34a1a;--danger:#dc2626;--danger-text:#b91c1c;--danger-soft:#dc262614;--danger-border:#dc26264d;--ring:#5b47a880;--scrim:#10182873;--radius-xs:6px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--shadow-1:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-2:0 4px 12px #10182814, 0 2px 6px #1018280d;--shadow-3:0 12px 32px #10182824, 0 4px 12px #10182814;--header-bg:#ffffffb8;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.13s;--dur:.22s;--dur-slow:.36s;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-h:var(--text);--bg-alt:var(--surface-2);--bg-elevated:var(--elevated);--accent:var(--primary);--accent-strong:var(--primary-hover);--accent-bg:var(--primary-soft);--on-accent:var(--on-primary);--success-bg:var(--success-soft);--danger-bg:var(--danger-soft);--radius:var(--radius-m);--radius-sm:var(--radius-s);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--thread-line:var(--border)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e12;--bg-accent:#101218;--surface:#16181e;--surface-2:#1b1e25;--surface-3:#23262e;--elevated:#1a1d24;--border:#2a2e37;--border-strong:#3a3f4a;--text:#e8eaee;--text-muted:#a0a6b0;--text-subtle:#737985;--on-primary:#1a1440;--primary:#a394e6;--primary-hover:#b3a6ee;--primary-active:#8f7dd8;--primary-soft:#a394e624;--primary-soft-strong:#a394e638;--primary-border:#a394e666;--success:#4ade80;--success-soft:#4ade8024;--danger:#f87171;--danger-text:#fca5a5;--danger-soft:#f871711f;--danger-border:#f8717159;--ring:#a394e68c;--scrim:#0009;--shadow-1:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow-2:0 4px 14px #00000073, 0 2px 6px #00000059;--shadow-3:0 16px 40px #0000008c, 0 6px 16px #0006;--header-bg:#13151bb8}*{box-sizing:border-box}body{margin:0}#app{height:100svh;overflow:hidden}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-xs)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:content-box}.app-shell{height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:272px;min-width:272px;height:100%;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.sidebar-brand-mark{border-radius:var(--radius-s);background:linear-gradient(135deg, var(--primary), var(--primary-active));width:32px;height:32px;color:var(--on-primary);box-shadow:var(--shadow-1);flex-shrink:0;place-items:center;font-size:1rem;display:grid}.sidebar-brand-actions{gap:var(--space-1);margin-left:auto;display:flex}.theme-toggle{border-radius:var(--radius-s);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;font-size:.95rem;display:inline-grid}.theme-toggle:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.sidebar-user{align-items:center;gap:var(--space-3);width:calc(100% - var(--space-4) * 2);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);display:flex}.sidebar-user:hover{border-color:var(--primary-border);box-shadow:var(--shadow-1)}.sidebar-user-meta{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-sub{color:var(--text-subtle);font-size:.72rem}.sidebar-section{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-section--grow{flex:1}.sidebar-section h3{margin:0 0 var(--space-1);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:650}.sidebar-section-head{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.sidebar-section-head h3{margin:0}.sidebar-add-btn{border-radius:var(--radius-s);width:22px;height:22px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.sidebar-add-btn:hover{background:var(--surface-2);color:var(--text)}.sidebar-add-btn--active{background:var(--primary-soft);color:var(--primary)}.room-list,.friend-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.friend-list li{align-items:center;gap:2px;display:flex}.room-row{flex-direction:column;gap:2px;display:flex}.room-row-main{align-items:center;gap:2px;display:flex}.room-row-facepile{padding-left:2.1rem}.room-item{text-align:left;border-radius:var(--radius-s);min-width:0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .6rem;font-size:.9rem}.room-item:hover{background:var(--surface-2);color:var(--text)}.room-item--active{background:var(--primary-soft);color:var(--primary);font-weight:600}.room-item-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.friend-list .room-name{font-size:1rem}.room-id{text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:.72rem;overflow:hidden}.room-item--active .room-id{color:var(--primary);opacity:.75}.room-invite,.room-copy,.room-leave{border-radius:var(--radius-s);width:26px;height:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;font-size:1rem;line-height:1;display:grid}.room-invite:hover,.room-copy:hover{background:var(--surface-2);color:var(--text)}.room-invite:hover{color:var(--primary)}.room-copy--copied{color:var(--success)}.room-leave:hover{background:var(--danger-soft);color:var(--danger-text)}.room-join-form{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.room-id-row{gap:var(--space-2);display:flex}.room-id-row input{flex:auto;min-width:0}.room-join-form .room-id-regenerate{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:36px;color:var(--text-subtle);box-shadow:none;cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.room-join-form .room-id-regenerate:hover{background:var(--surface-2);color:var(--text)}.room-join-form input{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;min-width:0;color:var(--text);padding:.5rem .65rem;font-size:.85rem}.room-join-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.room-join-form button{border-radius:var(--radius-s);background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-1);border:none;padding:.5rem .8rem;font-size:.85rem;font-weight:600}.room-join-form button:hover{background:var(--primary-hover)}.form-error{margin:var(--space-2) 0 0;color:var(--danger-text);font-size:.75rem}.member-facepile{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.facepile-avatar{border:2px solid var(--surface);background:var(--surface);cursor:pointer;transition:transform var(--dur-fast,.12s) var(--ease,ease);border-radius:999px;place-items:center;margin-right:-8px;padding:0;display:grid}.facepile-avatar--static{cursor:default}.facepile-avatar:hover,.facepile-avatar:focus-visible{z-index:1;transform:translateY(-2px)}.friend-empty{color:var(--text-subtle);padding:.35rem .5rem;font-size:.82rem}.request-badge{background:var(--primary);min-width:18px;height:18px;color:var(--on-primary);border-radius:999px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:inline-grid}.request-tag{color:var(--text-subtle);font-size:.68rem}.friend-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.online-dot{background:var(--success);border:2px solid var(--surface);border-radius:999px;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.unread-badge{background:var(--primary);min-width:18px;height:18px;color:var(--on-primary);border-radius:999px;flex-shrink:0;place-items:center;margin-left:auto;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:inline-grid}.chat-window{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(12px);z-index:10;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}.topbar-title{align-items:baseline;gap:.4rem;min-width:0;display:flex}.topbar-title h2{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;overflow:hidden}.topbar-hash{color:var(--accent);font-weight:700}.topbar-edit-room{border-radius:var(--radius-s);width:22px;height:22px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.topbar-edit-room:hover{background:var(--surface-2);color:var(--text)}.topbar-public-badge{border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger-text);white-space:nowrap;cursor:help;flex:none;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.room-nickname-btn-label{text-overflow:ellipsis;max-width:120px;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.chat-header h2{color:var(--text-h);margin:0;font-size:1.05rem}.avatar{-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.avatar--img{object-fit:cover;border-color:var(--border);background:var(--bg-alt)}.pill-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);padding:.4rem .85rem;font-size:.82rem;font-weight:550}.pill-btn:hover{background:var(--surface-2);border-color:var(--text-subtle)}.pill-btn--danger{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.pill-btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.pill-btn--ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.pill-btn.pill-btn--icon{justify-content:center;align-items:center;gap:0;width:32px;height:32px;padding:0;display:inline-flex}.screen-stage{border-bottom:1px dashed var(--border);flex-wrap:wrap;gap:.6rem;margin-bottom:.25rem;padding:.25rem 0 .75rem;display:flex}.screen-tile{flex-direction:column;gap:.2rem;margin:0;display:flex}.screen-tile-cap{opacity:.65;font-size:.7rem}.chat-scroll{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.chat-empty{opacity:.6;margin:auto}.date-divider{align-items:center;gap:.75rem;margin:.35rem 0;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--border);flex:1;height:1px}.date-divider-label{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-subtle);white-space:nowrap;flex:none;padding:.2rem .65rem;font-size:.72rem;font-weight:600}.typing-indicator{color:var(--text-subtle);margin:0;padding:.15rem 1.25rem;font-size:.78rem;font-style:italic}.bubble-row{justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}.bubble-row--own{justify-content:flex-end}@keyframes msg-flash{0%,to{background-color:#0000}25%{background-color:var(--accent-bg)}}.msg-row--flash{animation:msg-flash 1.6s var(--ease-out);border-radius:10px}.bubble-row--flash .bubble{animation:msg-flash 1.6s var(--ease-out)}@media (prefers-reduced-motion:reduce){.msg-row--flash,.bubble-row--flash .bubble{background-color:var(--accent-bg);animation:none}}.bubble-row--middle,.bubble-row--last{margin-top:-5px}.bubble-avatar-gap{flex:none;width:32px}.bubble-col{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:min(70%,480px);display:flex}.bubble-row--own .bubble-col{align-items:flex-end}.bubble-col .reaction-add,.msg-body .reaction-add{opacity:0;transition:opacity .15s}.bubble-row:hover .reaction-add,.msg-row:hover .reaction-add,.bubble-col .reaction-add:focus-visible,.msg-body .reaction-add:focus-visible{opacity:.7}.bubble-col .reaction-bar:empty,.msg-body .reaction-bar:empty{display:none}.msg-actions{align-items:center;gap:.15rem;display:inline-flex}.msg-action-btn{color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:6px;place-items:center;padding:.15rem .3rem;display:inline-grid}.msg-row:hover .msg-action-btn,.bubble-row:hover .msg-action-btn,.msg-action-btn:focus-visible{opacity:.7}.msg-action-btn:hover{opacity:1;background:var(--surface-2);color:var(--text)}.msg-action-btn--danger:hover{background:var(--danger-soft);color:var(--danger-text)}.bubble-under{align-items:center;gap:.3rem;display:flex}.reply-quote{border:none;border-left:2px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-2);max-width:100%;color:var(--text-muted);text-align:left;cursor:pointer;align-items:center;gap:.3rem;margin-bottom:.15rem;padding:.2rem .5rem;font-size:.76rem;display:inline-flex}.reply-quote:hover{background:var(--surface-3);color:var(--text)}.reply-quote-icon{opacity:.7;flex:none}.reply-quote-body{align-items:baseline;gap:.35rem;min-width:0;display:flex;overflow:hidden}.reply-quote-name{flex:none;font-weight:600}.reply-quote-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-quote-missing{opacity:.75;font-style:italic}.msg-edited{opacity:.55;font-size:.68rem}.msg-deleted{color:var(--text-subtle);margin:0;font-size:.85rem;font-style:italic}.msg-deleted--bubble{border:1px dashed var(--border);border-radius:var(--radius-m);padding:.4rem .8rem}.msg-row--deleted{padding:.3rem .35rem}.msg-edit{flex-direction:column;gap:.35rem;display:flex}.msg-edit-input{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;min-width:220px;color:var(--text);resize:vertical;padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.msg-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.msg-edit-actions{gap:.4rem;display:flex}.msg-edit-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;padding:.25rem .75rem;font-size:.78rem}.msg-edit-btn:hover{background:var(--surface-2)}.msg-edit-btn--save{background:var(--primary);color:var(--on-primary);border-color:#0000;font-weight:600}.msg-edit-btn--save:hover{background:var(--primary-hover)}.msg-row{border-radius:10px;align-items:flex-start;gap:.6rem;padding:.3rem .35rem;display:flex}.msg-row:hover{background:var(--bg-alt)}.avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;margin:0;padding:0;display:inline-flex}.name-btn{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0}.name-btn:hover .msg-name,.name-btn:hover .bubble-name{text-decoration:underline}.avatar-btn:hover{opacity:.85}.bubble-name-btn{display:block}.msg-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-head{align-items:baseline;gap:.5rem;display:flex}.msg-name{color:var(--text-h);font-size:.9rem;font-weight:600}.msg-row--own .msg-name{color:var(--accent)}.msg-time{opacity:.55;font-size:.7rem}.msg-text{white-space:pre-wrap;word-break:break-word;color:var(--text-h);margin:0}.bubble{max-width:100%;color:var(--text);box-shadow:var(--shadow-1);border:none;border-radius:18px;padding:.55rem .9rem;font-size:.9rem;line-height:1.45}.bubble--own{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-active) 100%);color:var(--on-primary)}.bubble--other{background:var(--surface);border:none}:root[data-theme=dark] .bubble--other{border:1px solid var(--border)}.bubble-name{color:var(--text-muted);margin:0 0 2px 4px;font-size:.72rem;font-weight:600}.bubble-text{white-space:pre-wrap;word-break:break-word;margin:0}.bubble-line{align-items:flex-end;gap:.35rem;min-width:0;max-width:100%;display:flex}.bubble-row--own .bubble-line{flex-direction:row-reverse}.bubble-meta{color:var(--text-subtle);white-space:nowrap;opacity:.7;transition:opacity var(--dur-fast) var(--ease);flex:none;align-items:center;gap:.2rem;padding-bottom:2px;font-size:.65rem;display:inline-flex}.bubble-row:hover .bubble-meta{opacity:1}.bubble-verified{opacity:.7;cursor:default}.bubble--media{padding:3px;line-height:0;overflow:hidden}.bubble--media .bubble-image,.bubble--media .bubble-video,.bubble--media .bubble-media-zoom{border-radius:15px}.bubble-image{border-radius:8px;max-width:300px;max-height:320px;display:block}.bubble-video{background:#000;border-radius:8px;max-width:320px;max-height:260px;display:block}.bubble-audio{max-width:260px}.bubble-file{color:inherit;text-decoration:underline}.msg-link{color:inherit;word-break:break-all;text-decoration:underline}.msg-link:hover{opacity:.85}.link-card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);max-width:320px;color:var(--text);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);margin-top:.4rem;text-decoration:none;display:block;overflow:hidden}.link-card:hover{border-color:var(--border-strong);background:var(--bg-alt)}.bubble--own .link-card{color:inherit;background:#ffffff1f;border-color:#ffffff47}.bubble--own .link-card:hover{background:#ffffff2e}.link-card-image{object-fit:cover;width:100%;max-height:160px;display:block}.link-card-body{flex-direction:column;gap:.2rem;padding:.5rem .65rem;display:flex}.link-card-title{word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-weight:600;display:-webkit-box;overflow:hidden}.link-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.76rem;display:-webkit-box;overflow:hidden}.bubble--own .link-card-desc{color:inherit;opacity:.85}.link-card-footer{align-items:center;gap:.3rem;margin-top:.1rem;display:flex}.link-card-favicon{border-radius:3px;flex:none;width:16px;height:16px}.link-card-domain{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.bubble--own .link-card-domain{color:inherit;opacity:.75}.bubble-media-zoom{cursor:zoom-in;background:0 0;border:none;border-radius:8px;padding:0;line-height:0;display:block}.bubble-media-zoom:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bubble-media-frame,.screen-tile-frame{line-height:0;display:inline-block;position:relative}.media-maximize-btn{border-radius:var(--radius-s);color:#fff;cursor:pointer;opacity:0;width:30px;height:30px;transition:opacity var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:#08060d8c;border:none;place-items:center;display:grid;position:absolute;top:6px;right:6px}.bubble-media-frame:hover .media-maximize-btn,.screen-tile-frame:hover .media-maximize-btn,.media-maximize-btn:focus-visible{opacity:1}.media-maximize-btn:hover{background:#08060dc7}.media-loading,.media-error{opacity:.7;margin:0;font-size:.85rem}.lightbox-modal{z-index:200;color:#e2e8f0;min-height:100dvh;animation:fade-in var(--dur-fast) var(--ease) both;background:#080d18f5;grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0}.lightbox-modal--idle{cursor:none}.lightbox-top{z-index:2;min-width:0;padding:calc(12px + env(safe-area-inset-top)) 16px 34px;pointer-events:none;background:linear-gradient(#080d18eb,#080d1800);justify-content:space-between;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;right:0}.lightbox-modal--idle .lightbox-top{opacity:0}.lightbox-meta{min-width:0}.lightbox-label,.lightbox-size{color:#94a3b8;font-size:12px;font-weight:700;display:block}.lightbox-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;display:block;overflow:hidden}.lightbox-actions{pointer-events:auto;flex:none;align-items:center;gap:8px;display:flex}.lightbox-btn{color:#f8fafc;cursor:pointer;width:38px;height:38px;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:#0f172ae0;border:1px solid #94a3b859;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.lightbox-btn:hover{background:#1e293bf2;border-color:#94a3b899}.lightbox-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.lightbox-body{justify-content:center;align-items:center;min-width:0;height:100dvh;min-height:0;padding:clamp(12px,4vw,40px);display:flex}.lightbox-media{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:lightbox-zoom var(--dur) var(--ease-out) both;background:#000;border-radius:6px;display:block;box-shadow:0 24px 70px #0000008c}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lightbox-media{animation:none}}.lightbox-loading{color:#94a3b8;margin:0;font-size:.9rem}.lightbox-mode-toggle{background:#0f172ac7;border:1px solid #94a3b859;border-radius:8px;display:flex;overflow:hidden}.lightbox-mode-toggle button{color:#cbd5e1;cursor:pointer;min-width:52px;height:38px;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:800}.lightbox-mode-toggle button.selected{color:#0f172a;background:#f8fafc}.lightbox-nav{z-index:2;color:#f8fafc;cursor:pointer;width:46px;height:58px;transition:opacity .3s ease, background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:#0f172ae0;border:1px solid #94a3b859;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background:#1e293bf2;border-color:#94a3b899}.lightbox-nav:disabled{opacity:.3;cursor:default}.lightbox-nav--prev{left:16px}.lightbox-nav--next{right:16px}.lightbox-modal--idle .lightbox-nav{opacity:0;pointer-events:none}.lightbox-body--flow{height:100dvh;padding:calc(84px + env(safe-area-inset-top)) 12px 28px;justify-content:flex-start;align-items:stretch;overflow-y:auto}.lightbox-flow-list{align-content:start;gap:12px;width:min(780px,100%);margin:0 auto;display:grid}.lightbox-flow-item{scroll-margin-top:calc(84px + env(safe-area-inset-top));background:#0b1120;border-radius:6px;place-items:center;display:grid}.lightbox-flow-item.current{outline-offset:2px;outline:2px solid #94a3b88c}.lightbox-flow-media{width:100%;max-height:82vh;animation:none}@media (width<=760px){.lightbox-body{padding:clamp(8px,3vw,20px)}.lightbox-nav{display:none}.lightbox-mode-toggle button{min-width:48px;height:36px}}.lightbox-bottom{z-index:2;min-width:0;padding:24px 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#080d1800,#080d18eb);align-items:center;gap:16px;transition:opacity .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.lightbox-modal--idle .lightbox-bottom{opacity:0}.lightbox-bottom-identity{pointer-events:auto;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.lightbox-bottom-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.lightbox-bottom-time{color:#94a3b8;flex:none;font-size:12px}.lightbox-bottom .reaction-bar{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-bottom .reaction-chip{color:#f8fafc;background:#0f172ac7;border-color:#94a3b859;min-height:32px;padding:.4rem .75rem;font-size:14px}.lightbox-bottom .reaction-chip--mine{color:#dbeafe;background:#3b82f647;border-color:#93c5fd}.lightbox-bottom .reaction-add{color:#f8fafc;border-color:#94a3b880;width:36px;height:36px;padding:0}.lightbox-bottom .reaction-add svg{width:18px;height:18px}.lightbox-bottom .reaction-add:hover{border-color:#f8fafc}.lightbox-bottom .reaction-palette{background:#0f172af5;border-color:#94a3b859}.lightbox-bottom .reaction-palette-btn{min-width:40px;min-height:40px;font-size:1.3rem}.lightbox-bottom .reaction-palette-btn:hover{background:#3b82f647}@media (width<=640px){.lightbox-bottom{padding:16px 12px calc(12px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:10px}.lightbox-bottom .reaction-bar{order:-1;position:static;transform:none}.lightbox-bottom-identity{justify-content:center;width:100%}}.reply-bar{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:.5rem;padding:.45rem 1.25rem;display:flex}.reply-bar-icon{color:var(--text-subtle);flex:none}.reply-bar-info{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.reply-bar-label{color:var(--primary);font-size:.76rem;font-weight:600}.reply-bar-snippet{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.8rem;overflow:hidden}.reply-bar-cancel{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.reply-bar-cancel:hover{background:var(--surface-2);color:var(--text)}.message-input-container{flex-direction:column;display:flex}.message-input{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.storage-picker{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;flex-direction:column;gap:.4rem;max-height:220px;margin:.75rem 1.25rem 0;padding:.6rem .75rem;display:flex}.storage-picker-header{opacity:.7;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.storage-picker-cancel{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:.9rem}.storage-picker-empty{opacity:.7;margin:0;font-size:.85rem}.storage-picker-list{max-height:160px;margin:0;padding:0;list-style:none;overflow-y:auto}.storage-picker-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.4rem .5rem;display:flex}.storage-picker-item:hover{background:var(--accent-bg)}.storage-picker-item-name{font-size:.9rem}.storage-picker-item-meta{opacity:.6;font-size:.75rem}.file-input{display:none}.text-input{border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--text);resize:none;flex:1;max-height:calc(8.1em + 1.2rem);padding:.6rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.35;overflow-y:auto}.text-input::placeholder{color:var(--text-subtle)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.icon-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.send-btn{border-radius:var(--radius-s);background:var(--primary);color:var(--on-primary);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-1);transition:background-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:none;padding:.55rem 1rem;font-size:.85rem;font-weight:600}.send-btn:not(:disabled):hover{background:var(--primary-hover);box-shadow:var(--shadow-2)}.send-btn:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.voice-recorder{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.voice-recorder--recording{padding:.2rem .4rem}.voice-recorder-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite voice-recorder-pulse}@keyframes voice-recorder-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.voice-recorder-timer{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.voice-recorder-label{opacity:.7;flex:1;font-size:.85rem}.voice-recorder-stop-btn{background:var(--danger-soft);width:38px;height:38px;color:var(--danger-text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease);border:none;border-radius:50%;place-items:center;display:grid}.voice-recorder-stop-btn:hover{background:var(--danger-bg)}.voice-recorder--preview{align-items:center}.voice-recorder-audio{flex:1;min-width:0;height:36px}.voice-recorder-cancel-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;padding:.5rem .7rem;font-size:.85rem}.voice-recorder-cancel-btn:hover{background:var(--surface-2);color:var(--text)}.voice-recorder--error{color:var(--danger-text);font-size:.85rem}.voice-recorder-error-text{flex:1}.voice-recorder-dismiss-btn{color:inherit;cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;padding:.4rem .6rem;font-size:.85rem;text-decoration:underline}.call-controls{align-items:center;gap:.4rem;display:inline-flex}.call-join-btn{border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.call-join-btn:hover{border-color:var(--success)}.call-join-count{background:var(--surface);min-width:1.4em;color:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:0 .4em;font-size:.72rem;line-height:1.5;display:inline-block}.call-controls-group{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:2px;padding:3px;display:inline-flex}.call-ctl-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:999px;place-items:center;display:inline-grid}.call-ctl-btn:hover{background:var(--surface-2);color:var(--text-h)}.call-ctl-btn--live,.call-ctl-btn--live:hover{background:var(--danger-soft);color:var(--danger-text)}.call-ctl-btn--muted{background:var(--surface-2);color:var(--danger-text)}.call-ctl-btn--leave{color:var(--danger-text)}.call-ctl-btn--leave:hover{background:var(--danger-soft);color:var(--danger-text)}.call-ctl-btn--ghost{width:30px;height:30px;color:var(--text-muted)}.call-ctl-btn--ghost:hover{background:var(--surface-2)}.call-dock{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem 1.25rem;font-size:.8rem;display:flex}.call-dock-status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.call-dock-note{color:var(--text-muted);font-size:.78rem}.call-dock-note--error{color:var(--danger-text)}.voice-chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;gap:.3rem;max-width:140px;padding:.1rem .5rem .1rem .15rem;font-size:.78rem;display:inline-flex}.voice-chip--self{border-color:var(--success);background:var(--success-bg)}.voice-chip--btn{cursor:pointer;color:inherit;font:inherit;font-size:.78rem}.voice-chip--btn:hover{border-color:var(--primary);background:var(--surface-2)}.voice-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-chip-mic{font-size:.7rem}.screen-share-video{border:1px solid var(--border);background:var(--bg-alt);border-radius:8px;max-width:240px;max-height:160px}.camera-stage{border-bottom:1px dashed var(--border);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-bottom:.25rem;padding:.25rem 0 .75rem;display:grid}.camera-tile{flex-direction:column;gap:.2rem;margin:0;display:flex}.camera-tile-video{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);background:var(--bg-alt);border-radius:8px;width:100%}.camera-tile-video--mirrored{transform:scaleX(-1)}.camera-tile--self .camera-tile-video{border-color:var(--success)}.camera-tile-cap{opacity:.65;font-size:.7rem}.camera-tile-cap--btn{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem}.camera-tile-cap--btn:hover{opacity:1;text-decoration:underline}.media-caution-checkbox{color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;margin-top:.9rem;font-size:.82rem;display:flex}.username-gate{height:100%;padding:var(--space-4);background:radial-gradient(120% 90% at 50% 0%, var(--bg-accent) 0%, var(--bg) 70%);justify-content:center;align-items:center;display:flex}.username-card{align-items:stretch;gap:var(--space-3);width:min(92vw,360px);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-3);animation:gate-in var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex}@keyframes gate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.username-logo{border-radius:var(--radius-m);background:linear-gradient(135deg, var(--primary), var(--primary-active));width:56px;height:56px;color:var(--on-primary);box-shadow:var(--shadow-2);place-items:center;font-size:1.6rem;display:grid}.username-card h1{margin:var(--space-2) 0 0;color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.username-sub{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.85rem}.username-field{flex-direction:column;gap:.35rem;display:flex}.username-field>span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:600}.username-card input{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;color:var(--text);padding:.65rem .8rem;font-size:1rem}.username-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.username-card button{border-radius:var(--radius-s);background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-1);transition:background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:none;padding:.7rem .9rem;font-size:.95rem;font-weight:650}.username-card button:not(:disabled):hover{background:var(--primary-hover);box-shadow:var(--shadow-2)}.username-card button:disabled{background:var(--surface-3);color:var(--text-subtle);cursor:not-allowed;box-shadow:none}.username-foot{margin:var(--space-1) 0 0;text-align:center;color:var(--text-subtle);font-size:.7rem}.room-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.room-tabs{border-bottom:1px solid var(--border);background:var(--bg);gap:.25rem;padding:.5rem 1.25rem 0;display:flex}.room-tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:.5rem .9rem;font-size:.9rem}.room-tab:hover{background:var(--accent-bg)}.room-tab--active{color:var(--accent);background:var(--accent-bg);font-weight:600}.room-content-body{flex:1;min-height:0;display:flex}.join-banner{border-bottom:1px solid var(--primary-border);background:var(--primary-soft);color:var(--text);align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.88rem;display:flex}.join-banner-icon{color:var(--primary);flex:none}.join-banner-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.join-banner-join{flex:none}.join-banner-dismiss{border-radius:var(--radius-s);width:26px;height:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.join-banner-dismiss:hover{background:var(--surface-2);color:var(--text)}.board{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.board-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.board-header-titles{min-width:0}.board-header-titles h2{color:var(--text-h);margin:0;font-size:1.05rem}.board-subtitle{opacity:.6;margin:.1rem 0 0;font-size:.72rem}.board-toolbar{align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.segmented-btn{border-radius:calc(var(--radius-m) - 3px);color:var(--text-subtle);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:0 0;border:none;padding:.35rem .85rem;font-size:.82rem;font-weight:550}.segmented-btn:hover{color:var(--text)}.segmented-btn--active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-1);font-weight:650}.board-scroll{flex-direction:column;flex:1;gap:.85rem;padding:.5rem 1.25rem 1.5rem;display:flex;overflow-y:auto}.board-empty{opacity:.85;flex-direction:column;align-items:center;gap:.75rem;margin:3rem auto;display:flex}.board-empty p{opacity:.65;margin:0}.board-empty-cta{border:1px dashed var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem}.board-import-chip{align-items:center;gap:.4rem;margin:0 1.25rem .5rem;display:flex}.board-import-chip-main{border:1px dashed var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;max-width:100%;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.board-import-chip-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-import-chip-dismiss{color:var(--text-subtle);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;padding:.3rem}.board-import-chip-dismiss:hover{opacity:1;color:var(--text)}.node-composer{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;gap:.5rem;display:flex}.node-composer--reply{margin-top:.5rem;padding:.6rem .75rem}.composer-kind-toggle{gap:.35rem;display:inline-flex}.composer-kind-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .85rem;font-size:.82rem}.composer-kind-btn--active{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.node-composer input,.node-composer textarea{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--text);resize:vertical;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.9rem}.node-composer input:focus,.node-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.composer-title{font-weight:600}.composer-row{gap:.5rem;display:flex}.composer-row input{flex:1;min-width:0}.composer-actions{justify-content:flex-end;gap:.5rem;display:flex}.composer-thumb-row{align-items:center;display:flex}.composer-thumb-add{border:1px dashed var(--border);color:var(--text);cursor:pointer;opacity:.85;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.82rem}.composer-thumb-add:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.composer-thumb-preview{display:inline-flex;position:relative}.composer-thumb-preview img{object-fit:cover;border-radius:var(--radius-s);border:1px solid var(--border);width:auto;max-width:140px;height:72px}.composer-thumb-remove{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.85rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.composer-thumb-remove:hover{color:var(--danger-text);border-color:var(--danger-text)}.composer-cancel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.55rem 1.05rem}.board-node{min-width:0}.board-node--root{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);padding:var(--space-4);transition:box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.board-node--root:hover{box-shadow:var(--shadow-2)}.board-node-main{align-items:flex-start;gap:.6rem;display:flex}.board-node-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.board-node-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.board-node-name{color:var(--text-h);font-size:.9rem;font-weight:600}.board-node-badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.05rem .45rem;font-size:.66rem;font-weight:700}.board-node-time{opacity:.55;font-size:.7rem}.board-node-thumb-btn{cursor:zoom-in;background:0 0;border:none;align-self:flex-start;padding:0;display:block}.board-node-thumb{object-fit:cover;border-radius:var(--radius-m);border:1px solid var(--border);cursor:zoom-in;max-width:100%;max-height:260px;display:block}.board-node-title{color:var(--text-h);word-break:break-word;margin:0;font-size:1.05rem}.board-node-title--sm{font-size:.95rem}.board-node-text{word-break:break-word;color:var(--text-h);margin:0}.node-chips{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.node-chips li{border-radius:999px;padding:.15rem .55rem;font-size:.7rem}.node-chips--roles li{background:var(--accent-bg);color:var(--accent)}.node-chips--tags li{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.board-node-actions{gap:.75rem;margin-top:.1rem;display:flex}.board-node-action{color:var(--text);cursor:pointer;opacity:.8;background:0 0;border:none;padding:.15rem 0;font-size:.78rem}.board-node-action:hover{color:var(--accent);opacity:1}.board-node-action--muted{opacity:.6}.board-node-action--danger:hover{color:var(--danger-text)}.board-node-deleted{color:var(--text-subtle);margin:0;font-size:.85rem;font-style:italic}.board-node-edited{opacity:.55;font-size:.7rem;font-style:normal}.board-node-edit{flex-direction:column;gap:.4rem;display:flex}.board-node-edit input,.board-node-edit textarea{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--text);resize:vertical;width:100%;padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.board-node-edit input:focus,.board-node-edit textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.board-node-edit-title{font-weight:600}.board-node-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.board-node-edit-thumb{flex-direction:column;gap:.4rem;display:flex}.board-node-edit-thumb-preview{object-fit:cover;border-radius:var(--radius-s);border:1px solid var(--border);width:auto;max-width:180px;height:96px}.board-node-edit-thumb-actions{gap:.5rem;display:flex}.board-node-children{border-left:2px solid var(--thread-line);flex-direction:column;gap:.6rem;margin:.5rem 0 0 .4rem;padding-left:.9rem;display:flex}.board-node--reply{padding-top:.15rem}.reaction-bar{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.1rem;display:flex}.reaction-chip{border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .5rem;font-size:.8rem;line-height:1.4;display:inline-flex}.reaction-chip--mine{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.reaction-chip-count{font-variant-numeric:tabular-nums;font-size:.72rem}.reaction-add-wrap{position:relative}.reaction-add{border:1px dashed var(--border);cursor:pointer;opacity:.7;background:0 0;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.reaction-add:hover{opacity:1;border-color:var(--accent)}.reaction-palette{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:var(--shadow-md);grid-template-columns:repeat(4,1fr);gap:.15rem;padding:.35rem;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.reaction-palette-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:1.1rem}.reaction-palette-btn:hover{background:var(--accent-bg)}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-2);border-color:var(--accent);transform:translateY(-2px)}.project-card-cover{aspect-ratio:16/9;background:var(--bg-alt);width:100%;position:relative}.project-card-badge{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1);border-radius:999px;padding:.15rem .55rem;font-size:.68rem;position:absolute;top:.5rem;left:.5rem}.project-card-badge--topic{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.project-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.project-card-cover--empty{background:linear-gradient(135deg, var(--accent-bg), var(--surface-2))}.project-card-body{padding:var(--space-4);flex-direction:column;flex:1;gap:.35rem;display:flex}.project-card-title{color:var(--text-h);word-break:break-word;margin:0;font-size:1rem}.project-card-excerpt{color:var(--text);opacity:.8;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.82rem;display:-webkit-box;overflow:hidden}.project-card-chips{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.project-card-chips li{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.68rem}.project-card-foot{padding:.6rem var(--space-4);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-card-foot-right{align-items:center;gap:.6rem;display:flex}.project-card-join,.project-card-heart{border:1px solid var(--border);background:var(--bg-alt);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;line-height:1.4;display:inline-flex}.project-card-join:hover,.project-card-heart:hover{border-color:var(--accent);color:var(--accent)}.project-card-join--mine,.project-card-heart--mine{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.project-card-replies{opacity:.7;white-space:nowrap;font-size:.75rem}.project-card--deleted{opacity:.75}.project-card--deleted:hover{border-color:var(--border);transform:none}.project-card-deleted-text{opacity:.6;margin:0;font-size:.82rem;font-style:italic}.board-thread-back{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;align-self:flex-start;margin-bottom:.25rem;padding:.4rem .9rem;font-size:.8rem}.board-thread-back:hover{border-color:var(--accent);color:var(--accent)}.board-node-join-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.board-join-btn{border:1px solid var(--border);background:var(--bg-alt);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;display:inline-flex}.board-join-btn:hover{border-color:var(--accent);color:var(--accent)}.board-join-btn--mine{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.composer-capacity{flex:none;width:6rem}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08060d80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:460px;max-height:min(88vh,720px);box-shadow:var(--shadow-3);padding:var(--space-5) var(--space-5) var(--space-5);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-header h2{color:var(--text-h);margin:0;font-size:1.1rem}.modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.1rem .4rem;font-size:1.4rem;line-height:1}.modal-close:hover{background:var(--accent-bg);color:var(--accent)}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.field{margin-top:.85rem;display:block}.field-label{color:var(--text-h);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;color:var(--text);resize:vertical;padding:.55rem .7rem;font-family:inherit;font-size:.9rem}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.profile-preview{align-items:center;gap:.85rem;padding:.5rem 0 .75rem;display:flex}.profile-avatar-slot{flex:none;position:relative}.profile-avatar-img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:72px;height:72px;display:block}.profile-avatar-uploading{color:#fff;background:#08060d73;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.profile-avatar-actions{align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.profile-avatar-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.76rem}.profile-preview-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.profile-preview-meta strong{color:var(--text-h);font-size:1.05rem}.profile-did{font-family:var(--mono);opacity:.7;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.profile-did-copy{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.05rem .5rem;font-size:.68rem}.peer-bio{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text);white-space:pre-wrap;word-break:break-word;margin:.25rem 0 .5rem;padding:.6rem .75rem;font-size:.9rem;line-height:1.5}.peer-bio--empty{color:var(--text-subtle);font-style:italic}.avatar-choices{grid-template-columns:repeat(8,1fr);gap:.25rem;display:grid}.avatar-choice{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;padding:.3rem 0;font-size:1.15rem}.avatar-choice--active{border-color:var(--accent);background:var(--accent-bg)}.profile-hint{opacity:.65;margin:.9rem 0 0;font-size:.72rem;line-height:1.5}.profile-vrm-note{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent);margin:.85rem 0 0;padding:.5rem .7rem;font-size:.74rem;line-height:1.5}.settings-title{color:var(--text-h);margin:0 0 .55rem;font-size:.85rem}.settings-options{flex-direction:column;gap:.5rem;display:flex}.settings-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;align-items:flex-start;gap:.65rem;width:100%;padding:.7rem .8rem;display:flex}.settings-option--active{border-color:var(--accent);background:var(--accent-bg)}.settings-option-radio{border:2px solid var(--border);border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px}.settings-option--active .settings-option-radio{border-color:var(--accent);background:radial-gradient(var(--accent) 42%, transparent 46%)}.settings-option-icon{color:var(--text-h);flex:none;margin-top:2px}.settings-option-body{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-option-label{color:var(--text-h);font-weight:600}.settings-option-desc{opacity:.7;font-size:.75rem}.settings-section+.settings-section{margin-top:1.1rem}.settings-desc{opacity:.7;margin:0 0 .55rem;font-size:.78rem}.settings-giphy-row{gap:.5rem;display:flex}.settings-giphy-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:inherit;flex:1;padding:.55rem .7rem;font-size:.85rem}.settings-giphy-save{flex:none;width:auto}.settings-desc--room{color:var(--text-h);opacity:1;margin-bottom:.4rem;font-weight:600}.settings-desc--empty{margin-bottom:0;font-style:italic}.settings-mutes{flex-direction:column;gap:.4rem;max-height:13rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.settings-mute-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.settings-mute-meta{flex-direction:column;flex:1;min-width:0;display:flex}.settings-mute-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.settings-mute-did{opacity:.6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.settings-mute-unmute{flex:none;width:auto}.peer-muted-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);opacity:.8;margin:0 0 .8rem;padding:.5rem .7rem;font-size:.78rem}.settings-options--languages{flex-flow:wrap;gap:.4rem}.settings-lang{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:.4rem .8rem;font-size:.82rem}.settings-lang:hover{border-color:var(--accent)}.settings-lang--active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:600}.vrchat-guide{max-width:520px}.vrchat-intro{margin:0 0 .75rem;font-size:.9rem;line-height:1.55}.vrchat-steps{counter-reset:step;flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.vrchat-steps li{flex-direction:column;gap:.3rem;display:flex}.vrchat-step-title{color:var(--text-h);font-size:.9rem;font-weight:600}.vrchat-step-body{opacity:.8;font-size:.82rem}.vrchat-live{color:var(--success);font-weight:600}.copy-line{align-items:stretch;gap:.4rem;display:flex}.copy-line code{white-space:nowrap;border-radius:var(--radius-sm);background:var(--bg-alt);border:1px solid var(--border);min-width:0;font-family:var(--mono);color:var(--text-h);flex:1;padding:.5rem .65rem;font-size:.8rem;overflow-x:auto}.copy-line-btn{border:1px solid var(--border);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:0 .75rem;font-size:.78rem}.vrchat-notes{border-top:1px solid var(--border);flex-direction:column;gap:.55rem;margin-top:1rem;padding-top:.85rem;display:flex}.vrchat-notes p{opacity:.75;overflow-wrap:anywhere;margin:0;font-size:.76rem;line-height:1.55}.vrchat-notes code{font-family:var(--mono);background:var(--bg-alt);overflow-wrap:anywhere;border-radius:5px;padding:.05rem .3rem;font-size:.74rem}.confirm-dialog{text-align:center;max-width:380px}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:.25rem auto .85rem;display:inline-flex}.confirm-icon--danger{background:var(--danger-soft);color:var(--danger)}.confirm-icon--primary{background:var(--accent-bg);color:var(--accent)}.confirm-title{color:var(--text-h);margin:0 0 .4rem;font-size:1.02rem}.confirm-message{color:var(--text);opacity:.85;margin:0;font-size:.86rem;line-height:1.55}.confirm-dialog .modal-actions{justify-content:center;margin-top:1.25rem}.btn-ghost,.btn-danger{border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1.1rem;font-size:.86rem;font-weight:600}.btn-ghost{border:1px solid var(--border-strong);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{border:1px solid var(--danger);background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.05)}.btn-danger:focus-visible,.btn-ghost:focus-visible{box-shadow:0 0 0 3px var(--danger-soft);outline:none}.invite-panel{max-width:460px}.invite-room{margin-bottom:var(--space-4);align-items:center;gap:.6rem;display:flex}.invite-room-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.invite-link-row{align-items:center;gap:.4rem;display:flex}.invite-link-row input{flex:1;min-width:0;font-size:.82rem}.invite-link-row .pill-btn{flex:none}.invite-qr{align-items:center;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);display:flex}.qr-code{border-radius:var(--radius-s);background:#fff;flex:none}.invite-qr-meta{min-width:0;color:var(--text-muted);font-size:.82rem}.invite-qr-meta strong{color:var(--text);margin-bottom:.25rem;display:block}.invite-qr-meta p{margin:0}.invite-friends h3{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.82rem;font-weight:600}.invite-empty{color:var(--text-subtle);margin:0;font-size:.85rem}.invite-friend-list{flex-direction:column;gap:.25rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.invite-friend-list li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.invite-friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.invite-send-error{color:var(--danger-text);flex:none;font-size:.75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.bubble-row,.msg-row{animation:rise-in var(--dur-fast) var(--ease-out) both}.screen-tile,.board-empty{animation:fade-in var(--dur) var(--ease) both}.node-composer,.modal-overlay{animation:fade-in var(--dur-fast) var(--ease) both}.modal{animation:modal-in var(--dur) var(--ease-out) both}.reaction-palette{animation:scale-in var(--dur-fast) var(--ease-out) both;transform-origin:0 100%}.pill-btn,.send-btn,.segmented-btn,.composer-kind-btn,.composer-cancel,.reaction-add,.avatar-choice,.theme-toggle,.board-empty-cta,.copy-line-btn,.profile-did-copy,.room-join-form button,.call-ctl-btn,.call-join-btn{transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease)}.pill-btn:active,.send-btn:active,.segmented-btn:active,.composer-kind-btn:active,.composer-cancel:active,.reaction-add:active,.avatar-choice:active,.theme-toggle:active,.board-empty-cta:active,.copy-line-btn:active,.profile-did-copy:active,.room-join-form button:active,.call-ctl-btn:active,.call-join-btn:active{transform:scale(.97)}.reaction-chip{animation:fade-in var(--dur-fast) var(--ease) both;transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.reaction-chip:active{transform:scale(.96)}.room-item,.room-tab,.sidebar-user,.facepile-avatar,.modal-close,.room-leave,.board-node-action,.board-node--root{transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.app-shell,.sidebar,.topbar,.board,.board-header,.board-toolbar,.chat-window,.bubble,.segmented,.text-input,.field input,.field textarea,.node-composer input,.node-composer textarea{transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease)}@media (prefers-reduced-motion:reduce){.bubble-row,.msg-row,.modal,.reaction-palette{animation-name:fade-in!important}*,:before,:after{scroll-behavior:auto!important;transition-property:background-color,border-color,color,opacity,box-shadow,outline-color!important}.sidebar{transition:none!important}}svg.lucide{vertical-align:middle;flex:none}.room-tab,.segmented-btn,.call-join-btn,.call-dock-status,.pill-btn,.send-btn,.composer-kind-btn,.board-empty-cta,.copy-line-btn,.bubble-file,.board-header-titles h2,.modal-title-icon{align-items:center;gap:.4rem;display:inline-flex}.reaction-add,.storage-picker-cancel,.modal-close{place-items:center;display:inline-grid}.topbar-title{align-items:center}.room-item{align-items:center;gap:.5rem;display:flex}.room-item .room-name{flex:1;min-width:0}.room-icon{color:var(--text-subtle)}.room-item--active .room-icon{color:var(--primary)}.bubble-verified,.voice-chip-mic{align-items:center;display:inline-flex}.bubble-verified{color:var(--primary)}.sidebar-backdrop,.room-tabs-menu{display:none}@media (width<=768px){.sidebar{z-index:30;width:min(86vw,320px);min-width:0;box-shadow:var(--shadow-3);transition:transform var(--dur) var(--ease-out);padding-top:env(safe-area-inset-top);overscroll-behavior:contain;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:var(--scrim);cursor:pointer;animation:fade-in var(--dur-fast) var(--ease) both;border:none;padding:0;display:block;position:fixed;inset:0}.room-tabs-menu{border-radius:var(--radius-s);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;margin-right:.1rem;font-size:1.2rem;line-height:1;display:inline-grid}.room-tabs-menu:hover{background:var(--surface-2);color:var(--text)}.btn-label{display:none}.topbar{gap:.5rem;min-height:52px}.topbar-actions{flex-wrap:nowrap;gap:.3rem}.topbar-actions .call-join-btn,.topbar-actions .pill-btn{padding:.45rem .6rem}.topbar,.board-header,.board-toolbar,.message-input,.chat-scroll,.board-scroll,.call-dock{padding-left:.9rem;padding-right:.9rem}.room-tabs{align-items:center;padding-left:.55rem;padding-right:.55rem}.bubble-col{max-width:86%}.node-composer,.board-node--root{padding:var(--space-3)}.message-input{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.room-item{padding-top:.6rem;padding-bottom:.6rem;font-size:.95rem}.room-leave{width:34px;height:34px}.room-tab{padding:.6rem .8rem}.icon-btn{width:42px;height:42px}.modal-overlay{align-items:flex-end;padding:.75rem}.modal{max-width:none;max-height:90vh;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}}@media (width<=360px){.sidebar{width:92vw}}.dev-console{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:90;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-m);max-width:960px;height:280px;box-shadow:var(--shadow-3);flex-direction:column;margin:0 auto;font-size:.78rem;display:flex;position:fixed;overflow:hidden}.dev-console--collapsed{height:auto}.dev-console-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text);flex:none;display:flex}.dev-console-title{font-weight:600}.dev-console-count{color:var(--text-muted);background:var(--surface-3);border-radius:var(--radius-pill);padding:.1rem .5rem;font-size:.7rem}.dev-console-header-spacer{flex:1}.dev-console-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;padding:.3rem;display:flex}.dev-console-btn:hover{background:var(--primary-soft);color:var(--primary)}.dev-console-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;display:flex}.dev-console-search{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--bg);min-width:140px;color:var(--text-subtle);flex:1;align-items:center;gap:.35rem;padding:.3rem .55rem;display:flex}.dev-console-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.dev-console-levels{flex-wrap:wrap;gap:.3rem;display:flex}.dev-console-level{border:1px solid var(--border);background:var(--bg);color:var(--text-subtle);border-radius:var(--radius-pill);letter-spacing:.02em;cursor:pointer;opacity:.55;padding:.15rem .55rem;font-size:.66rem;font-weight:600}.dev-console-level--active{opacity:1}.dev-console-level--log.dev-console-level--active{color:var(--text);border-color:var(--border-strong)}.dev-console-level--info.dev-console-level--active{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft)}.dev-console-level--warn.dev-console-level--active{color:#b7791f;background:#e0b7561f;border-color:#e0b756}.dev-console-level--error.dev-console-level--active{color:var(--danger-text);border-color:var(--danger-border);background:var(--danger-soft)}.dev-console-level--debug.dev-console-level--active{color:var(--text-subtle);border-color:var(--border-strong)}.dev-console-body{padding:var(--space-2) var(--space-3);font-family:var(--mono);background:var(--bg);flex:1;overflow-y:auto}.dev-console-empty{color:var(--text-subtle);padding:var(--space-3);text-align:center}.dev-console-line{border-bottom:1px solid var(--border);white-space:pre-wrap;word-break:break-word;align-items:baseline;gap:.5rem;padding:.12rem 0;display:flex}.dev-console-line-time{color:var(--text-subtle);flex:none;font-size:.68rem}.dev-console-line-level{flex:none;width:3.4em;font-size:.66rem;font-weight:700}.dev-console-line--warn .dev-console-line-level{color:#b7791f}.dev-console-line--error .dev-console-line-level,.dev-console-line--error .dev-console-line-text{color:var(--danger-text)}.dev-console-line--debug .dev-console-line-level{color:var(--text-subtle)}.dev-console-line--info .dev-console-line-level{color:var(--primary)}.dev-console-line-text{color:var(--text);flex:1;min-width:0}.dev-console-jump{bottom:var(--space-3);border:1px solid var(--primary-border);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-2);padding:.3rem .9rem;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}@media (width<=640px){.dev-console{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);height:220px}}.onboarding-modal{flex-direction:column;max-width:560px;max-height:min(90vh,720px);padding:0;display:flex;position:relative;overflow:hidden}.ob-close{top:var(--space-3);right:var(--space-3);z-index:1;appearance:none;cursor:pointer;color:var(--text-subtle);padding:var(--space-2);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:50%;line-height:0;position:absolute}.ob-close:hover{color:var(--text-h);background:var(--surface-hover,var(--surface-2))}.ob-body{padding:var(--space-6) var(--space-6) var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.ob-hero{color:var(--accent);padding:var(--space-2) 0 0;justify-content:center;display:flex}.ob-hero>svg{box-sizing:content-box;padding:var(--space-4);background:var(--accent-bg);border-radius:50%}.ob-step-head{align-items:center;gap:var(--space-3);color:var(--accent);display:flex}.ob-step-head>svg{box-sizing:content-box;padding:var(--space-2);background:var(--accent-bg);border-radius:50%;flex:none}.ob-title{text-align:center;color:var(--text-h);margin:0;font-size:1.25rem}.ob-step-head .ob-title{text-align:left;font-size:1.1rem}.ob-text{color:var(--text);margin:0;font-size:.92rem;line-height:1.7}.ob-text-subtle{color:var(--text-subtle);font-size:.85rem}.ob-warning{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--danger-border);background:var(--danger-soft);border-radius:var(--radius-m);align-items:flex-start;display:flex}.ob-warning-icon{color:var(--danger);flex:none;margin-top:2px}.ob-warning-body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ob-warning-body strong{color:var(--danger-text);font-size:.9rem}.ob-warning-body p{color:var(--text);margin:0;font-size:.85rem;line-height:1.6}.ob-feature-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ob-feature-list li{align-items:flex-start;gap:var(--space-3);font-size:.9rem;line-height:1.6;display:flex}.ob-feature-list li>svg{color:var(--accent);background:var(--accent-bg);box-sizing:content-box;border-radius:50%;flex:none;margin-top:1px;padding:6px}.ob-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border);display:flex}.ob-dots{gap:var(--space-2);display:flex}.ob-dot{border-radius:var(--radius-pill);background:var(--border-strong);width:8px;height:8px;transition:background var(--dur-fast) var(--ease), width var(--dur) var(--ease)}.ob-dot.is-active{background:var(--accent);width:22px}.ob-footer-actions{gap:var(--space-2);display:flex}.ob-btn{appearance:none;font:inherit;cursor:pointer;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-h);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.ob-btn:hover{background:var(--surface-2);border-color:var(--text-subtle)}.ob-btn-accent{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1);border:none}.ob-btn-accent:hover{background:var(--primary-hover);box-shadow:var(--shadow-2)}@media (width<=480px){.ob-body{padding:var(--space-5) var(--space-4) var(--space-3)}.ob-footer{padding:var(--space-3) var(--space-4) var(--space-4)}}.event-composer-row{gap:.6rem;display:flex}.event-composer-field{min-width:0;color:var(--text-subtle);flex-direction:column;flex:1;gap:.25rem;font-size:.78rem;display:flex}.event-day-group{margin-bottom:1rem}.event-day-group--past{opacity:.75}.event-day-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.02em;margin:0 0 .4rem;font-size:.78rem;font-weight:600}.event-past-toggle{margin:.5rem 0 1rem}.event-row{border-bottom:1px solid var(--border);gap:.65rem;padding:.6rem 0;display:flex}.event-row:last-child{border-bottom:none}.event-row-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.event-row-head{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.event-row-time{color:var(--accent);font-size:.8rem;font-weight:600}.event-row-title{color:var(--text-h);margin:0;font-size:.95rem}.event-row-location{color:var(--text-subtle);align-items:center;gap:.3rem;margin:0;font-size:.82rem;display:inline-flex}.event-row-text{color:var(--text);white-space:pre-wrap;margin:0;font-size:.88rem}.event-row-author{color:var(--text-subtle);margin:.15rem 0 0;font-size:.76rem}.event-row-actions{gap:.75rem;margin-top:.3rem;display:flex}.personal-calendar-panel{max-width:520px}.personal-calendar-scroll{flex-direction:column;gap:.5rem;max-height:55vh;margin-top:.75rem;display:flex;overflow-y:auto}.gif-picker{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;flex-direction:column;gap:.5rem;max-height:360px;margin:.75rem 1.25rem 0;padding:.6rem .75rem;display:flex}.gif-picker-header{opacity:.7;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.gif-picker-cancel{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none}.gif-picker-search{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.gif-picker-search-icon{opacity:.6;flex:none}.gif-picker-search-input{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.gif-picker-section-label{opacity:.6;margin:0;font-size:.75rem}.gif-picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem;max-height:240px;padding-right:2px;display:grid;overflow-y:auto}.gif-picker-item{border:1px solid var(--border);background:var(--bg);cursor:pointer;aspect-ratio:1;border-radius:8px;padding:0;position:relative;overflow:hidden}.gif-picker-item:hover{border-color:var(--accent)}.gif-picker-item:disabled{cursor:default;opacity:.6}.gif-picker-item img{object-fit:cover;width:100%;height:100%;display:block}.gif-picker-item-loading{color:#fff;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gif-picker-spinner{animation:.9s linear infinite gif-picker-spin}@keyframes gif-picker-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gif-picker-status{opacity:.7;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.75rem 0;font-size:.85rem;display:flex}.gif-picker-status--error{color:var(--danger-text);opacity:1}.gif-picker-attribution{opacity:.5;text-align:right;margin:0;font-size:.68rem}.gif-picker-setup{flex-direction:column;gap:.5rem;display:flex}.gif-picker-setup-title{margin:0;font-size:.9rem;font-weight:600}.gif-picker-setup-body{opacity:.75;margin:0;font-size:.8rem;line-height:1.5}.gif-picker-setup-link{color:var(--accent);font-size:.8rem}.gif-picker-setup-row{gap:.5rem;display:flex}.gif-picker-key-input{border:1px solid var(--border);background:var(--bg);min-width:0;color:inherit;border-radius:8px;flex:1;padding:.5rem .6rem;font-size:.85rem}.gif-picker-key-save{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:8px;flex:none;padding:.5rem .9rem}.gif-picker-key-save:disabled{opacity:.5;cursor:default}.gallery-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.gallery-status{opacity:.65;margin:3rem auto;font-size:.9rem}.gallery-status--error{opacity:1;color:var(--danger,#e5484d);text-align:center;margin:.75rem 1rem}.gallery-empty-icon{color:var(--text-subtle);opacity:.6}.gallery-empty-hint{opacity:.55;font-size:.8rem!important}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.gallery-tile{border-radius:var(--radius-m);aspect-ratio:1;background:var(--bg-alt);min-width:0;position:relative;overflow:hidden}.gallery-tile-media{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;line-height:0;display:block}.gallery-tile-media:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gallery-tile-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-fast) var(--ease);background:#000;display:block}.gallery-tile:hover .gallery-tile-thumb{transform:scale(1.04)}.gallery-tile-placeholder{opacity:.6;place-items:center;width:100%;height:100%;font-size:.78rem;display:grid}.gallery-tile-overlay{color:#fff;opacity:0;transition:opacity var(--dur-fast) var(--ease);pointer-events:none;background:linear-gradient(#0000,#000000a6);align-items:center;gap:.35rem;padding:.5rem 2.6rem .5rem .5rem;font-size:.72rem;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-tile-overlay .gallery-tile-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.gallery-tile-overlay .gallery-tile-time{opacity:.85;flex:none}.gallery-tile-delete{border-radius:var(--radius-pill);color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:#0000008c;border:none;place-items:center;display:grid;position:absolute;top:.4rem;right:.4rem}.gallery-tile-delete:hover{background:var(--danger,#e5484d)}.gallery-tile-react{z-index:1;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease);position:absolute;bottom:2.6rem;left:.4rem}.gallery-tile-react .reaction-chip{color:#fff;background:#0000008c;border-color:#ffffff4d}.gallery-tile-react .reaction-chip--mine{color:#fff;background:#000000b3;border-color:#fff}.gallery-tile-react .reaction-add{color:#fff;opacity:.85;border-color:#fff6}.gallery-tile-react .reaction-add:hover{opacity:1;border-color:#fff}.gallery-tile-react .reaction-palette{grid-template-columns:repeat(4,1fr);gap:.1rem;width:112px;padding:.3rem}.gallery-tile-react .reaction-palette-btn{padding:.2rem;font-size:1rem}.gallery-tile-badge,.gallery-tile-reactions{border-radius:var(--radius-pill);color:#fff;pointer-events:none;transition:opacity var(--dur-fast) var(--ease);background:#0000008c;align-items:center;gap:.2rem;padding:.2rem .4rem;font-size:.68rem;line-height:1;display:flex;position:absolute}.gallery-tile-badge{top:.4rem;left:.4rem}.gallery-tile-reactions{bottom:.4rem;right:.4rem}@media (hover:hover){.gallery-tile:hover .gallery-tile-overlay,.gallery-tile:focus-within .gallery-tile-overlay,.gallery-tile:hover .gallery-tile-delete,.gallery-tile:focus-within .gallery-tile-delete{opacity:1}.gallery-tile:hover .gallery-tile-react,.gallery-tile:focus-within .gallery-tile-react{opacity:1;pointer-events:auto}.gallery-tile:hover .gallery-tile-reactions,.gallery-tile:focus-within .gallery-tile-reactions{opacity:0}}@media (hover:none){.gallery-tile-overlay{opacity:0}.gallery-tile-delete,.gallery-tile-react{display:none}}@media (width<=640px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}}.md-body{overflow-wrap:break-word;word-break:break-word}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-p{white-space:pre-wrap;margin:.35em 0}.md-h{color:inherit;margin:.5em 0 .35em;font-weight:700;line-height:1.25}.md-h1{font-size:1.25em}.md-h2{font-size:1.15em}.md-h3{font-size:1.05em}.md-pre{border-radius:var(--radius-s);background:#0000001f;background:color-mix(in srgb, currentColor 12%, transparent);white-space:pre;margin:.35em 0;padding:.5rem .65rem;overflow-x:auto}.md-pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.md-pre,.md-code{font-family:var(--mono);font-size:.85em;line-height:1.4}.md-code{border-radius:var(--radius-xs);background:#0000001a;background:color-mix(in srgb, currentColor 12%, transparent);white-space:pre-wrap;word-break:break-word;padding:.1em .35em}.md-quote{border-left:3px solid;border-left-color:color-mix(in srgb, currentColor 35%, transparent);opacity:.85;margin:.35em 0;padding:.05em 0 .05em .7em}.md-quote>:first-child{margin-top:0}.md-quote>:last-child{margin-bottom:0}.md-list{margin:.35em 0;padding-left:1.2em}.md-list li{margin:.1em 0}.md-list--ordered{list-style:decimal}.search-panel{max-width:520px}.search-input-row{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);margin-bottom:var(--space-3);align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.search-input-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-input-icon{color:var(--text-subtle);flex:none}.search-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.search-state{margin:var(--space-2) 0 0;padding:var(--space-4) 0;text-align:center;color:var(--text-subtle);font-size:.85rem}.search-results-count{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.76rem}.search-results{flex-direction:column;gap:.35rem;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-result{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);cursor:pointer;padding:.6rem .75rem;display:block}.search-result:hover,.search-result:focus-visible{border-color:var(--accent);background:var(--accent-bg)}.search-result-meta{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-bottom:.25rem;font-size:.72rem;display:flex}.search-result-room{color:var(--text-h);font-weight:600}.search-result-surface{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);padding:.05rem .4rem}.search-result-author{opacity:.85}.search-result-time{white-space:nowrap;opacity:.7;margin-left:auto}.search-result-snippet{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.85rem;line-height:1.45}.archive-panel{max-width:480px}.archive-panel .archive-desc{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.85rem;line-height:1.5}.archive-panel .archive-media-note{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-2);color:var(--text-subtle);font-size:.76rem;line-height:1.5}.archive-panel .archive-empty{margin:var(--space-2) 0 0;padding:var(--space-4) 0;text-align:center;color:var(--text-subtle);font-size:.85rem}.archive-panel .archive-room-list{flex-direction:column;gap:.4rem;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.archive-panel .archive-room-row{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);padding:.6rem .75rem;display:flex}.archive-panel .archive-room-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.archive-panel .archive-room-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.archive-panel .archive-room-count{color:var(--text-muted);font-size:.75rem}.archive-panel .archive-download-btn{flex:none;align-items:center;gap:.35rem;width:auto;display:inline-flex}.archive-panel .archive-download-btn:disabled{opacity:.5;cursor:not-allowed}.personal-chat{flex-direction:column;height:100%;min-height:0;display:flex}.personal-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}.personal-header-mark{border-radius:var(--radius-s);background:linear-gradient(135deg, var(--primary), var(--primary-active));width:32px;height:32px;color:var(--on-primary);box-shadow:var(--shadow-1);flex-shrink:0;place-items:center;display:grid}.personal-header-text{flex-direction:column;min-width:0;display:flex}.personal-title{color:var(--text);font-size:.98rem;font-weight:700}.personal-subtitle{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.74rem;display:inline-flex}.personal-error{align-items:center;gap:var(--space-2);padding:.55rem var(--space-4);background:var(--danger-soft);color:var(--danger);flex-shrink:0;font-size:.82rem;display:flex}.personal-error span{flex:1}.personal-error-close{color:inherit;cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;place-items:center;padding:.15rem;display:inline-grid}.personal-error-close:hover{background:#00000014}.personal-scroll{min-height:0;padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.personal-empty{text-align:center;max-width:32ch;color:var(--text-muted);margin:auto}.personal-empty-title{margin:0 0 var(--space-3);font-size:.9rem}.personal-empty-note{opacity:.85;margin:0;font-size:.78rem;line-height:1.6}.note-card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.note-body{color:var(--text);overflow-wrap:anywhere;font-size:.9rem;line-height:1.65}.note-body>:first-child{margin-top:0}.note-body>:last-child{margin-bottom:0}.note-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.72rem;display:flex}.note-edited{opacity:.8;font-style:italic}.note-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease);gap:.15rem;margin-left:auto;display:flex}.note-card:hover .note-actions,.note-card:focus-within .note-actions{opacity:1}.note-action{border-radius:var(--radius-s);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.note-action:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.note-action--danger:hover{color:var(--danger);border-color:var(--danger)}.note-edit{gap:var(--space-2);flex-direction:column;display:flex}.note-edit-input{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface-2);width:100%;color:var(--text);font:inherit;padding:.55rem .7rem;font-size:.88rem;line-height:1.6}.note-edit-input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.note-edit-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.note-media-zoom{cursor:zoom-in;background:0 0;border:none;max-width:100%;padding:0;display:block}.note-image,.note-video{border-radius:var(--radius-s);max-width:100%;max-height:340px;display:block}.note-media-frame{max-width:100%;display:inline-block;position:relative}.note-media-frame:hover .media-maximize-btn,.note-media-frame:focus-within .media-maximize-btn{opacity:1}.note-audio{width:100%}.note-file{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-2);color:var(--text);overflow-wrap:anywhere;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.83rem;text-decoration:none;display:inline-flex}.note-file:hover{border-color:var(--primary)}.note-attach-loading,.note-attach-error{color:var(--text-muted);margin:0;font-size:.8rem}.note-attach-error{text-align:left;cursor:pointer;color:var(--danger);background:0 0;border:none;padding:0}.personal-composer{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));flex-shrink:0;display:flex}.personal-input{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface-2);min-height:2.4rem;max-height:9rem;color:var(--text);font:inherit;flex:1;padding:.6rem .9rem;font-size:.9rem;line-height:1.5}.personal-input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.personal-input:disabled{opacity:.6;cursor:not-allowed}@media (hover:none),(pointer:coarse){.note-actions{opacity:1}}