:root{color-scheme:dark;--bg:#0a0d14;--panel:#121722;--line:#263044;--text:#eef3ff;--muted:#8e9ab2;--accent:#7c5cff;--accent2:#25c2a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#1b1740 0,transparent 34%),var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif;min-height:100vh}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 980px)/2));background:#0a0d14dd;backdrop-filter:blur(14px)}header>div,.header-actions{display:flex;gap:12px;align-items:center}.header-actions form{margin:0}.mark{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:800}.mark.small{width:34px;height:34px;border-radius:10px;font-size:12px}.chat-shell{max-width:980px;height:calc(100vh - 68px);margin:auto;padding:24px;display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:10px 0 28px}.message{max-width:78%;white-space:pre-wrap;padding:14px 17px;border-radius:18px;margin:10px 0;background:var(--panel);border:1px solid var(--line)}.message.user{margin-left:auto;background:#312477;border-color:#5744bd}.pending{color:var(--muted)}.composer{display:flex;gap:12px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:18px}textarea,input{width:100%;border:1px solid var(--line);border-radius:11px;background:#0d111a;color:var(--text);padding:13px;font:inherit;resize:none}textarea{border:0;background:transparent;outline:0}button,.attach-button{border:0;border-radius:11px;background:var(--accent);color:white;padding:11px 20px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.ghost,.attach-button{background:transparent;border:1px solid var(--line)}.danger{color:#ff9eaa;border-color:#633743}.attachment-panel{padding:0 4px 12px}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.attachment{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 7px 5px 12px;font-size:14px}.attachment button{padding:0;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--muted)}.attach-controls{display:flex;gap:10px;align-items:center}.attach-button{display:inline-block;white-space:nowrap}.attach-controls form{display:flex;gap:8px;flex:1}.attach-controls input{padding:9px 12px}.attach-controls button{padding:9px 14px;white-space:nowrap}.attach-status{min-height:20px;margin:5px 0 0;color:var(--muted);font-size:13px}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:36px;border-radius:22px;background:#121722ee;border:1px solid var(--line);box-shadow:0 30px 80px #0008}.login-card h1{margin:18px 0 2px}.login-card form{display:grid;gap:10px;margin-top:25px}.muted{color:var(--muted)}.error{color:#ff9eaa}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.chat-shell{padding:12px}.message{max-width:90%}header{padding:0 14px}.header-actions{gap:5px}.header-actions button{padding:8px}.attach-controls{align-items:stretch;flex-direction:column}.attach-controls form{display:flex}.attach-button{text-align:center}}