:root{color-scheme:dark light;--bg-app:#13181d;--bg-rail:#0d1115;--bg-panel:#1a2027;--bg-panel-2:#202834;--bg-soft:hsla(0,0%,100%,.04);--line:hsla(34,45%,90%,.08);--text-main:#f6efe5;--text-soft:#b4aca2;--accent:#f08c5a;--accent-2:#4db6ac;--danger:#ff7a78;font-family:Space Grotesk,IBM Plex Sans,sans-serif}@media(prefers-color-scheme:light){:root{--bg-app:#efe7db;--bg-rail:#e4d8c8;--bg-panel:#f8f2e9;--bg-panel-2:#fffaf4;--bg-soft:rgba(58,44,36,.05);--line:rgba(58,44,36,.12);--text-main:#231b18;--text-soft:#6c5e55;--accent:#b75b39;--accent-2:#2c8a81;--danger:#bd4945}}*{box-sizing:border-box}#__nuxt,body,html{height:100%;min-height:100%}body{background:var(--bg-app);color:var(--text-main);margin:0}a{color:inherit;text-decoration:none}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}.web-shell{display:grid;grid-template-columns:76px 280px minmax(0,1fr) 280px;height:100vh;min-height:100vh;overflow:hidden}.channel-rail,.member-panel,.server-rail{background:var(--bg-rail);border-right:1px solid var(--line);min-height:0}.server-rail{align-items:center;display:flex;flex-direction:column;gap:14px;padding:18px 0}.server-pill{background:#ffffff0f;border-radius:18px;display:grid;font-weight:700;height:48px;place-items:center;transition:transform .18s ease,background .18s ease;width:48px}.server-pill.active,.server-pill:hover{background:var(--accent);color:#fff8f2;transform:translateY(-2px)}.server-pill-create{background:transparent;border:1px dashed var(--line);color:var(--text-soft);cursor:pointer;font:inherit;font-size:1.5rem}.channel-rail,.member-panel{display:flex;flex-direction:column;overflow:auto;padding:22px 18px}.locale-switch{align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:6px;padding:6px}.locale-button{background:transparent;border:0;border-radius:999px;color:var(--text-soft);cursor:pointer;font:inherit;font-weight:700;padding:10px 12px}.locale-button.active{background:var(--accent);color:#fff8f2}.rail-head h1,.rail-head h2{font-size:1.28rem;margin:0}.channel-description,.rail-description{color:var(--text-soft);line-height:1.5;margin:10px 0 0}.channel-list{display:grid;gap:6px;margin-top:18px}.rail-cta{margin-top:16px}.rail-cta button,.rail-form-actions button{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;color:var(--text-main);cursor:pointer;font:inherit;font-weight:700;padding:12px 14px;width:100%}.rail-form{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;display:grid;gap:12px;margin-top:16px;padding:16px}.rail-form label span{color:var(--text-soft);display:block;font-size:.9rem;margin-bottom:8px}.rail-form input,.rail-form select,.rail-form textarea{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:14px;color:var(--text-main);font:inherit;padding:12px 14px;width:100%}.rail-form textarea{resize:vertical}.rail-form-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.rail-form-actions .ghost{background:transparent;color:var(--text-soft)}.channel-link{align-items:center;border-radius:14px;color:var(--text-soft);display:flex;justify-content:space-between;padding:12px 14px}.channel-link small{font-size:.68rem;letter-spacing:.08em;opacity:.75;text-transform:uppercase}.channel-link.active,.channel-link:hover{background:var(--bg-soft);color:var(--text-main)}.user-strip{background:var(--bg-panel);border:1px solid var(--line);border-radius:20px;margin-top:auto;padding:16px}.user-strip p{color:var(--text-soft);margin:6px 0 0}.user-strip a{color:var(--accent);display:inline-flex;font-weight:700;margin-top:12px}.user-strip-button{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text-main);cursor:pointer;font:inherit;font-weight:700;margin-top:12px;padding:12px 14px;width:100%}.chat-stage{background:radial-gradient(circle at top left,rgba(240,140,90,.12),transparent 28%),radial-gradient(circle at top right,rgba(77,182,172,.08),transparent 22%),var(--bg-panel);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:16px;justify-content:space-between;padding:22px 26px}.chat-head h2{font-size:1.35rem;margin:0}.chat-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.chat-actions a,.chat-actions button,.composer-form button,.profile-actions button{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;color:var(--text-soft);cursor:pointer;font:inherit;padding:10px 14px}.chat-actions button:first-child,.composer-form button,.profile-actions button:first-child{background:var(--accent);color:#fff8f2}.chat-actions .ghost,.profile-actions .ghost{background:transparent}.channel-alert,.profile-alert{margin:20px 24px 0}.message-stream{align-content:start;gap:18px;overflow-x:hidden;overflow-y:auto;padding:24px}.chat-empty-state,.message-stream{display:grid;flex:1 1 auto;min-height:0}.chat-empty-state{gap:10px;overflow:auto;padding:24px;place-content:center;text-align:center}.chat-empty-state p{color:var(--text-soft);line-height:1.6;margin:0;max-width:48ch}.message-row{display:grid;gap:14px;grid-template-columns:52px 1fr}.message-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:18px;color:#fff8f2;display:grid;font-weight:700;height:52px;place-items:center;width:52px}.message-bubble{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:22px;padding:16px 18px}.message-meta{align-items:baseline;display:flex;gap:12px}.message-bubble p,.message-meta span{color:var(--text-soft)}.message-bubble p{line-height:1.6;margin:12px 0 0}.composer{background:linear-gradient(180deg,rgba(19,24,29,0),rgba(19,24,29,.35) 16%,var(--bg-panel) 40%);border-top:1px solid var(--line);bottom:0;flex:0 0 auto;padding:18px 24px 24px;position:sticky}.composer-form{display:grid;gap:12px;grid-template-columns:1fr auto}.composer input{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:20px;color:var(--text-main);font:inherit;padding:18px 20px;width:100%}.member-list{display:grid;gap:12px;margin-top:18px}.member-row{align-items:center;background:var(--bg-soft);border-radius:16px;display:flex;gap:12px;padding:12px 14px}.member-row p{color:var(--text-soft);margin:4px 0 0}.member-dot{border-radius:999px;height:12px;width:12px}.accent-orange{background:var(--accent)}.accent-teal{background:var(--accent-2)}.accent-amber{background:#d8a448}.accent-indigo{background:#8394ff}.login-screen,.profile-screen{background:radial-gradient(circle at top left,rgba(240,140,90,.14),transparent 25%),radial-gradient(circle at bottom right,rgba(77,182,172,.12),transparent 22%),var(--bg-app);display:grid;min-height:100vh;padding:32px;place-items:center}.login-card,.profile-card,.profile-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:28px}.login-card{padding:32px;width:min(100%,520px)}.login-card h1{margin:0}.login-card-top,.profile-card-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.login-form{display:grid;gap:16px;margin-top:24px}.web-auth-alert{margin-top:18px}.demo-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.demo-card{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:18px;color:var(--text-main);cursor:pointer;padding:16px;text-align:left}.demo-card span{color:var(--text-soft);display:block;margin-top:8px}.login-form label span{color:var(--text-soft);display:block;margin-bottom:8px}.login-form button,.login-form input{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:18px;color:var(--text-main);font:inherit;padding:14px 16px;width:100%}.login-form button{background:var(--accent);color:#fff8f2;cursor:pointer;font-weight:700}.login-form button:disabled{cursor:wait;opacity:.7}.form-message{border:1px solid var(--line);border-radius:16px;margin:18px 0 0;padding:14px 16px}.form-message.success{color:var(--accent-2)}.form-message.error{color:var(--danger)}.app-alert{align-items:flex-start;background:var(--bg-panel-2);border:1px solid var(--line);border-radius:20px;display:flex;gap:14px;justify-content:space-between;padding:16px 18px}.app-alert-copy strong{display:block;margin-bottom:6px}.app-alert-copy p{color:var(--text-soft);line-height:1.55;margin:0}.app-alert-success{border-color:#4db6ac66;box-shadow:inset 0 0 0 1px #4db6ac29}.app-alert-success .app-alert-copy strong{color:var(--accent-2)}.app-alert-error{border-color:#ff7d7a57;box-shadow:inset 0 0 0 1px #ff7d7a24}.app-alert-error .app-alert-copy strong{color:var(--danger)}.app-alert-info{border-color:#f08c5a57;box-shadow:inset 0 0 0 1px #f08c5a24}.app-alert-info .app-alert-copy strong{color:var(--accent)}.app-alert-close{background:#ffffff0f;border:0;border-radius:999px;color:var(--text-soft);cursor:pointer;display:grid;flex:0 0 auto;font:inherit;font-size:1.2rem;height:34px;place-items:center;width:34px}.profile-card{display:grid;gap:24px;grid-template-columns:110px 1fr;padding:32px;width:min(100%,920px)}.avatar-shell{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:36px;color:#fff8f2;display:grid;font-size:2rem;font-weight:700;height:110px;place-items:center;width:110px}.login-card p,.profile-bio,.profile-handle,.profile-panel li{color:var(--text-soft)}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.profile-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;width:min(100%,920px)}.profile-panel{padding:24px}@media(max-width:1180px){.web-shell{grid-template-columns:76px 240px minmax(0,1fr)}.member-panel{display:none}}@media(max-width:860px){.web-shell{grid-template-columns:70px 1fr}.channel-rail{display:none}.profile-card,.profile-grid{grid-template-columns:1fr;width:100%}.demo-grid{grid-template-columns:1fr}.app-alert{flex-direction:column}.composer-form,.rail-form-actions{grid-template-columns:1fr}.chat-head,.login-card-top,.profile-card-top{align-items:flex-start;flex-direction:column}.chat-actions{justify-content:flex-start;width:100%}}