.chat-shell{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183c36;background:#eef4ee}.chat-shell *{box-sizing:border-box}.chat-shell{margin:0;min-height:100vh;background:radial-gradient(ellipse at top left,#d9e8d5,transparent 65%)}.chat-shell{max-width:900px;margin:0 auto;padding:48px 20px}.chat-shell .card{background:#fffef9;border:1px solid #d9e2d7;border-radius:24px;padding:32px;box-shadow:0 20px 70px #193b3410}.chat-shell #welcome{max-width:460px;margin:5vh auto 0}.chat-shell .mark{display:grid;place-items:center;width:48px;height:48px;background:#dfeccf;border-radius:16px;font-size:30px}.chat-shell .eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;margin-top:24px}.chat-shell h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.chat-shell .muted, .chat-shell .fine{color:#60746b;line-height:1.6}.chat-shell .fine{font-size:12px}.chat-shell .muted{font-size:14px}.chat-shell label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}.chat-shell input, .chat-shell textarea{font:inherit;width:100%;border:1px solid #c5d4c8;border-radius:10px;background:white;padding:12px;color:#183c36}.chat-shell textarea{resize:vertical}.chat-shell button{font:inherit;font-weight:650;font-size:14px;background:#244e41;color:white;border:1px solid transparent;border-radius:10px;padding:12px 18px;cursor:pointer}.chat-shell button:hover{filter:brightness(.94)}.chat-shell button:disabled{opacity:.55;cursor:wait}.chat-shell button:focus-visible, .chat-shell input:focus-visible, .chat-shell textarea:focus-visible{outline:3px solid #92ad5f;outline-offset:3px}.chat-shell #login-form button, .chat-shell #guest{width:100%;margin-top:20px}.chat-shell .secondary{background:#edf2e8;color:#244e41;border-color:#d8e1d2}.chat-shell .danger{color:#a33930;background:#fff2ec;border-color:#efc9bd}.chat-shell .divider{text-align:center;color:#839084;font-size:12px;margin-top:20px}.chat-shell header{display:flex;justify-content:space-between;gap:16px;align-items:center}.chat-shell header .eyebrow{margin-top:0}.chat-shell .actions{display:flex;gap:8px}.chat-shell #messages{height:48vh;min-height:220px;overflow-y:auto;border-block:1px solid #e0e7dc;padding:16px 4px}.chat-shell .message{margin:0 0 16px;padding:12px 16px;border-radius:14px;background:#edf2e8;max-width:85%;width:fit-content}.chat-shell .message.admin{background:#e0ecd4}.chat-shell .message .meta{font-size:12px;color:#546a55;margin-bottom:6px}.chat-shell .message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.chat-shell .composer{display:flex;align-items:stretch;gap:12px}.chat-shell #status{color:#9b3629;text-align:center;min-height:24px}.chat-shell [hidden]{display:none!important}@media(max-width:560px){.chat-shell{padding:16px 10px}.chat-shell .card{padding:22px 18px;border-radius:18px}.chat-shell header{align-items:flex-start;flex-direction:column}.chat-shell h1{font-size:26px}.chat-shell .message{max-width:95%}.chat-shell .composer{gap:8px}}

.chat-shell{color:var(--text);background:transparent;padding:2rem 0}.chat-shell .card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.chat-shell .muted,.chat-shell .fine{color:var(--muted)}.chat-shell input,.chat-shell textarea{color:var(--text);background:var(--bg);border-color:var(--line)}.chat-shell button{background:var(--elevated);color:var(--text);border-color:var(--line)}.chat-shell .message{background:var(--elevated)}.chat-shell .message.admin{border-left:2px solid var(--accent);background:var(--elevated)}.chat-shell .message .meta{color:var(--muted)}.chat-shell #status{color:var(--blue)}.chat-shell .mark,.chat-shell .secondary{background:var(--elevated);color:var(--text)}

.chat-shell .divider{color:var(--muted)}