:root{color:#e8edf5;font-synthesis:none;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#2d72ff2e,#0000 34rem),#070b12;min-width:320px;min-height:100vh;margin:0;padding:24px}.shell{background:#0d131ee6;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;gap:20px;width:min(100%,820px);min-height:calc(100vh - 48px);margin:0 auto;padding:clamp(20px,5vw,48px);display:flex;box-shadow:0 24px 80px #00000061}.hero{gap:18px;display:grid}.eyebrow{color:#8db7ff;letter-spacing:.18em;margin:0 0 10px;font-size:.78rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,6vw,3.8rem);line-height:1}.notice{color:#b8c2d4;max-width:60ch;margin:16px 0 0;line-height:1.55}.status{color:#b8c2d4;background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.dot{background:#f1b84b;border-radius:999px;width:10px;height:10px}.messages{flex-direction:column;gap:12px;min-height:280px;max-height:52vh;padding:4px;display:flex;overflow-y:auto}.message{white-space:pre-wrap;border-radius:16px;width:fit-content;max-width:min(90%,640px);padding:12px 16px;line-height:1.5}.message p{margin:0}.message.assistant{background:#8db7ff1f;align-self:flex-start}.message.user{background:#2356b6;align-self:flex-end}.composer{gap:12px;margin-top:auto;display:grid}textarea,input{color:#e8edf5;width:100%;font:inherit;background:#0000003d;border:1px solid #ffffff29;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:76px}textarea:focus,input:focus{outline-offset:2px;outline:2px solid #8db7ff}.composer-footer{justify-content:space-between;align-items:end;gap:12px;display:flex}.key-field{color:#7f8ba0;gap:5px;width:min(100%,280px);font-size:.75rem;display:grid}button{color:#fff;font:inherit;cursor:pointer;background:#2d72ff;border:0;border-radius:12px;padding:12px 22px;font-weight:700}button:hover{background:#4b88ff}button:disabled{cursor:wait;opacity:.6}.error{color:#ff9e9e;margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){body{padding:0}.shell{border-radius:0;min-height:100vh}.composer-footer{flex-direction:column;align-items:stretch}.key-field,button{width:100%}}