:root{--bg:#f5f5f7;--panel:rgba(255,255,255,.72);--panel-solid:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.08);--accent:#0071e3;--accent2:#7c5cff;--shadow:0 18px 60px rgba(0,0,0,.10);--sidebar:rgba(247,247,249,.78)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}.hidden{display:none!important}
.ambient{position:fixed;border-radius:999px;filter:blur(80px);opacity:.24;pointer-events:none}.ambient.one{width:36vw;height:36vw;right:-8vw;top:-12vw;background:#a9c9ff}.ambient.two{width:34vw;height:34vw;left:-12vw;bottom:-16vw;background:#d6b7ff}
.login-view{height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(410px,100%);padding:42px;border:1px solid rgba(255,255,255,.66);border-radius:30px;background:rgba(255,255,255,.68);backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--shadow);text-align:center}.logo-mark,.mini-logo{display:grid;place-items:center;background:#0b0b0c;box-shadow:none;overflow:hidden}.logo-mark{width:64px;height:64px;margin:0 auto 24px;border-radius:20px}.logo-mark img,.mini-logo img{display:block;width:100%;height:100%}.login-card h1{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card label{display:block;text-align:left;margin:13px 0}.login-card label span{display:block;font-size:13px;color:var(--muted);margin:0 0 7px 5px}.login-card input{width:100%;height:50px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.82);padding:0 16px;font:inherit;color:var(--text);outline:0}.login-card input:focus{border-color:rgba(0,113,227,.55);box-shadow:0 0 0 4px rgba(0,113,227,.1)}.primary{width:100%;height:50px;border:0;border-radius:15px;background:var(--accent);color:#fff;font:600 16px inherit;margin-top:8px;cursor:pointer}.primary:disabled{opacity:.5}.form-error{min-height:22px;padding-top:10px;color:#d70015;font-size:13px}.login-card small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:12px}
.app-shell{height:100%;display:flex}.sidebar{width:272px;flex:0 0 272px;padding:24px 15px 14px;background:var(--sidebar);border-right:1px solid var(--line);backdrop-filter:blur(30px) saturate(140%);display:flex;flex-direction:column;z-index:8}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px;font-size:17px;font-weight:650}.mini-logo{width:31px;height:31px;border-radius:9px}.new-chat{height:44px;border:0;border-radius:13px;background:var(--panel-solid);box-shadow:0 4px 18px rgba(0,0,0,.05);font:600 14px inherit;color:var(--text);text-align:left;padding:0 14px;cursor:pointer}.new-chat span{font-size:20px;font-weight:300;margin-right:5px}.side-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:26px 10px 8px}.history{overflow:auto;flex:1}.history-item{width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:10px;color:var(--text);font:13px inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history-item:hover,.history-item.active{background:rgba(0,0,0,.055)}.sidebar-footer{display:grid;grid-template-columns:1fr;gap:7px;border-top:1px solid var(--line);padding-top:12px}.quiet-button{border:0;border-radius:10px;background:transparent;color:var(--muted);font:12px inherit;padding:9px 5px;cursor:pointer}.quiet-button:hover{background:rgba(0,0,0,.05);color:var(--text)}
.main{min-width:0;flex:1;position:relative;display:flex;flex-direction:column}.topbar{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:center;padding:0 24px;position:relative;z-index:6}.model-button{border:1px solid var(--line);background:rgba(255,255,255,.64);backdrop-filter:blur(18px);height:40px;padding:0 15px;border-radius:999px;color:var(--text);font:600 14px inherit;cursor:pointer}.chevron{color:var(--muted);margin-left:8px}.icon-button{position:absolute;right:24px;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.58);color:var(--text);cursor:pointer;font-size:17px}.menu-button{left:20px;right:auto;display:none}.model-menu{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:min(330px,calc(100vw - 32px));padding:7px;background:rgba(255,255,255,.86);backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--shadow)}.model-option{width:100%;border:0;border-radius:12px;background:transparent;color:var(--text);padding:12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.model-option:hover,.model-option.selected{background:rgba(0,113,227,.09)}.model-badge{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#0b0b0c;color:#fff;font-size:10px;font-weight:700}.model-copy b,.model-copy span{display:block}.model-copy b{font-size:14px}.model-copy span{font-size:11px;color:var(--muted);margin-top:3px}
.chat-scroll{flex:1;overflow:auto;scroll-behavior:smooth}.welcome{min-height:calc(100vh - 190px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 24px 90px}.hero-orb{display:grid;place-items:center;width:76px;height:76px;border-radius:21px;background:#0b0b0c;box-shadow:0 16px 42px rgba(0,0,0,.18);margin-bottom:25px;overflow:hidden}.hero-orb img{display:block;width:100%;height:100%}.welcome h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;margin:0 0 11px}.welcome>p{color:var(--muted);margin:0 0 36px}.suggestions{width:min(720px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.suggestions button{min-height:82px;text-align:left;border:1px solid var(--line);border-radius:19px;padding:15px 17px;background:rgba(255,255,255,.54);backdrop-filter:blur(15px);color:var(--text);font:600 14px inherit;cursor:pointer;transition:.2s transform,.2s background}.suggestions button:hover{transform:translateY(-2px);background:rgba(255,255,255,.85)}.suggestions span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:6px}
.messages{width:min(820px,calc(100% - 40px));margin:0 auto;padding:18px 0 145px}.message{display:flex;gap:14px;margin:22px 0}.message.user{justify-content:flex-end}.bubble{max-width:min(680px,82%);font-size:15px;line-height:1.66;word-break:break-word}.user .bubble{padding:11px 16px;border-radius:20px 20px 5px 20px;background:#e9e9ed;white-space:pre-wrap}.assistant .bubble{padding:4px 0}.avatar{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;background:#0b0b0c;overflow:hidden}.avatar img{display:block;width:100%;height:100%}.typing{display:inline-flex;gap:4px;padding:10px 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:pulse 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.markdown{min-width:0}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:.62em 0}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{line-height:1.28;letter-spacing:-.025em;margin:1.15em 0 .48em}.markdown h1{font-size:1.55em}.markdown h2{font-size:1.34em}.markdown h3{font-size:1.17em}.markdown h4,.markdown h5,.markdown h6{font-size:1em}.markdown ul,.markdown ol{margin:.65em 0;padding-left:1.55em}.markdown li{margin:.24em 0;padding-left:.12em}.markdown input[type="checkbox"]{accent-color:var(--text);margin:0 .3em 0 0}.markdown strong{font-weight:700}.markdown a{color:var(--accent);text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.88em}.markdown :not(pre)>code{padding:.16em .38em;border:1px solid var(--line);border-radius:6px;background:rgba(127,127,127,.11)}.markdown pre{position:relative;margin:.9em 0;border:1px solid var(--line);border-radius:14px;background:#171719;color:#f5f5f7;overflow:hidden}.markdown pre code{display:block;padding:38px 15px 15px;overflow:auto;line-height:1.55;white-space:pre;tab-size:2}.code-label{position:absolute;inset:0 0 auto;height:29px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#a9a9af;background:#222225;font:11px/17px "SFMono-Regular",Consolas,monospace;text-transform:lowercase}.markdown blockquote{margin:.8em 0;padding:.2em 0 .2em 14px;border-left:3px solid rgba(0,113,227,.55);color:var(--muted)}.markdown hr{height:1px;border:0;background:var(--line);margin:1.2em 0}.table-wrap{max-width:100%;overflow-x:auto;margin:.9em 0;border:1px solid var(--line);border-radius:12px}.markdown table{width:100%;border-collapse:collapse;font-size:.92em}.markdown th,.markdown td{padding:9px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.markdown th{background:rgba(127,127,127,.09);font-weight:650}.markdown tr:last-child td{border-bottom:0}.markdown th:last-child,.markdown td:last-child{border-right:0}.streaming:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.12em;border-radius:2px;background:currentColor;animation:cursor-blink .8s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}
.composer-wrap{position:absolute;bottom:0;left:0;right:0;padding:18px 24px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 24%)}.composer{width:min(800px,100%);min-height:58px;margin:0 auto;border:1px solid rgba(0,0,0,.09);border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 8px 35px rgba(0,0,0,.09);display:flex;align-items:flex-end;padding:9px 9px 9px 17px}.composer textarea{flex:1;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:15px/1.5 inherit;padding:8px 8px 7px 0}.composer textarea::placeholder{color:#8e8e93}.send-button{width:39px;height:39px;border:0;border-radius:50%;background:var(--text);color:var(--bg);font-size:22px;cursor:pointer}.send-button:disabled{opacity:.25;cursor:default}.disclaimer{text-align:center;color:var(--muted);font-size:10px;margin-top:8px}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:7}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#101012;--panel:rgba(35,35,38,.72);--panel-solid:#252528;--text:#f5f5f7;--muted:#a1a1a6;--line:rgba(255,255,255,.1);--sidebar:rgba(24,24,27,.8);--shadow:0 20px 70px rgba(0,0,0,.4)}:root:not([data-theme="light"]) .login-card,:root:not([data-theme="light"]) .login-card input,:root:not([data-theme="light"]) .model-button,:root:not([data-theme="light"]) .icon-button,:root:not([data-theme="light"]) .suggestions button,:root:not([data-theme="light"]) .composer{background:rgba(36,36,40,.72)}:root:not([data-theme="light"]) .user .bubble{background:#2c2c2e}}
:root[data-theme="dark"]{--bg:#101012;--panel:rgba(35,35,38,.72);--panel-solid:#252528;--text:#f5f5f7;--muted:#a1a1a6;--line:rgba(255,255,255,.1);--sidebar:rgba(24,24,27,.8);--shadow:0 20px 70px rgba(0,0,0,.4)}:root[data-theme="dark"] .login-card,:root[data-theme="dark"] .login-card input,:root[data-theme="dark"] .model-button,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .suggestions button,:root[data-theme="dark"] .composer{background:rgba(36,36,40,.72)}:root[data-theme="dark"] .user .bubble{background:#2c2c2e}
@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);transition:.24s transform;box-shadow:var(--shadow)}.sidebar.open{transform:none}.menu-button{display:block}.topbar{height:62px;flex-basis:62px}.icon-button{right:15px}.messages{width:calc(100% - 28px)}.welcome{padding-left:15px;padding-right:15px}.suggestions{grid-template-columns:1fr}.suggestions button:nth-child(n+3){display:none}.composer-wrap{padding-left:12px;padding-right:12px}.scrim:not(.hidden){display:block}.welcome h1{font-size:31px}.login-card{padding:34px 24px}}