:root{color:#eceef2;font-synthesis:none;--bg:#101216;--panel:#15181e;--panel-2:#1a1e25;--panel-3:#20252d;--border:#2a303a;--muted:#8d96a6;--text:#eef1f5;--accent:#d5ff5f;--accent-text:#12150c;--danger:#ff8f8f;background:#101216;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg);min-width:320px;min-height:100vh;overflow:hidden}button,textarea,select{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{border:1px solid var(--border);background:#232832;border-radius:6px;padding:2px 6px}.app-shell{background:radial-gradient(circle at 78% 0%, #d5ff5f09, transparent 30%), var(--bg);grid-template-columns:290px minmax(0,1fr);height:100vh;display:grid}.sidebar{background:#0c0e12;border-right:1px solid #20242c;flex-direction:column;min-height:0;padding:16px 12px 12px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;height:42px;padding:0 6px 10px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:42px;height:42px;color:var(--accent-text);border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 28px #d5ff5f14}.brand-mark.small{border-radius:9px;width:28px;height:28px}.brand-mark.hero{border-radius:15px;width:48px;height:48px;margin:0 auto 17px}.new-chat{border:1px solid var(--border);cursor:pointer;background:#171a20;border-radius:11px;align-items:center;gap:9px;width:100%;padding:10px 12px;transition:all .18s;display:flex}.new-chat:hover{background:#1d2129;border-color:#38404c}.section-label{color:#6f7887;text-transform:uppercase;letter-spacing:.12em;padding:22px 9px 8px;font-size:10px;font-weight:700}.conversation-list{flex-direction:column;gap:3px;min-height:0;display:flex;overflow-y:auto}.conversation-row{border-radius:10px;display:flex;position:relative}.conversation-row.active{background:#1a1e25}.conversation-row:hover{background:#15191f}.conversation-button{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;min-width:0;padding:9px 34px 9px 10px;display:flex}.conversation-title,.conversation-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-title{color:#d7dbe2;font-size:13px}.conversation-preview{color:#697281;font-size:11px}.delete-button{opacity:0;color:#777f8d;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px;position:absolute;top:11px;right:6px}.conversation-row:hover .delete-button{opacity:1}.delete-button:hover{color:var(--danger);background:#ff8f8f14}.empty-side{color:#636c7a;padding:10px;font-size:12px}.sidebar-footer{color:#68717e;align-items:center;gap:6px;margin-top:auto;padding:12px 8px 3px;font-size:11px;display:flex}.chat-shell{grid-template-rows:64px minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101216db;border-bottom:1px solid #20242c;align-items:center;gap:14px;padding:0 22px;display:flex}.chat-heading{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.privacy-label{color:#778291;border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 7px;font-size:10px;display:inline-flex}.model-picker{border:1px solid var(--border);color:#c7cbd2;cursor:pointer;background:#15181e;border-radius:9px;align-items:center;gap:7px;max-width:210px;height:34px;padding:0 10px;display:flex;position:relative}.model-picker select{opacity:0;cursor:pointer;position:absolute;inset:0}.model-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #d5ff5f12}.model-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.messages{padding:34px max(24px,50% - 420px) 110px;overflow-y:auto}.message-row{max-width:840px;margin:0 auto 34px}.message-role{color:#7d8694;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.message-content{color:#dce0e7;overflow-wrap:anywhere;font-size:15px;line-height:1.72}.message-row.user .message-content{float:right;background:#1d222a;border:1px solid #2a313b;border-radius:16px 16px 4px;max-width:min(720px,90%);padding:11px 15px;display:inline-block}.message-row.user:after{content:"";clear:both;display:block}.message-row.user .message-role{text-align:right}.message-content p{margin:0 0 14px}.message-content p:last-child{margin-bottom:0}.message-content pre{background:#0c0f13;border:1px solid #252a33;border-radius:11px;padding:14px;overflow-x:auto}.message-content pre code{background:0 0;border:0;padding:0}.message-content blockquote{color:#aeb5c0;border-left:2px solid #48515f;margin-left:0;padding-left:14px}.message-content.streaming:after{content:"";background:var(--accent);vertical-align:-2px;width:7px;height:16px;margin-left:4px;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.15}}.welcome{text-align:center;max-width:700px;margin:12vh auto 0}.welcome h1{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,4vw,42px)}.welcome p{color:var(--muted);margin:0}.hint-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px;display:grid}.hint-grid button{text-align:left;border:1px solid var(--border);color:#aeb5c0;cursor:pointer;background:#15191f;border-radius:12px;min-height:74px;padding:12px}.hint-grid button:hover{color:#e7eaf0;background:#191e25;border-color:#404956}.composer-wrap{width:min(880px,100% - 34px);margin:0 auto 14px;position:relative}.composer{background:#191d24;border:1px solid #303743;border-radius:17px;align-items:flex-end;gap:10px;padding:9px 9px 9px 15px;display:flex;box-shadow:0 14px 45px #00000040}.composer:focus-within{border-color:#4a5564}.composer textarea{resize:none;width:100%;min-height:26px;max-height:180px;color:var(--text);background:0 0;border:0;outline:none;padding:4px 0;line-height:1.55;overflow-y:auto}.composer textarea::placeholder{color:#657080}.send-button{background:var(--accent);width:38px;height:38px;color:var(--accent-text);cursor:pointer;border:0;border-radius:11px;flex:none;place-items:center;display:grid}.send-button:disabled{opacity:.25;cursor:default}.statusbar{color:#606a78;justify-content:center;align-items:center;gap:7px;height:25px;font-size:10px;display:flex}.statusbar .cost{align-items:center;gap:2px;display:inline-flex}.dot-sep{color:#3c434d}.error-banner{color:#ffb1b1;background:#26191c;border:1px solid #ff8f8f40;border-radius:10px;padding:8px 11px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.icon-button{border:1px solid var(--border);cursor:pointer;background:#15181e;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.menu-button,.mobile-only{display:none}.auth-shell{background:radial-gradient(circle at 50% 18%,#d5ff5f12,#0000 31%),#0f1115;place-items:center;min-height:100vh;padding:24px;display:grid}.center-card{text-align:center;border:1px solid var(--border);background:#15181ee0;border-radius:20px;width:min(440px,100%);padding:42px;box-shadow:0 28px 80px #0000004d}.center-card .brand-mark{margin:0 auto 20px}.center-card h1{letter-spacing:-.04em;margin:0 0 9px}.center-card p{color:var(--muted);line-height:1.55}.primary-button{background:var(--accent);color:var(--accent-text);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button.login{margin-top:12px}.scrim{display:none}@media (width<=780px){.app-shell{grid-template-columns:1fr;height:100dvh;min-height:100dvh}.chat-shell{grid-template-rows:56px minmax(0,1fr) auto;height:100dvh;min-height:0}.topbar{z-index:20;background:#101216;border-bottom:1px solid #20242c;min-height:56px;padding:0 10px;position:sticky;top:0}.chat-heading{display:none}.menu-button{flex:none;align-items:center;gap:7px;width:auto;height:36px;padding:0 10px;display:flex}.mobile-menu-label{font-size:12px;font-weight:600;display:inline}.model-picker{max-width:min(55vw,190px);height:36px;margin-left:auto}.model-picker select{font-size:16px}.sidebar{z-index:40;width:min(86vw,310px);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-103%);box-shadow:24px 0 70px #00000073}.sidebar.mobile-open{transform:translate(0)}.mobile-only{display:grid}.scrim{z-index:30;background:#00000080;border:0;display:block;position:fixed;inset:0}.messages{min-height:0;padding:24px 16px 100px}.message-row{margin-bottom:28px}.hint-grid{grid-template-columns:1fr}.hint-grid button{min-height:52px}.welcome{margin-top:8vh}.composer-wrap{width:calc(100% - 20px);margin-bottom:max(8px, env(safe-area-inset-bottom))}.statusbar{white-space:nowrap;justify-content:flex-start;padding:0 5px;overflow:hidden}}