:root{font-family:Segoe UI,system-ui,sans-serif;color:#e8edf4;background:#0d141f;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #344354;border-radius:12px;padding:11px 16px;background:#192432;color:#e8edf4}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #82d6b3;outline-offset:3px}.brand{max-width:920px;margin:auto;display:flex;align-items:center;gap:13px;padding:24px}.mark{height:42px;width:42px;background:#83dab4;color:#10221c;display:grid;place-items:center;font-weight:800;border-radius:13px}.brand strong{display:block;letter-spacing:.1em}.brand span{display:block;color:#94a4b9;font-size:13px;margin-top:4px}.brand button{margin-left:auto;font-size:13px}main{max-width:850px;margin:12px auto;padding:0 22px}.card{border:1px solid #2b3848;background:#131e2c;border-radius:22px;padding:28px}.login{max-width:500px;margin:55px auto}.eyebrow{color:#83dab4;letter-spacing:.12em;font-size:12px;font-weight:700}h1{font-size:28px;letter-spacing:-.04em;margin:14px 0}p{line-height:1.6;color:#a6b3c5}label{display:block;font-size:14px;color:#b9c6d7;margin:16px 0 8px}input,select,textarea{width:100%;background:#0d141f;border:1px solid #344354;color:#f0f4fa;border-radius:12px;padding:13px}textarea{resize:vertical;max-height:260px}.primary{background:#83dab4;color:#10221c;border:0;font-weight:700}.login .primary{width:100%;margin-top:20px}.hidden{display:none!important}.connection{font-size:13px;margin:0 0 18px;color:#83dab4}.sessionLine{display:flex;align-items:center;justify-content:space-between;gap:15px}.sessionLine h1{font-size:22px;overflow-wrap:anywhere}.sessionLine span{font-size:12px;color:#a9b6c8;white-space:nowrap}.messages{height:clamp(260px,45dvh,600px);overflow:auto;overscroll-behavior:contain;border-top:1px solid #293648;border-bottom:1px solid #293648;padding:18px 0}.bubble{max-width:92%;padding:16px 18px;border-radius:16px;background:#192534;margin:0 0 16px}.bubble.user{margin-left:auto;background:#203c35}.bubble strong{display:block;font-size:12px;color:#91a7c0;margin-bottom:8px}.bubble.user strong{color:#a2d9bd}.bubble .content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:15px}.bubble.streaming{border-left:2px solid #83dab4}.composer{padding:0 0 18px}.composer .primary{display:block;margin:10px 0 0 auto}.notice{color:#ffb69e;min-height:24px;font-size:14px}.note{font-size:13px;color:#a6b3c5}.question{border:1px solid #486456;border-radius:16px;padding:16px;margin-top:18px}.question p{color:#e8edf4}.question button{margin-top:12px}.question label{margin-top:10px}footer{max-width:850px;margin:20px auto;padding:15px 22px;font-size:12px;color:#73859d}@media(max-width:500px){.brand{padding:18px}main{padding:0 14px;margin-top:0}.login{margin:26px auto;padding:22px}.bubble{max-width:97%;padding:13px}.messages{height:40dvh}.sessionLine{align-items:flex-start}.sessionLine span{padding-top:18px;font-size:11px}.composer .primary{width:100%}}

.context{padding:18px 20px;margin:4px 0 16px}.context h2{font-size:17px;margin:0 0 6px}.context .note{margin:0 0 12px}.contextContent{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:15px;max-height:38dvh;overflow:auto}.history{margin:0 0 18px}.history summary{cursor:pointer;padding:12px 0;color:#a9b6c8;font-size:14px}.history .messages{height:38dvh}.contextContent:empty{display:none}
.headerActions{margin-left:auto;display:flex;align-items:center;gap:8px}.brand .headerActions button{margin-left:0}.iconButton{display:grid;place-items:center;padding:10px;min-width:44px;min-height:44px;flex-shrink:0}.settingsDialog{width:min(460px,calc(100% - 28px));max-height:85dvh;overflow:auto;background:#131e2c;color:#e8edf4;border:1px solid #344354;border-radius:22px;padding:22px}.settingsDialog::backdrop{background:rgba(0,0,0,.65)}.settingsHeading{display:flex;align-items:center;justify-content:space-between;gap:15px}.settingsHeading h2{font-size:22px;margin:0}.settingsHeading button{font-size:13px}.themeOptions{border:0;padding:0;margin:28px 0 0}.themeOptions legend{font-size:14px;color:#a6b3c5}.themeOptions label{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #344354;border-radius:12px;cursor:pointer}.themeOptions input{width:20px;height:20px;margin:0;accent-color:#389d73}.themeOptions strong,.themeOptions small{display:block}.themeOptions small{font-size:13px;margin-top:4px;color:#a6b3c5}.themeOptions label:has(input:checked){border-color:#83dab4;background:#203c35}
:root[data-theme=light]{background:#fff;color:#17212f;color-scheme:light}:root[data-theme=light] button{background:#eef2f6;color:#17212f;border-color:#c8d2df}:root[data-theme=light] .card,:root[data-theme=light] .settingsDialog{background:#f7f9fc;color:#17212f;border-color:#d5dde8}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#fff;color:#17212f;border-color:#c8d2df}:root[data-theme=light] textarea::placeholder{color:#69788d}:root[data-theme=light] label{color:#34445a}:root[data-theme=light] p,:root[data-theme=light] .note,:root[data-theme=light] .brand span,:root[data-theme=light] .sessionLine span,:root[data-theme=light] .history summary,:root[data-theme=light] .themeOptions legend,:root[data-theme=light] .themeOptions small{color:#52647a}:root[data-theme=light] .primary{background:#c6ecda;color:#103326;border:0}:root[data-theme=light] .connection,:root[data-theme=light] .eyebrow{color:#176746}:root[data-theme=light] .messages{border-color:#d5dde8}:root[data-theme=light] .bubble{background:#edf2f8}:root[data-theme=light] .bubble.user{background:#e0f2e9}:root[data-theme=light] .bubble strong{color:#4c627e}:root[data-theme=light] .bubble.user strong{color:#246249}:root[data-theme=light] .notice{color:#9b3c20}:root[data-theme=light] .question{border-color:#a4bcb0}:root[data-theme=light] .question p{color:#17212f}:root[data-theme=light] footer{color:#62738a}:root[data-theme=light] .themeOptions label{border-color:#c8d2df}:root[data-theme=light] .themeOptions label:has(input:checked){background:#e0f2e9;border-color:#43846a}@media(max-width:400px){.brand{gap:8px}.brand span{font-size:11px}.headerActions{gap:5px}.brand .headerActions #logout{padding:10px;font-size:12px}}

#createForm .primary{width:100%;margin-top:12px}.headerActions .iconButton{padding:9px}@media(max-width:400px){.brand{padding:16px 12px;gap:7px}.mark{width:34px;height:34px;flex-shrink:0}.brand span{max-width:100px;font-size:10px}.headerActions{gap:4px}.iconButton{min-width:40px;min-height:40px}.brand .headerActions #logout{padding:9px 7px;font-size:11px}}