:root{color-scheme:light;--ink:#163b32;--muted:#61786e;--line:#d8e3dc;--paper:#f4f7f1;--green:#205e49}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:42px auto;padding:0 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h1{font:500 38px/1.2 Georgia,serif;margin:10px 0}p{color:var(--muted)}.pill{border:1px solid var(--line);border-radius:24px;padding:8px 14px;font-size:13px;background:white}section{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:28px}.panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}#messages{height:380px;overflow:auto;padding:8px 0}.empty{padding:70px 16px;text-align:center}.bubble{padding:14px 18px;border-radius:16px;margin-bottom:12px;max-width:92%;white-space:pre-wrap}.user{background:#edf3ec;margin-left:auto}.assistant{background:#f6f3eb}textarea,select{font:inherit;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;color:var(--ink)}textarea{resize:vertical}label{display:block;font-size:13px;margin:14px 0 6px;font-weight:600}button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:white;color:var(--ink);cursor:pointer}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.45;cursor:wait}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}#status{font-size:14px;min-height:24px;color:var(--muted)}#metrics{font:13px/1.8 ui-monospace,monospace;white-space:pre-wrap}.small{font-size:13px}.recording{background:#b13d31!important;color:#fff!important}.notice{padding-top:16px;border-top:1px solid var(--line);margin-top:20px}a{color:var(--green)}@media(max-width:800px){section{grid-template-columns:1fr}header{display:block}main{margin-top:24px}h1{font-size:30px}#messages{height:320px}}

input{font:inherit;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:white;color:var(--ink)}.login{max-width:560px;margin:80px auto}.login-panel{display:block;margin-top:30px}.login-button{width:100%;margin-top:22px}h2{font:500 25px Georgia,serif}.top-actions{display:flex;gap:10px;align-items:center}