:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#101820;color:#e6edf2}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #344b59;background:#223845;color:#eef6f9;border-radius:10px;padding:12px 16px}button:hover{background:#314e5d}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus,textarea:focus{outline:2px solid #80d7b7;outline-offset:3px}input,textarea{background:#15232d;color:inherit;border:1px solid #3a505f;border-radius:10px;padding:14px;width:100%}[hidden]{display:none!important}#login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#244536,#101820 65%)}.loginbox{width:min(90%,400px)}.logo{font-size:70px;font-weight:750}.logo span{color:#91dcba;font-size:46px}h1{font-size:48px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#8eaaaf;margin-top:30px}#loginform{display:grid;gap:12px;margin-top:30px}#loginform label{font-size:13px}#loginerror{color:#ffb6a6}#app{display:flex;height:100dvh}aside{width:270px;flex-shrink:0;background:#14212a;border-right:1px solid #293b46;padding:26px 18px;display:flex;flex-direction:column;gap:14px}.brand{font-size:26px;letter-spacing:-1px;margin-bottom:20px}.brand b{color:#9ce0c0;font-weight:500}.tag{font-size:9px;letter-spacing:1px;margin-left:16px;padding:4px 6px;border:1px solid #436052;border-radius:5px;color:#a1c9b4}nav{flex:1;min-height:50px;overflow:auto}nav button{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border-color:transparent;font-size:13px;margin-bottom:5px}nav button.active{background:#2b414b;border-color:#435f60}.providers{border-top:1px solid #30404b}.provider{margin:13px 0;font-size:13px}.provider small{display:block;margin:4px 0 0 15px;color:#93a6b2;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bdbb1;margin-right:8px}.off{background:#72808d}.wait{background:#f4c17b}small{font-size:11px;color:#9cafba}.quiet{background:none;border-color:transparent;color:#a8bac4;font-size:12px}main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:77px;padding:20px 34px;border-bottom:1px solid #243640;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#b3c6cd}#messages{flex:1;overflow:auto;padding:32px max(24px,calc((100% - 820px)/2))}.welcome{margin:9vh auto;max-width:580px}.welcome h2{font-size:clamp(27px,4vw,42px);font-weight:500;line-height:1.2;letter-spacing:-1px}.welcome p{line-height:1.7;color:#9eb1bd}.welcome .eyebrow{color:#95d8ba}.message{margin:0 0 28px;line-height:1.65;overflow-wrap:anywhere}.message .label{font-size:11px;color:#92cbb0;margin-bottom:8px}.message.user{padding:18px 22px;border-radius:14px;background:#20323f}.message.user .label{color:#aabcc9}.message .text{white-space:pre-wrap;font-size:14px}.copy{padding:4px 8px;margin-top:8px;font-size:10px;color:#aabdc5;background:none}.composer{width:min(100%,880px);padding:0 28px 20px;margin:auto}#sendform{border:1px solid #40565c;background:#192b34;border-radius:16px;padding:10px}textarea{resize:vertical;max-height:220px;border:0;background:none;font-size:14px}.composerbottom{display:flex;align-items:center;justify-content:space-between;padding:0 6px 4px}#send{background:#a4e3bf;color:#142c22;border:0}.footnote{font-size:10px;color:#8298a5;text-align:center;line-height:1.5}#notice{font-size:12px;color:#ebc994;min-height:15px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:720px){aside{width:160px;padding:18px 10px}.brand{font-size:21px}.tag{display:none}header{padding:12px;font-size:11px}#messages{padding:20px 15px}.composer{padding:0 12px 12px}.composerbottom small{font-size:9px}.providers small{font-size:9px}}@media(max-width:480px){#app{flex-direction:column}aside{width:100%;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-right:0;border-bottom:1px solid #30404b}.brand{margin:4px}aside>.eyebrow,.providers,#logout{display:none}nav{grid-column:1/-1;display:flex;min-height:0;max-height:42px;overflow:auto}nav button{min-width:110px;width:130px;margin:0}main{min-height:0}header{height:45px;flex-shrink:0}.welcome{margin:3vh auto}h2{margin:10px 0}}
@media(max-width:480px){#logout{display:block;grid-column:2;grid-row:3;padding:3px}.providers{display:block;grid-column:1/-1;font-size:10px}.providers>.eyebrow,.providers>small{display:none}#providers{display:flex;gap:12px;flex-wrap:wrap}.provider{margin:4px 0}.provider small{max-width:130px}}