:root{font-family:Inter,Segoe UI,sans-serif;color:#183b3b;background:#f3f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:36px 18px}main{max-width:860px;margin:auto;background:white;border:1px solid #dce6e0;border-radius:20px;padding:32px;box-shadow:0 16px 60px #17392b09}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e4ece8;padding-bottom:22px}.mark{background:#155e51;color:white;border-radius:14px;padding:13px 20px;font-size:28px;font-weight:700}.eyebrow{font-size:11px;letter-spacing:3px;margin:0;color:#54766b}h1{font-size:24px;margin:6px 0}#mode{margin-left:auto;font-size:11px;max-width:160px;line-height:1.5;color:#42685b;background:#edf5f0;padding:8px 12px;border-radius:20px}.notice{background:#f2f7f3;border:1px solid #dce8de;border-radius:12px;padding:16px 18px;margin:24px 0;font-size:13px;line-height:1.65}.notice p{margin:5px 0 0}input{font:inherit;border:1px solid #bccfc3;border-radius:9px;padding:13px;min-width:0}#access{display:block;width:100%;margin:12px 0}button{font:inherit;background:#185f50;color:white;border:0;border-radius:9px;padding:12px 17px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#messages{min-height:120px;max-height:460px;overflow:auto}.bubble{white-space:pre-wrap;line-height:1.65;margin:12px 0;padding:14px 18px;border-radius:12px;background:#f0f5f2;font-size:14px}.bubble.user{margin-left:16%;background:#e4f0ea}.bubble.assistant{margin-right:8%}#choices{display:grid;gap:8px;margin:16px 0}.choice{background:white;color:#1b5947;border:1px solid #b5cfbf;text-align:left}#outcome{border:1px solid #a6c5b1;background:#edf6ef;padding:16px;border-radius:12px;white-space:pre-wrap;margin:16px 0}#composer{display:flex;gap:9px;margin-top:20px}#message{flex:1}.footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#607d6f;margin-top:10px}.subtle{background:none;color:#3f6b5b;padding:9px}footer{font-size:11px;color:#72897d;border-top:1px solid #e8eeea;margin-top:22px;padding-top:18px}#error{color:#a03626;font-size:13px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:600px){body{padding:10px}main{padding:18px;border-radius:12px}h1{font-size:19px}#mode{max-width:110px}#composer{gap:6px}.bubble{margin-right:0!important}.bubble.user{margin-left:7%}}
