:root[data-theme=light]{--bg: #f5f3ec;--bg-panel: #ffffff;--bg-talk: #e9e4d6;--text: #1c1a15;--muted: #7a7466;--border: #d8d2c2;--accent: #2f6fed;--bubble-self: #dceaff;--bubble-other: #ffffff;--tabbar: #ffffff}:root[data-theme=dark]{--bg: #141311;--bg-panel: #1e1d1a;--bg-talk: #191813;--text: #f0ede4;--muted: #a09a89;--border: #38352d;--accent: #7aa5ff;--bubble-self: #29406e;--bubble-other: #2a2925;--tabbar: #1e1d1a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,Hiragino Kaku Gothic ProN,sans-serif}.app-header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border)}.app-header h1{font-size:1rem;margin:0}.user-badge{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.theme-toggle{margin-left:auto;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;cursor:pointer}.theme-toggle:hover{border-color:var(--accent)}.chat-shell{display:grid;grid-template-columns:1fr;height:calc(100dvh - 53px)}.pane-list,.pane-detail{display:none}.pane-talk{display:flex;flex-direction:column;background:var(--bg-talk);min-height:0}.pane{background:var(--bg-panel);padding:1rem;overflow-y:auto}.pane h2{font-size:.85rem;color:var(--muted);margin:0 0 .75rem}.placeholder-card{border:1px dashed var(--border);border-radius:10px;padding:.8rem;margin-bottom:.6rem;font-size:.9rem}.bubble{max-width:80%;border-radius:12px;padding:.5rem .8rem;margin:.3rem 1rem;font-size:.9rem}.bubble.other{align-self:flex-start;background:var(--bubble-other);border:1px solid var(--border)}.bubble.self{align-self:flex-end;background:var(--bubble-self)}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--tabbar);border-top:1px solid var(--border)}.tabbar button{background:none;border:none;color:var(--muted);font-size:.75rem;padding:.7rem 0;cursor:pointer}.tabbar button[aria-current=page]{color:var(--accent);font-weight:700}@media(min-width:900px){.chat-shell{grid-template-columns:260px 1fr 240px}.pane-list,.pane-detail{display:block;border-right:1px solid var(--border)}.pane-detail{border-right:none;border-left:1px solid var(--border)}.tabbar{display:none}}:root[data-theme=light]{--nc-accent: #0a9b4e;--nc-accent-ink: #ffffff;--nc-self-fallback: #d3f0dd;--nc-other-fallback: #ffffff;--nc-talk-fallback: #e9e4d6;--nc-unread: #0a9b4e;--nc-danger: #b3261e}:root[data-theme=dark]{--nc-accent: #3dd47e;--nc-accent-ink: #0c1510;--nc-self-fallback: #1f4d37;--nc-other-fallback: #2a2925;--nc-talk-fallback: #191813;--nc-unread: #3dd47e;--nc-danger: #ff8a80}.nc-fp-text{margin:0;color:var(--fp-text, var(--text));letter-spacing:var(--fp-letter-spacing, 0);line-height:var(--fp-line-height, 1.6);font-size:.9rem;overflow-wrap:break-word}.nc-fixed{letter-spacing:0;line-height:1.45}.nc-fixed-zone{letter-spacing:0}.nc-shell{display:grid;grid-template-columns:1fr;height:calc(100dvh - 101px);min-height:0}.nc-rail{display:none}.nc-pane{min-height:0;overflow-y:auto;background:var(--bg-panel);display:none;flex-direction:column}.nc-pane.nc-show{display:flex}.nc-pane-talk.nc-show{background:var(--fp-talk-bg, var(--nc-talk-fallback))}@media(min-width:900px){.nc-shell{grid-template-columns:56px 260px 1fr 240px;height:calc(100dvh - 53px)}.nc-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem 0;background:var(--bg-panel);border-right:1px solid var(--border)}.nc-pane{display:flex;border-right:1px solid var(--border)}.nc-pane-detail{border-right:none;border-left:1px solid var(--border)}}.nc-rail button{width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:none;color:var(--muted);font-size:.65rem;cursor:pointer}.nc-rail button.nc-rail-active{color:var(--nc-accent);border-color:var(--nc-accent)}.nc-rail-user{margin-top:auto;font-size:.6rem;color:var(--muted);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-list-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.nc-list-head h2{margin:0;font-size:.95rem}.nc-list-new{color:var(--nc-accent);font-size:1.2rem}.nc-talk-list{list-style:none;margin:0;padding:0}.nc-talk-row{display:flex;gap:.7rem;align-items:center;width:100%;padding:.7rem 1rem;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text)}.nc-talk-row.nc-active{background:var(--bg-talk)}.nc-talk-main{flex:1;min-width:0}.nc-talk-top,.nc-talk-bottom{display:flex;align-items:center;gap:.4rem}.nc-talk-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-untrusted{color:var(--muted);font-weight:400}.nc-talk-time{margin-left:auto;font-size:.72rem;color:var(--muted);flex-shrink:0}.nc-talk-preview{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.nc-unread{background:var(--nc-unread);color:var(--nc-accent-ink);font-size:.7rem;min-width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;border-radius:999px;padding:0 .3rem;flex-shrink:0}.nc-group-icon{width:40px;height:40px;border-radius:10px;background:var(--nc-accent);color:var(--nc-accent-ink);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.nc-avatar{border-radius:8px;object-fit:cover;flex-shrink:0;display:inline-block}.nc-avatar-initial{color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.nc-trust{display:inline-flex;color:var(--nc-accent);flex-shrink:0}.nc-room-head{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border)}.nc-back{display:inline-block;background:none;border:none;font-size:1.4rem;color:var(--text);cursor:pointer;padding:0 .4rem 0 0}@media(min-width:900px){.nc-back{display:none}}.nc-room-title{font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-talk-area{flex:1;overflow-y:auto;padding:.8rem .9rem;background:var(--fp-talk-bg, var(--nc-talk-fallback));display:flex;flex-direction:column}.nc-fp-note{font-size:.75rem;color:var(--muted)}.nc-date-sep{display:flex;justify-content:center;margin:.6rem 0}.nc-date-pill{font-size:.72rem;color:var(--muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem}.nc-msg-row{display:flex;gap:.5rem;margin:.35rem 0;align-items:flex-end}.nc-self-row{justify-content:flex-end}.nc-msg-col{display:flex;flex-direction:column;gap:.15rem;max-width:78%}.nc-inbubble-name{font-size:.72rem;color:var(--muted)}.nc-bubble{max-width:78%;border-radius:12px;padding:.5rem .8rem}.nc-bubble-other{background:var(--fp-bubble-other, var(--nc-other-fallback));border:1px solid var(--border);align-self:flex-start}.nc-self-row .nc-bubble-self{background:var(--fp-bubble-self, var(--nc-self-fallback))}.nc-time{font-size:.68rem;color:var(--muted);flex-shrink:0}.nc-patches{display:flex;gap:4px;margin-top:.8rem;align-self:flex-end;opacity:.9}.nc-patch{display:inline-block;width:16px;height:16px;border:1px solid #888}.nc-inputbar{display:flex;gap:.5rem;padding:.6rem .8rem;background:var(--bg-panel);border-top:1px solid var(--border)}.nc-input{flex:1;border:1px solid var(--border);border-radius:999px;padding:.5rem .9rem;font-size:.9rem;background:var(--bg);color:var(--text)}.nc-send{background:var(--nc-accent);color:var(--nc-accent-ink);border:none;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;cursor:pointer;flex-shrink:0}.nc-send:disabled{opacity:.4;cursor:default}.nc-ghost{background:none;border:1px solid var(--border);border-radius:8px;padding:.45rem .9rem;color:var(--text);cursor:pointer;font-size:.85rem}.nc-members,.nc-settings,.nc-peer{padding:.9rem 1rem}.nc-members h2,.nc-settings h2{font-size:.9rem;margin:0 0 .6rem}.nc-settings h3{font-size:.8rem;color:var(--muted);margin:1.1rem 0 .5rem}.nc-settings section:first-of-type h3{margin-top:0}.nc-member-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;list-style:none}.nc-members ul{list-style:none;margin:0;padding:0}.nc-member-name,.nc-peer-name,.nc-prof-name{font-size:.88rem}.nc-prof-row{display:flex;gap:.7rem;align-items:center;margin-bottom:.6rem}.nc-prof-id{display:flex;flex-direction:column;gap:.15rem}.nc-prof-sub{font-size:.72rem;color:var(--muted)}.nc-muted-text{font-size:.8rem;color:var(--muted)}.nc-field{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0;font-size:.8rem}.nc-invite{display:flex;gap:.5rem;margin-top:.7rem}.nc-error{color:var(--nc-danger);font-size:.8rem}.nc-pane-setting-link{padding:0 1rem 1rem}.nc-tabbar{display:grid;grid-template-columns:1fr 1fr;background:var(--tabbar);border-top:1px solid var(--border);height:48px}.nc-tabbar button{background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer}.nc-tabbar button[aria-current=page]{color:var(--nc-accent);font-weight:700}@media(min-width:900px){.nc-tabbar{display:none}.nc-shell{height:calc(100dvh - 53px)}}.nc-toast{position:fixed;left:50%;bottom:64px;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:.82rem;border-radius:999px;padding:.5rem 1.1rem;z-index:50;max-width:90vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.nc-toast{bottom:32px}}