:root{color:#f5f5f7;background:#090909;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#090909;margin:0}.app{grid-template-columns:260px 1fr;height:100dvh;max-height:100dvh;display:grid;overflow:hidden}.sidebar{background:#111112;border-right:1px solid #242426;flex-direction:column;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.brand,.new-chat,.history,.account button{color:#f5f5f7;font:inherit;cursor:pointer;background:0 0;border:0}.brand{align-items:center;gap:9px;width:100%;padding:5px;font-size:19px;display:flex}.brand img{border-radius:9px;width:29px}.brand svg{color:#999;margin-left:auto}.new-chat{background:#252527;border-radius:9px;align-items:center;gap:9px;width:100%;margin:22px 0 21px;padding:11px;font-size:14px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#848489;margin:0 9px 7px;font-size:10px}.history{text-align:left;color:#aaaab0;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;width:100%;padding:9px;font-size:14px;display:block;overflow:hidden}.history:hover,.history.active{color:#fff;background:#222224}.account{color:#d3d3d5;align-items:center;gap:9px;margin-top:auto;padding:7px;font-size:13px;display:flex}.account button{margin-left:auto}.avatar{color:#111;background:#b8f451;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:700;display:grid}.sign-in{border-radius:8px;align-items:center;gap:8px;width:100%;display:flex;background:#252527!important;margin:0!important;padding:9px!important}main{grid-template-rows:59px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}header{color:#e7e7e9;border-bottom:1px solid #242426;justify-content:space-between;align-items:center;padding:0 31px;font-size:14px;font-weight:600;display:flex}.mobile{display:none}.header-auth{color:#a8a8ad;cursor:pointer;background:0 0;border:0}.chat{min-height:0;padding:0 22px;overflow:auto}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.empty img{border-radius:18px;width:62px;box-shadow:0 12px 35px #0008}.empty h1{letter-spacing:-.06em;margin:16px 0 7px;font-family:Georgia,serif;font-size:42px}.empty p{color:#98989d;margin:0;font-size:21px}.thread{gap:36px;max-width:800px;margin:0 auto;padding:45px 0;display:grid}.message{font-size:18px;line-height:1.72;position:relative}.message-meta{color:#929299;margin-bottom:9px;font-size:13px;font-weight:650}.message.user .markdown{background:#202022;border-radius:17px 17px 4px;max-width:86%;margin-left:auto;padding:14px 17px}.message.user .message-meta{text-align:right}.markdown p:first-child{margin-top:0}.markdown p:last-child{margin-bottom:0}.markdown pre{background:#151516;border:1px solid #29292c;border-radius:10px;padding:13px;font-size:14px;overflow:auto}.markdown code{font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.markdown a{color:#b8f451}.thinking{background:#151516;border-radius:11px;margin-bottom:13px}.thinking summary{cursor:pointer;color:#a4a4a9;padding:10px 12px;font-size:13px;list-style:none}.thinking summary span{font-size:17px;transition:transform .15s;display:inline-block}.thinking[open] summary span{transform:rotate(180deg)}.thinking .markdown{color:#b7b7bb;padding:0 13px 13px;font-size:14px}.attached{color:#999;margin-top:8px;font-size:12px}.actions{opacity:0;gap:3px;margin-top:8px;transition:all .15s;display:flex}.message:hover .actions{opacity:1}.message.user .actions{justify-content:flex-end}.actions button{color:#8c8c92;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.actions button:hover{color:#fff;background:#242426}.composer-zone{background:linear-gradient(#0000,#090909 25%);padding:0 max(22px,50vw - 400px) 18px}.composer-controls{padding:8px 0}.model-wrap{position:relative}.model-button{color:#eee;cursor:pointer;background:#202022;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.model-menu{z-index:3;background:#18181a;border:1px solid #343437;border-radius:14px;flex-direction:column;width:min(410px,100vw - 32px);height:min(500px,100dvh - 155px);display:flex;position:absolute;bottom:calc(100% + 10px);overflow:hidden;box-shadow:0 20px 60px #000b}.model-menu-title{color:#f3f3f5;justify-content:space-between;align-items:center;padding:13px 14px 8px;font-size:14px;font-weight:650;display:flex}.model-menu-title button{color:#8f8f95;cursor:pointer;background:0 0;border:0;padding:3px;display:grid}.tabs{border-bottom:1px solid #303033;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid}.tabs button,.model-option{color:#a8a8ad;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:9px}.tabs .active,.model-option:hover{color:#fff;background:#29292c}.model-search{color:#85858b;background:#111113;border:1px solid #303033;border-radius:8px;align-items:center;gap:8px;margin:9px 10px 6px;padding:0 9px;display:flex}.model-search input{color:#f4f4f5;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:9px 0;font:13px/1 inherit}.model-options{min-height:0;padding:3px 6px 8px;overflow-y:auto}.model-option{text-align:left;color:#eee;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:2px 0;padding:10px;display:flex}.model-option-copy{gap:3px;min-width:0;display:grid}.model-option-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.model-option-copy small{text-align:left;color:#96969d;margin:0;font-size:11px}.model-option.selected{background:#28282b}.model-option.selected svg{color:#b8f451}.no-models{color:#929298;text-align:center;padding:24px 0;font-size:13px}.composer{background:#151516;border:1px solid #303033;border-radius:19px;align-items:flex-end;gap:8px;padding:9px;display:flex}.composer textarea{resize:none;color:#f5f5f7;background:0 0;border:0;outline:0;flex:1;min-height:32px;max-height:180px;font:17px/1.5 inherit}.composer button{color:#9b9ba0;cursor:pointer;background:0 0;border:0;padding:7px;display:grid}.composer .send{color:#111;background:#b8f451;border-radius:50%;place-items:center;width:34px;height:34px}.files{gap:6px;padding-top:7px;display:flex}.files span{color:#bdbdc2;background:#202022;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:12px;display:flex}.files button{color:#bbb;cursor:pointer;background:0 0;border:0;display:grid}small{text-align:center;color:#77777d;margin-top:9px;font-size:10px;display:block}.modal-backdrop{z-index:8;background:#000a;place-items:center;display:grid;position:fixed;inset:0}.auth-modal{background:#171719;border:1px solid #333336;border-radius:17px;gap:11px;width:min(390px,100vw - 32px);padding:29px;display:grid;position:relative}.auth-modal img{border-radius:13px;width:46px}.auth-modal h2{margin:4px 0 0;font-size:23px}.auth-modal p{color:#9b9ba0;margin:0;font-size:14px}.auth-modal input{color:#fff;font:inherit;background:#101011;border:1px solid #39393c;border-radius:9px;padding:11px}.close{color:#aaa;cursor:pointer;background:0 0;border:0;position:absolute;top:14px;right:14px}.auth-submit{color:#111;cursor:pointer;background:#b8f451;border:0;border-radius:9px;padding:11px;font-weight:700}.error{color:#ff8e8e!important}@media (width<=720px){.app{display:block}.sidebar{display:none}header{padding:0 16px}.mobile{color:#eee;background:0 0;border:0;display:grid}.chat{padding:0 16px}.message{font-size:16px}.composer-zone{padding:0 16px 14px}.empty h1{font-size:37px}.header-auth{font-size:12px}}.thinking summary svg{transition:transform .15s}.thinking[open] summary svg{transform:rotate(90deg)}.app{grid-template-columns:232px 1fr}.sidebar{padding:14px 10px}.new-chat{margin:16px 0 18px}.thread{gap:30px;max-width:720px;padding:36px 0 44px}.message{font-size:17px;line-height:1.72}.message.user{justify-items:end;display:grid}.message.user .markdown{max-width:min(76%,560px);margin-left:0}.message.user .message-meta{display:none}.message.assistant .message-meta{color:#b8f451;margin-bottom:10px}.markdown h1,.markdown h2,.markdown h3{letter-spacing:-.03em;margin:1.35em 0 .55em;line-height:1.22}.markdown ul,.markdown ol{padding-left:1.35em}.composer-zone{padding-bottom:13px}.composer{border-radius:16px;padding:10px 11px;transition:border-color .14s,box-shadow .14s}.composer:focus-within{border-color:#65656a;box-shadow:0 12px 38px #0006}.composer textarea{transition:height 80ms;overflow-y:auto}.writing{position:relative}.pencil-cursor{color:#b8f451;vertical-align:baseline;margin-left:4px;animation:1.05s ease-in-out infinite pencil;display:inline-block}.live-code{background:#111113;border:1px solid #303035;border-radius:11px;margin:14px 0;overflow:hidden;box-shadow:0 10px 24px #0004}.live-code .code-top{color:#999aa1;text-transform:uppercase;letter-spacing:.06em;background:#1b1b1e;justify-content:space-between;padding:7px 11px;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.live-code code{white-space:pre-wrap;color:#ececf0;padding:13px 14px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.ghost-close{color:#777780}.code-cursor{color:#b8f451;margin-left:1px;animation:.8s steps(2,end) infinite blink;display:inline-block}@keyframes pencil{0%,to{opacity:.38;transform:translateY(1px)rotate(-12deg)}50%{opacity:1;transform:translate(2px,-1px)rotate(4deg)}}@keyframes blink{50%{opacity:0}}@media (width<=720px){.app{height:100dvh}.thread{gap:26px;padding:28px 0}.message.user .markdown{max-width:90%}.composer-zone{padding-bottom:10px}}.stream-tokens{white-space:pre-wrap}.stream-token{animation:.24s cubic-bezier(.16,.82,.24,1) both token-arrival;display:inline-block}@keyframes token-arrival{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.stream-token{animation:none}}
