:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17213b;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}.splash{display:grid;place-items:center;height:100vh}.logo{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#7187f6,#415cdc);font-size:21px;font-weight:800;box-shadow:0 8px 20px #536de344}.logo.large{width:64px;height:64px;margin:auto;border-radius:20px;font-size:30px}.overline{color:#6d7ecf;font-size:10px;font-weight:800;letter-spacing:.16em}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#eef1ff 0,transparent 36%),#f7f8fb}.login-card{width:min(430px,100%);padding:42px;border:1px solid #e5e8f0;border-radius:24px;background:#fff;box-shadow:0 25px 70px #25356818;text-align:center}.login-card h1{margin:14px 0 8px;font-size:28px;letter-spacing:-.04em}.login-copy{margin:0 0 28px;color:#7b8294;font-size:14px}.login-card form{text-align:left}.login-card label{display:block;margin:15px 0;color:#4d566d;font-size:12px;font-weight:700}.login-card input,.user-form input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #dfe3ec;border-radius:11px;outline:none}.login-card input:focus,.user-form input:focus{border-color:#8194ec;box-shadow:0 0 0 3px #526de31b}.primary{width:100%;padding:13px;border:0;border-radius:11px;color:#fff;background:#4a67e7;font-weight:700;cursor:pointer}.primary:disabled{opacity:.65}.form-error,.chat-error{color:#b24051;font-size:12px}.secure-note{margin:22px 0 0;color:#8b92a2;font-size:11px}.secure-note:first-letter{color:#59b77c}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{z-index:20;display:flex;width:280px;flex:0 0 280px;flex-direction:column;padding:22px 16px;background:#f0f2f7;border-right:1px solid #e3e6ed}.brand{display:flex;align-items:center;gap:11px;padding:2px 6px 24px}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{margin-top:2px;color:#8990a1;font-size:11px}.new-chat{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:0;border-radius:11px;color:#fff;background:#4a67e7;font-size:18px;cursor:pointer}.new-chat span{font-size:13px;font-weight:700}.section-label{margin:25px 10px 9px;color:#969dac;font-size:9px;font-weight:800;letter-spacing:.13em}.history{overflow:auto;flex:1}.history-item{display:flex;margin:3px 0;border-radius:10px}.history-item.selected{background:#fff;box-shadow:0 4px 14px #202c5110}.history-item>button:first-child{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:10px;border:0;background:transparent;text-align:left;cursor:pointer}.history-item .bubble{color:#7683b1}.history-item strong,.history-item small{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item strong{font-size:11px}.history-item small{margin-top:3px;color:#989fae;font-size:9px}.history-item .delete{opacity:0;width:28px;border:0;background:transparent;color:#a66;cursor:pointer}.history-item:hover .delete{opacity:1}.sidebar-footer{border-top:1px solid #dde1e9;padding-top:10px}.sidebar-footer>button{display:block;width:100%;padding:8px;border:0;background:transparent;text-align:left;color:#656e83;font-size:12px;cursor:pointer}.sidebar-footer>button span{padding-left:8px}.profile{display:flex;align-items:center;gap:9px;margin-top:8px;padding:11px 8px;border-radius:11px;background:#e8ebf2}.user-avatar{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;color:#fff;background:#2e3a59;font-size:11px;font-weight:800}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{margin-top:2px;color:#8c93a3;font-size:9px}.chat-area{display:flex;min-width:0;flex:1;flex-direction:column;background:#fff}.topbar{display:flex;height:72px;flex:0 0 auto;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e8eaf0}.topbar>div span,.topbar>div strong{display:block}.topbar>div span{margin-bottom:3px;color:#9aa0ae;font-size:9px;font-weight:800;letter-spacing:.1em}.topbar>div strong{font-size:13px}.online{display:flex!important;align-items:center;gap:7px;color:#697286;font-size:11px;font-weight:700}.online i{width:8px;height:8px;border-radius:50%;background:#55b879;box-shadow:0 0 0 4px #e7f7ed}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.messages{flex:1;overflow-y:auto}.welcome{display:flex;width:min(750px,calc(100% - 36px));min-height:100%;margin:auto;align-items:center;flex-direction:column;justify-content:center;text-align:center}.welcome-logo{display:grid;width:65px;height:65px;place-items:center;border-radius:22px;background:#e8edff;color:#4d67da;font-size:27px;font-weight:800;box-shadow:0 12px 35px #4057b520}.welcome h1{margin:7px 0 9px;font-size:36px;letter-spacing:-.045em}.welcome>p:not(.overline){max-width:550px;margin:0 0 28px;color:#737b8e;font-size:13px;line-height:1.65}.prompts{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:11px}.prompts button{display:flex;min-height:92px;align-items:flex-start;gap:11px;padding:16px;border:1px solid #e5e8ef;border-radius:14px;background:#fff;text-align:left;color:#526bdd;cursor:pointer;box-shadow:0 5px 18px #202c5009}.prompts button>span{color:#1c2741}.prompts strong,.prompts small{display:block}.prompts strong{font-size:11px}.prompts small{margin-top:7px;color:#9299a8;font-size:9px}.thread{width:min(830px,calc(100% - 36px));margin:auto;padding:38px 0 55px}.message{display:flex;gap:12px;margin-bottom:27px}.message .avatar{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:10px;background:#e7ecff;color:#4f67d2;font-size:11px;font-weight:800}.message.user .avatar{background:#2c3855;color:#fff}.message>div:last-child{min-width:0;flex:1}.message>div>strong{display:block;margin:2px 0 8px;color:#525c71;font-size:11px}.content{color:#30394d;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.content pre{overflow:auto;padding:14px;border-radius:11px;background:#182035;color:#e8ebf4;font:12px/1.65 ui-monospace,monospace}.typing{display:inline-flex;gap:4px;padding-top:7px}.typing i{width:6px;height:6px;border-radius:50%;background:#7180b3;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-5px)}}.failed{color:#b24051}.composer-zone{padding:12px 22px 18px;background:#fff}.composer{display:flex;width:min(830px,100%);margin:auto;align-items:flex-end;padding:10px 10px 10px 17px;border:1px solid #dfe3ec;border-radius:16px;box-shadow:0 9px 28px #25335c14}.composer:focus-within{border-color:#a6b3ed}.composer textarea{max-height:150px;flex:1;padding:7px 0;resize:none;border:0;outline:0;color:#17213b;line-height:1.5}.composer button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:11px;color:#fff;background:#4a67e7;font-size:19px;cursor:pointer}.composer button.stop{background:#d45b68;font-size:10px}.composer-zone>small{display:block;margin-top:7px;color:#a0a6b3;text-align:center;font-size:9px}.chat-error{display:flex;width:min(830px,100%);margin:0 auto 8px;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#fff0f2}.chat-error button{border:0;background:transparent;color:inherit}.modal-backdrop{position:fixed;z-index:50;display:grid;inset:0;place-items:center;padding:20px;background:#19213773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(620px,100%);max-height:85vh;overflow:auto;padding:25px;border-radius:20px;background:#fff;box-shadow:0 30px 90px #10162c55}.modal header{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:4px 0 18px}.icon-button{border:0;background:transparent;font-size:26px;cursor:pointer}.user-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.user-form input{margin:0}.user-form .primary{width:auto}.user-list{margin-top:20px;border-top:1px solid #e7e9ef}.user-row{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #eef0f4}.user-row>div:nth-child(2){flex:1}.user-row strong,.user-row small{display:block}.user-row strong{font-size:12px}.user-row small{color:#9299a8;font-size:9px}.status{padding:4px 8px;border-radius:20px;background:#f4e8ea;color:#a8525d;font-size:9px}.status.active{background:#e5f5eb;color:#40875a}.scrim{display:none}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.scrim{position:fixed;z-index:15;display:block;inset:0;background:#18203866}.mobile-menu{display:block}.topbar{height:64px;padding:0 16px}.topbar>div:first-of-type{margin-right:auto;padding-left:8px}.online{font-size:0}.welcome{padding:32px 0}.welcome h1{font-size:29px}.prompts{grid-template-columns:1fr}.prompts button{min-height:65px}.composer-zone{padding:10px 11px 13px}.user-form{grid-template-columns:1fr}.modal{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.online.checking i{background:#e0a74a;box-shadow:0 0 0 4px #fff3dc}.online.offline i{background:#d65c6b;box-shadow:0 0 0 4px #fbe9ec}.user-row button.status{border:0;cursor:pointer}.conversation-loading{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8d95a7}.conversation-loading small{font-size:10px}.composer button:disabled{opacity:.45;cursor:not-allowed}.project-button{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:10px;border:1px solid #d9deeb;border-radius:11px;background:#fff;color:#4b5fba;font-size:12px;font-weight:700;cursor:pointer}.project-modal{width:min(780px,100%)}.project-help{margin:-7px 0 18px;color:#747d91;font-size:12px;line-height:1.55}.project-form{display:grid;gap:12px;padding:16px;border:1px solid #e5e8f0;border-radius:14px;background:#f8f9fc}.project-form label{color:#4d566d;font-size:11px;font-weight:700}.project-form input,.project-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;resize:vertical;border:1px solid #dfe3ec;border-radius:10px;background:#fff;outline:0}.project-form input:focus,.project-form textarea:focus{border-color:#8194ec;box-shadow:0 0 0 3px #526de31b}.project-form .primary{justify-self:end;width:auto;padding-inline:22px}.project-error{padding:9px 12px;border-radius:9px;background:#fff0f2}.project-list{max-height:280px;overflow:auto;margin-top:18px;border-top:1px solid #e8eaf0}.project-row{display:flex;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #eceef3}.project-row>div{min-width:0;flex:1}.project-row strong,.project-row small,.project-row em{display:block}.project-row strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.project-row small{margin-top:4px;color:#939aaa;font-size:9px}.project-row em{margin-top:5px;color:#b24051;font-size:9px;font-style:normal}.generation-status{padding:5px 8px;border-radius:20px;background:#eef0f5;color:#6f788c;font-size:9px;font-weight:800}.generation-status.generating{background:#fff2da;color:#a36b17}.generation-status.ready{background:#e5f5eb;color:#40875a}.generation-status.failed{background:#f8e8eb;color:#a84a58}.download-project{padding:7px 10px;border:0;border-radius:8px;background:#4a67e7;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.delete-project{border:0;background:transparent;color:#a66;font-size:19px;cursor:pointer}.empty-projects{padding:18px;color:#9299a8;text-align:center;font-size:11px}.project-warning{margin:14px 0 0;color:#989fae;font-size:9px;line-height:1.5}