:root{--bg: #0b0d10;--panel: #14181d;--text: #e7ecef;--muted: #9aa4ad;--border: rgba(255,255,255,.75)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif}.app-frame{min-height:100%;padding:16px;border:5px solid var(--border)}.app-wrap{margin:0 auto;max-width:960px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;height:calc(100dvh - 42px)}.header{text-align:center}.card{background:var(--panel);border:1px solid #242b33;border-radius:16px;padding:16px;min-height:0;box-shadow:0 8px 24px #00000059}.status{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}.chat{display:flex;flex-direction:column;gap:12px;height:100%}.chat-scroll{flex:1 1 auto;overflow:auto;padding-right:4px}.msg{max-width:75%;padding:10px 12px;border-radius:12px;line-height:1.3;white-space:pre-wrap;word-wrap:break-word}.msg.user{margin-left:auto;background:#2a3340;border:1px solid #3a4758}.msg.assistant{margin-right:auto;background:#1b222b;border:1px solid #293240}.input-row{display:flex;gap:8px}.input-row textarea{flex:1 1 auto;resize:none;height:72px;padding:10px 12px;border-radius:12px;border:1px solid #334150;background:#0f141a;color:var(--text)}.button{flex:0 0 auto;padding:0 16px;border-radius:12px;border:1px solid #334150;background:#0f141a;color:var(--text);cursor:pointer}.button[disabled]{opacity:.6;cursor:not-allowed}