:root{--bg: #fafafa;--bg-alt: #f0f0f0;--border: #d4d4d4;--text: #1a1a1a;--text-muted: #888;--accent: #4a90d9;--accent-hover: #3a7bc8;--system: #777;--input-bg: #fff;--topbar-bg: #eee;--font-mono: "SF Mono", "Cascadia Code", "Consolas", "Liberation Mono", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui)}button,input{font:inherit}.shell{min-height:100vh}.entry-layout{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:#fff}.brand-panel{width:min(100%,680px);margin-bottom:28px}.brand-mark{display:block;width:100%;height:auto}.entry-card{width:320px;display:flex;flex-direction:column;gap:12px}.mode-toggle{display:flex;border-bottom:1px solid var(--border)}.mode-toggle button{flex:1;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.mode-toggle button.active{color:var(--accent);border-bottom-color:var(--accent)}.entry-panel{min-height:150px;display:flex;align-items:flex-start}.entry-form{width:100%;display:flex;flex-direction:column;gap:10px}.entry-form label{display:flex;flex-direction:column;gap:3px}.entry-form span,.presence-header span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.entry-form input,.composer input{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:13px;background:var(--input-bg);color:var(--text);outline:none}.entry-form input:focus,.composer input:focus{border-color:var(--accent)}.primary{height:34px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#fff;cursor:pointer}.primary:hover{background:var(--accent-hover)}.primary:disabled{opacity:.6;cursor:default}.secondary{height:32px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer}.secondary:hover{border-color:var(--text-muted);color:var(--text)}.error{margin:0;font-size:12px;color:#d63031;text-align:center;min-height:16px}.chat-layout{min-height:100vh;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;height:30px;padding:0 10px;background:var(--topbar-bg);border-bottom:1px solid var(--border);gap:8px}.chat-title{font-size:12px;font-weight:700;letter-spacing:.08em}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.invite-pill{border:0;background:transparent;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);cursor:pointer;padding:0}.invite-pill:hover{color:var(--accent)}.ghost{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px}.ghost:hover{color:#d63031;border-color:#d63031}.chat-grid{flex:1;min-height:0;display:flex;border-bottom:1px solid var(--border)}.messages-panel{flex:1;min-width:0;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding:6px 10px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55}.message{padding:1px 0;word-break:break-word}.timestamp{color:var(--text-muted);font-size:11px;margin-right:4px}.nickname{font-weight:600;margin-right:4px;color:var(--text)}.system-copy{color:var(--system);font-style:italic}.system-copy:before{content:"— ";color:var(--border)}.composer{display:flex;padding:6px 8px;gap:8px;background:var(--bg);border-top:1px solid var(--border)}.composer input{flex:1}.composer .primary{width:72px;flex:0 0 auto}.presence-panel{width:160px;border-left:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column}.presence-header{height:24px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-alt)}.presence-list{flex:1;overflow-y:auto;padding:4px 0}.presence-row{padding:2px 8px;font-family:var(--font-mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-footer{padding:8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}@media (max-width: 640px){.entry-layout{justify-content:flex-start;padding-top:56px}.entry-card{width:100%;max-width:320px}.chat-header{height:auto;padding:8px;align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end}.chat-grid{flex-direction:column}.presence-panel{width:100%;border-left:0;border-top:1px solid var(--border);max-height:180px}.composer{flex-wrap:wrap}.composer .primary{width:100%}}