:root{font:15px system-ui,Segoe UI,sans-serif;color:#dfeaff;background:#081321;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:290px 1fr;max-width:1440px;margin:auto;height:100dvh}aside{background:#0c1b2b;padding:34px 26px;border-right:1px solid #203347;display:flex;flex-direction:column}.brand{text-decoration:none;color:#fff;font-size:26px;font-weight:850;letter-spacing:-1px}.brand span{color:#48bbff}.brand small{font-size:10px;letter-spacing:2px;display:block;color:#6f8aa5;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:2px;color:#4facdb;margin-top:52px}h2{font-size:28px;line-height:1.2;font-weight:600;margin:14px 0}aside p{font-size:13px;color:#91a5bb;line-height:1.7}label{font-size:12px;color:#a5b9cc;margin:26px 0 10px}select{font:inherit;font-size:13px;background:#12283d;border:1px solid #2b455e;border-radius:10px;padding:12px;color:#e5efff;width:100%}button{font:inherit;cursor:pointer}.secondary{border:1px solid #2b455e;background:transparent;color:#c4d9ee;border-radius:10px;padding:12px;margin-top:12px}.notice{margin-top:auto;border-top:1px solid #263a4d;padding-top:20px}.notice strong{font-size:12px;color:#aac4db}.notice p,#budget{font-size:11px;color:#91a5bb}main{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% 10%,#10263c 0%,#091522 58%)}header{display:flex;align-items:center;gap:12px;padding:22px 32px;border-bottom:1px solid #1c3044}header strong{font-size:15px}#status{font-size:11px;color:#88a9bc;margin-top:5px}.avatar{height:42px;width:42px;background:linear-gradient(135deg,#20a7ef,#2765de);border-radius:13px;display:grid;place-items:center;font-size:23px;font-weight:700}.badge{margin-left:auto;font-size:10px;letter-spacing:2px;border:1px solid #32506c;color:#97bad7;border-radius:20px;padding:6px 10px}#messages{overflow:auto;flex:1;padding:28px 40px;scroll-behavior:smooth}#welcome{text-align:center;max-width:570px;margin:9vh auto 30px}.spark{display:grid;place-items:center;width:68px;height:68px;margin:auto;border:1px solid #2b5071;border-radius:22px;background:#142f49;color:#70cfff;font-size:34px}h1{font-size:30px;font-weight:550;margin:24px 0 12px}#welcome p{color:#90a8bd;line-height:1.8}.examples{display:grid;gap:9px;text-align:left;max-width:420px;margin:28px auto}.examples button{display:flex;justify-content:space-between;background:#11253a;border:1px solid #26415a;border-radius:12px;padding:15px 18px;color:#c7dced}.examples span{color:#58bcec}.message{display:flex;margin:16px auto;gap:10px;max-width:760px}.bubble{white-space:pre-wrap;line-height:1.75;padding:14px 18px;max-width:85%;border-radius:16px;background:#14283c;border:1px solid #263e55;font-size:14px}.message.user{justify-content:flex-end}.user .bubble{background:#1b5b92;border-color:#28699f;border-bottom-right-radius:4px}.assistant .bubble{border-top-left-radius:4px}.message.error .bubble{color:#ffd8c9;border-color:#704333}.typing{color:#7eb6db}.composer{padding:16px 32px 22px}form{display:flex;align-items:flex-end;max-width:800px;margin:auto;background:#13273b;border:1px solid #35526c;border-radius:17px;padding:10px 12px 10px 18px;box-shadow:0 8px 30px #0002}textarea{resize:none;width:100%;max-height:150px;background:none;border:0;color:#e3efff;outline:none;font:inherit;padding:10px 0;line-height:1.5}textarea::placeholder{color:#7690a8}#send{border:0;background:#42aff2;color:#08213b;font-size:25px;border-radius:11px;height:42px;width:44px;flex-shrink:0;margin-left:12px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:wait}footer{max-width:800px;margin:12px auto 0;color:#6d879f;font-size:10px;display:flex;justify-content:space-between;gap:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}aside{padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-right:0;border-bottom:1px solid #203347}.brand{font-size:20px;grid-column:1/-1}.brand small,.eyebrow,aside h2,aside>p,aside label,.notice{display:none}.secondary{margin:0;font-size:12px}header{padding:14px 18px}#messages{padding:15px}#welcome{margin:3vh auto}h1{font-size:25px}.composer{padding:12px 14px 16px}footer{font-size:9px}.bubble{max-width:92%}.examples{margin:20px auto}}.secondary{text-align:center;text-decoration:none}.notice p{margin-bottom:12px}
.bubble a{color:#7dceff;overflow-wrap:anywhere}
.identity-note{margin:0;padding:10px 24px;background:#112338;color:#a6bfd5;font-size:12px;line-height:1.5}
[hidden]{display:none!important}dialog{background:#102338;color:#dfeaff;border:1px solid #35526c;border-radius:18px;width:min(440px,calc(100vw - 32px));padding:24px}dialog::backdrop{background:#0009}#login-form{display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none}#login-form h2{font-size:21px;margin-top:0}#login-form p{font-size:13px;line-height:1.6;color:#a6bfd5}#login-form label{display:block;margin:12px 0 6px;font-size:13px}#login-form input{display:block;width:100%;padding:12px;border:1px solid #35526c;background:#081321;color:#e3efff;border-radius:9px;font:inherit}.login-actions{display:flex;gap:10px;justify-content:flex-end}#login-error{color:#ffbfae!important}
#transfer-form{display:block;background:none;border:0;padding:0;box-shadow:none}#transfer-form label{display:block;margin:12px 0 6px;font-size:13px}#transfer-form p{font-size:13px;line-height:1.6}#transfer-form input,#transfer-summary{width:100%;padding:10px;border:1px solid #35526c;background:#081321;color:#e3efff;border-radius:9px;font:inherit}#transfer-transcript{white-space:pre-wrap;max-height:180px;overflow:auto;font:12px system-ui}#transfer-error{color:#ffbfae}
.human-form{display:block;background:none;border:0;padding:0;box-shadow:none}.human-form h2{font-size:22px}.human-form p{font-size:13px;line-height:1.6}.human-form img{display:block;margin:16px auto}.human-form input{display:block;width:100%;padding:12px;border:1px solid #35526c;background:#081321;color:#e3efff;border-radius:9px;font:inherit;font-size:24px;text-align:center;letter-spacing:8px}.human-form [role=status]{color:#ffbfae}.human-form .login-actions{flex-wrap:wrap}

#transfer-kind{width:100%;padding:10px;border:1px solid #35526c;background:#081321;color:#e3efff;border-radius:9px;font:inherit}#transfer-dialog{max-height:90vh;overflow:auto}

.request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.request-actions .secondary{margin:0}

.staff-panel{max-width:800px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a6dfff}.staff-panel[hidden]{display:none}.staff-panel .secondary{margin:0;padding:8px}

.reply-sound{margin:0 0 0 auto;padding:7px 9px;font-size:11px}header .reply-sound+.badge{margin-left:0}.outage-panel{flex-shrink:0;max-height:120px;overflow:auto;width:calc(100% - 64px)}.reply-notice{max-width:800px;margin:0 auto 10px}@media(max-width:760px){.reply-sound{font-size:10px;max-width:100px}.outage-panel{width:calc(100% - 28px);font-size:12px;max-height:100px}}

.outage-panel{max-width:800px;margin:12px auto;padding:12px 18px;border:1px solid #ce9e45;border-radius:14px;background:#30291d;color:#ffe2a6;font-size:14px}.outage-panel p{margin:6px 0}.feedback-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px;color:#95b6cf}.feedback-controls .secondary{margin:0;padding:7px 10px;font-size:12px}.reply-notice{display:block;width:100%;padding:12px;margin-bottom:10px;background:#174b66;color:#dbf4ff;border:1px solid #37b7f2;border-radius:12px;cursor:pointer}.reply-notice[hidden],.outage-panel[hidden]{display:none}
