@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 50% 48%,#fff 0,#fff0 38%),var(--cream);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#fafbf9e6;justify-content:space-between;align-items:center;gap:30px;min-height:76px;padding:12px 26px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;font:700 17px Manrope;display:flex}.brand-mark,.orb span{color:#fff;background:linear-gradient(145deg,#10a08e,#075a52);place-items:center;display:grid;box-shadow:inset 0 1px 1px #ffffff50,0 6px 16px #0c796d25}.brand-mark{border-radius:10px 10px 10px 4px;width:31px;height:31px;font-size:14px}.controls{justify-content:flex-end;align-items:center;gap:10px;width:min(780px,72%);display:flex}.field{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;height:48px;padding:6px 11px;transition:all .2s;display:flex}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:700}.field input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:2px 0 0;font-size:13px}.model-field{flex:1.2}.key-field{flex:1}.key-field>div{align-items:center;min-width:0;display:flex}.key-field button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0 0 0 8px;font-size:11px;font-weight:600}.new-chat{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:7px;height:48px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.new-chat:hover{background:#2d3b39}.conversation{min-height:0;padding:40px max(20px,50vw - 405px) 230px;overflow:auto}.conversation:not(.has-messages){place-items:center;display:grid}.welcome{text-align:center;width:100%;max-width:680px;margin-top:-30px}.orb{background:#dff3ed;border-radius:22px 22px 22px 8px;place-items:center;width:68px;height:68px;margin:0 auto 24px;display:grid;transform:rotate(-5deg)}.orb span{border-radius:16px 16px 16px 5px;width:47px;height:47px;font:700 20px Manrope;transform:rotate(5deg)}h1{letter-spacing:-.045em;margin:0 0 11px;font:600 clamp(32px,4vw,45px) Manrope}.welcome>p{color:var(--muted);margin:0 auto 32px;font-size:15px}.suggestions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.suggestions button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff9;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:92px;padding:17px;font-size:13px;line-height:1.35;display:flex}.suggestions button:hover{border-color:#9bbab4;transform:translateY(-2px);box-shadow:0 8px 24px #23413b0b}.suggestions span{color:var(--teal);align-self:flex-end}.messages{width:100%;max-width:810px;margin:auto}.message{grid-template-columns:34px 1fr;gap:14px;padding:24px 0;animation:.25s ease-out appear;display:grid}@keyframes appear{0%{opacity:0;transform:translateY(6px)}}.avatar{background:#e7ecea;border-radius:10px;place-items:center;width:31px;height:31px;font:700 12px Manrope;display:grid}.assistant .avatar{background:var(--teal);color:#fff;border-radius:10px 10px 10px 4px}.message-body{min-width:0;padding-top:3px}.message-meta{justify-content:space-between;align-items:flex-start;height:25px;font-size:13px;display:flex}.message-meta button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.72}.message-files{flex-wrap:wrap;gap:8px;margin:3px 0 10px;display:flex}.message-files img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:min(240px,55vw);max-height:210px}.message-files span{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-size:12px}.thinking{gap:4px;padding-top:8px;display:inline-flex}.thinking i{background:var(--teal);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate pulse}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-3px)}}.cursor{background:var(--teal);vertical-align:-2px;width:5px;height:14px;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.composer-wrap{z-index:4;background:linear-gradient(#fafbf900,var(--cream) 22%,var(--cream));padding:12px max(20px,50vw - 405px) 16px;position:fixed;bottom:0;left:0;right:0}.composer{background:#fff;border:1px solid #d5dfdc;border-radius:18px;padding:15px 15px 10px;box-shadow:0 12px 38px #263a3512,0 2px 6px #263a3508}.composer textarea{resize:none;width:100%;min-height:30px;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px;line-height:1.5;display:block}.composer textarea::placeholder{color:#98a19f}.composer-tools{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.left-tools{align-items:center;gap:5px;display:flex}.left-tools button{cursor:pointer;color:#53615f;background:0 0;border:0;border-radius:9px;height:33px}.left-tools>button:first-of-type{border:1px solid var(--line);width:33px;font-size:23px}.toggle{align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.toggle.active{background:var(--mint);color:var(--teal-dark)}.toggle b{background:var(--teal);border-radius:50%;width:5px;height:5px}.send{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;width:35px;height:35px;font-size:21px}.send:hover{background:var(--teal-dark)}.send:disabled{cursor:default;background:#dce2e0}.send.stop span{background:#fff;border-radius:2px;width:10px;height:10px;margin:auto;display:block}.status-row{color:#87918f;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:7px;padding:0 4px;font-size:10px;display:grid}.status-row span{align-items:center;gap:5px;display:flex}.status-row i{background:#afb7b5;border-radius:50%;width:6px;height:6px}.status-row i.online{background:#20a977;box-shadow:0 0 0 3px #20a97718}.status-row p{margin:0}.status-row b{padding:0 4px}.status-row .private{justify-self:end}.attachments{gap:8px;margin-bottom:8px;display:flex;overflow-x:auto}.attachments>div{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:180px;max-width:250px;padding:7px 28px 7px 7px;display:flex;position:relative;box-shadow:0 4px 14px #263a3509}.attachments img{object-fit:cover;border-radius:7px;width:37px;height:37px}.attachments>div>span{background:var(--soft);border-radius:7px;place-items:center;width:37px;height:37px;display:grid}.attachments p{min-width:0;margin:0;display:grid}.attachments strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attachments small{color:var(--muted);font-size:9px}.attachments button{color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:5px}.error{color:#9b3e24;background:#fff4ef;border:1px solid #f1cabb;border-radius:11px;align-items:center;gap:9px;margin-bottom:8px;padding:8px 11px;font-size:12px;display:flex}.error>span{color:#fff;background:#d9633f;border-radius:50%;place-items:center;width:19px;height:19px;font-weight:700;display:grid}.error p{overflow-wrap:anywhere;flex:1;margin:0}.error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.drop-overlay{z-index:20;border:2px dashed var(--teal);color:var(--teal-dark);background:#eaf8f4ef;border-radius:20px;place-items:center;font:600 20px Manrope;display:grid;position:fixed;inset:12px}.icon{line-height:1}@media (width<=760px){.topbar{align-items:flex-start;min-height:auto;padding:10px 12px}.brand{margin-top:8px}.brand>span:last-child{display:none}.controls{grid-template-columns:1fr 1fr auto;width:calc(100% - 43px);display:grid}.field{height:44px}.model-field{grid-column:1}.new-chat{justify-content:center;width:44px;height:44px;padding:0}.new-chat span:last-child{display:none}.conversation{padding:28px 17px 225px}.welcome{margin-top:-10px}.suggestions{grid-template-columns:1fr}.suggestions button{flex-direction:row;align-items:center;min-height:57px}.composer-wrap{padding:10px 10px 8px}.status-row{grid-template-columns:1fr auto}.status-row .private{display:none}.message{grid-template-columns:30px 1fr;gap:10px}}@media (width<=520px){.model-field{grid-column:1/3}.controls{grid-template-columns:1fr auto}.key-field,.new-chat{grid-row:2}.topbar{position:relative}.conversation{padding-top:20px}.welcome>p{font-size:13px}.status-row p{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ink:#0a0a0a;--muted:#0a0a0a;--line:#dedede;--soft:#f4f4f4;--cream:#fff;--teal:#0a0a0a;--teal-dark:#000;--mint:#ededed}html,body,.app-shell{color:#0a0a0a;background:#fff}.app-shell{background:#fff}.topbar{background:#fffffff2;border-color:#e2e2e2}.brand-mark,.orb span{box-shadow:none;background:#0a0a0a}.orb{background:#eee;transform:none}.orb span{transform:none}.field{border-color:#d8d8d8;border-radius:9px}.field:focus-within{border-color:#0a0a0a;box-shadow:0 0 0 1px #0a0a0a}.field>span,.field input,.key-field button,.welcome>p,.suggestions span,.message-meta button,.composer textarea,.composer textarea::placeholder,.left-tools button,.status-row,.attachments small,.attachments button{color:#0a0a0a}.new-chat,.assistant .avatar,.send{color:#fff;background:#0a0a0a}.new-chat:hover,.send:hover{background:#000}.suggestions button{background:#fff;border-color:#dedede;border-radius:11px}.suggestions button:hover{box-shadow:none;border-color:#0a0a0a}.composer-wrap{background:linear-gradient(#fff0,#fff 24%,#fff)}.composer{border-color:#d2d2d2;border-radius:14px;box-shadow:0 8px 28px #0000000c}.composer:focus-within{border-color:#0a0a0a;box-shadow:0 8px 28px #0000000c,0 0 0 1px #0a0a0a}.toggle.active{color:#0a0a0a;background:#ededed}.toggle b,.thinking i,.cursor,.status-row i.online{box-shadow:none;background:#0a0a0a}.send:disabled{color:#fff;background:#dedede}.drop-overlay{color:#0a0a0a;background:#fffe;border-color:#0a0a0a}.error{color:#0a0a0a;background:#f4f4f4;border-color:#bcbcbc}.error>span{background:#0a0a0a}.conversation{overflow:visible}.message{border-bottom:1px solid #ededed;padding:28px 0}.message:last-of-type{border-bottom:0}.message-meta{height:28px}.message-text{color:#0a0a0a;font-size:15.5px;line-height:1.68}.formatted-text>div>:first-child{margin-top:0}.formatted-text>div>:last-child{margin-bottom:0}.formatted-text p{margin:0 0 14px}.formatted-text h2,.formatted-text h3,.formatted-text h4{letter-spacing:-.025em;margin:24px 0 10px;font-family:Manrope,sans-serif;line-height:1.3}.formatted-text h2{font-size:21px}.formatted-text h3{font-size:18px}.formatted-text h4{font-size:16px}.formatted-text ul,.formatted-text ol{margin:8px 0 16px;padding-left:24px}.formatted-text li{margin:5px 0;padding-left:3px}.formatted-text strong{font-weight:700}.formatted-text a{color:#0a0a0a;text-underline-offset:3px;text-decoration:underline}.formatted-text code{background:#f0f0f0;border:1px solid #dfdfdf;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.formatted-text pre{color:#fff;background:#111;border-radius:9px;margin:16px 0 18px;padding:15px 17px;line-height:1.55;overflow-x:auto}.formatted-text pre code{color:#fff;background:0 0;border:0;padding:0;font-size:12.5px}.user .message-text{white-space:pre-wrap}.assistant .message-text{white-space:normal}.reasoning{background:#fafafa;border:1px solid #dedede;border-radius:9px;margin:1px 0 17px;overflow:hidden}.reasoning summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:flex}.reasoning summary::-webkit-details-marker{display:none}.reasoning summary:before{content:"+";margin-right:-4px;font-size:13px}.reasoning[open] summary:before{content:"−"}.reasoning summary span{margin-right:auto}.reasoning summary small{text-transform:uppercase;letter-spacing:.08em;font:600 9px DM Sans,sans-serif}.reasoning[open] summary small:before{content:"";vertical-align:1px;background:#0a0a0a;border-radius:50%;width:5px;height:5px;margin-right:5px;animation:1s infinite alternate pulse;display:inline-block}.reasoning>div{color:#0a0a0a;border-top:1px solid #e5e5e5;max-height:240px;padding:12px 14px;font-size:12.5px;line-height:1.55;overflow:auto}.reasoning .formatted-text p{margin-bottom:9px}.reasoning .formatted-text h2,.reasoning .formatted-text h3,.reasoning .formatted-text h4{margin:13px 0 7px;font-size:13px}.reasoning .formatted-text pre{margin:10px 0;padding:10px 12px}.reasoning-notice{color:#0a0a0a;background:#f7f7f7;border-left:2px solid #0a0a0a;margin:1px 0 14px;padding:8px 10px;font-size:11px;line-height:1.45}.brand-area{align-items:center;gap:16px;min-width:0;display:flex}.usage-pill{color:#0a0a0a;white-space:nowrap;background:#f7f7f7;border:1px solid #dedede;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:10px;display:flex}.usage-pill b{background:#0a0a0a;border-radius:50%;width:3px;height:3px}.usage-pill strong{font-weight:700}.field{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;height:42px;padding:0 11px}.field>span{letter-spacing:.08em;flex:none;font-size:9px}.field input{padding:0;font-size:12px}.key-field>div{flex:1;min-width:0}.new-chat{height:42px}.status-row{justify-content:space-between;display:flex}.status-row p{display:none}@media (width<=1050px){.usage-pill span:nth-of-type(2),.usage-pill span:nth-of-type(3),.usage-pill span:nth-of-type(4),.usage-pill b:first-of-type{display:none}}@media (width<=760px){.usage-pill{display:none}.field,.new-chat{height:40px}.brand-area{align-self:flex-start}.controls{width:calc(100% - 43px)}}