:root{color-scheme:dark;--bg:#0c1220;--panel:#151e30;--line:#29364e;--text:#e7edf7;--muted:#a8b5cb;--accent:#67e8c6;--code:#0a0f1b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#1b3153,transparent 35%),var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}#app{min-height:100vh}.panel{width:min(580px,calc(100% - 32px));margin:10vh auto;padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 20px 70px #0005}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:750;text-decoration:none;font-size:1.15rem}.brand-logo{width:30px;height:28px;object-fit:contain;transform:rotate(-90deg);flex:0 0 auto}.brand h1{display:inline;margin:0;font-size:2.2rem}.brand-name{white-space:nowrap}.intro{color:var(--muted);margin:20px 0 30px}form{display:grid;gap:20px}label,fieldset{display:grid;gap:8px;font-weight:600}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}fieldset label{font-weight:400}input,select,textarea{width:100%;color:var(--text);background:#0e1625;border:1px solid var(--line);border-radius:8px;padding:11px;font:inherit}button{cursor:pointer;border-radius:8px;border:1px solid var(--line);padding:9px 14px;color:var(--text);background:#202c42;font:inherit}.primary{background:var(--accent);border-color:var(--accent);color:#06261f;font-weight:750}.quiet{font-size:.8rem;padding:5px 8px;background:transparent;color:var(--muted)}#chat{height:100vh;display:grid;grid-template-rows:auto 1fr auto}.chat-header{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:#101929}.chat-header #room-meta{margin-left:auto;color:var(--muted);font-size:.88rem}#messages{overflow-y:auto;padding:20px max(20px,calc((100vw - 920px)/2));display:grid;align-content:start;gap:16px}.message{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.message header{display:flex;gap:10px;align-items:center;padding:9px 13px;border-bottom:1px solid var(--line);font-size:.84rem}.message time{color:var(--muted)}.copy-message{margin-left:auto}.message-body{padding:13px;overflow-wrap:anywhere}.message-body p{margin:.4em 0}.message-body pre{position:relative;padding:14px;background:var(--code);border-radius:7px;overflow:auto}.message-body code{font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.message-body :not(pre)>code{background:#25334c;padding:2px 4px;border-radius:4px}.code-copy{position:absolute;right:7px;top:7px}.kw{color:#c4b5fd}.str{color:#86efac}.num{color:#fbbf24}.comment{color:#718096}.composer{padding:14px max(20px,calc((100vw - 920px)/2));border-top:1px solid var(--line);background:#101929}.composer textarea{min-height:76px;resize:vertical}.composer div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem}dialog{border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);width:min(400px,calc(100% - 32px)}dialog::backdrop{background:#000a}.error{color:#fda4af;margin:0}@media(max-width:600px){.chat-header{gap:8px;padding:12px}.chat-header #room-meta{display:none}.message{border-radius:7px}}