@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#070a12;--panel:#0d1220;--panel-2:#121a2c;--line:#ffffff14;--text:#e8ecf5;--muted:#8590a8;--mint:#5cf2c0;--violet:#7b6cff;--pink:#ff6fb5;--aurora:linear-gradient(120deg, var(--mint), var(--violet) 60%, var(--pink));--font-ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace}:root[data-accent=ocean]{--mint:#4cc9f0;--violet:#4361ee;--pink:#7ae7c7}:root[data-accent=sunset]{--mint:#ffb86b;--violet:#ff6f91;--pink:#c084fc}:root[data-accent=mono]{--mint:#e8ecf5;--violet:#8590a8;--pink:#cbd5e1}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:none;height:100%;margin:0;padding:0}body{background:var(--bg);min-width:0;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;display:block}button,select,textarea,input{font:inherit;color:inherit}svg{flex-shrink:0;display:block}:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.gpt-layout{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.scrim{display:none}.gpt-sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:272px;transition:width .3s cubic-bezier(.3,.8,.3,1),border-color .3s;display:flex;overflow:hidden}.gpt-sidebar>*{min-width:272px}.gpt-sidebar.closed{border-right-color:#0000;width:0}.sidebar-top{gap:8px;padding:14px 14px 8px;display:flex}.new-chat-btn{background:linear-gradient(var(--panel-2), var(--panel-2)) padding-box, var(--aurora) border-box;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;padding:10px 14px;font-weight:500;transition:filter .2s,transform .15s}.new-chat-btn:hover{filter:brightness(1.25)}.new-chat-btn:active{transform:scale(.98)}.collapse-btn,.expand-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;place-items:center;transition:color .2s,background .2s;display:grid}.collapse-btn:hover,.expand-btn:hover{color:var(--text);background:var(--panel-2)}.sidebar-search{padding:4px 14px 8px}.sidebar-search input{border:1px solid var(--line);background:var(--bg);border-radius:10px;outline:0;width:100%;padding:9px 12px;font-size:.88rem;transition:border-color .2s}.sidebar-search input:focus{border-color:color-mix(in srgb, var(--mint) 50%, transparent)}.sidebar-history{scrollbar-width:thin;scrollbar-color:var(--panel-2) transparent;flex:1;padding:4px 14px;overflow-y:auto}.history-group-title{letter-spacing:.02em;color:var(--muted);padding:10px 8px 6px;font-size:.78rem}.history-empty{color:var(--muted);padding:10px 8px;font-size:.85rem}.history-item{color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 8px 9px 12px;font-size:.92rem;transition:background .2s,color .2s;display:flex}.history-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.history-del{width:24px;height:24px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;transition:opacity .15s,background .15s,color .15s;display:grid}.history-item:hover .history-del,.history-item:focus-within .history-del{opacity:1}.history-del:hover{color:#ff9db5;background:#ff6fb526}.history-item:hover{background:var(--panel-2);color:var(--text)}.history-item.active{background:var(--panel-2);color:var(--text);box-shadow:inset 2px 0 0 var(--mint)}.sidebar-footer{border-top:1px solid var(--line);padding:10px 14px 14px}.user-profile{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px;transition:background .2s;display:flex}.user-profile:hover{background:var(--panel-2)}.user-avatar{background:var(--aurora);color:#07101a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.75rem;font-weight:600;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.92rem;overflow:hidden}.settings-gear{color:var(--muted);transition:transform .4s,color .2s}.user-profile:hover .settings-gear{color:var(--mint);transform:rotate(60deg)}.gpt-main{background:radial-gradient(1200px 500px at 50% -10%, color-mix(in srgb, var(--violet) 10%, transparent), transparent 70%), radial-gradient(#ffffff0b 1px, transparent 1px) 0 0 / 26px 26px, var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.gpt-header{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.header-spacer{flex:1}.brand{font-family:var(--font-display);letter-spacing:-.02em;background:var(--aurora);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.fallback-pill{border:1px solid color-mix(in srgb, var(--mint) 30%, transparent);background:color-mix(in srgb, var(--mint) 7%, transparent);color:var(--mint);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.78rem}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.drop-overlay{z-index:30;border:2px dashed var(--mint);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-display);color:var(--mint);pointer-events:none;border-radius:24px;place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:12px}.gpt-messages-container{scrollbar-width:thin;scrollbar-color:var(--panel-2) transparent;flex:1;position:relative;overflow:hidden auto}.gpt-main.is-empty .gpt-messages-container{flex:none;margin-top:auto;overflow:visible}.welcome-hero{isolation:isolate;text-align:center;max-width:760px;margin:0 auto;padding:4vh 24px 3vh;position:relative}.welcome-hero:before{content:"";z-index:-1;background:radial-gradient(40% 55% at 28% 55%, color-mix(in srgb, var(--mint) 50%, transparent), transparent 70%), radial-gradient(45% 60% at 62% 40%, color-mix(in srgb, var(--violet) 55%, transparent), transparent 70%), radial-gradient(30% 45% at 80% 65%, color-mix(in srgb, var(--pink) 35%, transparent), transparent 70%);filter:blur(48px);opacity:.45;animation:16s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-40% -25% -20%;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}@keyframes aurora-drift{0%{transform:translate(-4%,2%)scale(1)rotate(-2deg)}to{transform:translate(4%,-3%)scale(1.12)rotate(3deg)}}.hero-mark{color:var(--mint);place-items:center;margin-bottom:14px;display:grid}.welcome-hero h1{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.08}.messages-scroll{flex-direction:column;gap:24px;max-width:760px;margin:0 auto;padding:12px 20px 32px;display:flex}.gpt-main.is-empty .messages-scroll{padding:0}.message-row{animation:.25s ease-out both msg-in}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.message-inner{align-items:flex-start;gap:14px;display:flex}.message-row.user .message-inner{justify-content:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.message-avatar.ai{background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--aurora) border-box;color:var(--mint);border:1px solid #0000}.message-content{min-width:0;max-width:100%}.message-row.ai .message-content{flex:1}.message-text,.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.98rem;line-height:1.65}.prose+.code-block,.code-block+.prose{margin-top:10px}.message-row.ai .message-text,.message-row.ai .prose:first-child{padding-top:4px}.message-row.user .message-content{max-width:80%}.message-row.user .message-text{background:var(--panel-2);border:1px solid var(--line);border-radius:20px 20px 6px;padding:10px 16px}.message-row.error .message-text{color:#ff9db5}.message-model{color:var(--muted);margin-top:6px;font-size:.75rem}.inline-code{background:var(--panel-2);border:1px solid var(--line);font-family:var(--font-mono);border-radius:6px;padding:2px 6px;font-size:.86em}.code-block{border:1px solid var(--line);background:#060912;border-radius:14px;margin:4px 0;overflow:hidden}.code-head{border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);justify-content:space-between;align-items:center;padding:7px 8px 7px 14px;font-size:.78rem;display:flex}.code-actions{gap:4px;display:flex}.code-actions button,.msg-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;transition:background .15s,color .15s;display:inline-flex}.code-actions button:hover,.msg-actions button:hover{background:var(--panel-2);color:var(--mint)}.code-block pre{margin:0;padding:14px;overflow-x:auto}.code-block code{font-family:var(--font-mono);white-space:pre;font-size:.85rem;line-height:1.6}.msg-actions{opacity:.55;flex-wrap:wrap;gap:2px;margin:8px 0 0 -10px;transition:opacity .2s;display:flex}.message-row:hover .msg-actions,.msg-actions:focus-within{opacity:1}.file-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.file-chip,.attach-chip{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.typing{gap:5px;padding:12px 0;display:flex}.typing span{background:var(--mint);opacity:.4;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite typing-bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.gpt-input-container{width:100%;max-width:800px;margin:0 auto;padding:0 20px 14px;position:relative}.toast{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;max-width:calc(100% - 40px);padding:8px 16px;font-size:.84rem;animation:.2s ease-out both msg-in;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.gpt-input-box{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121a2ccc;border-radius:26px;flex-direction:column;gap:6px;padding:14px 12px 10px 16px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 8px 40px -16px #0009}.gpt-input-box:focus-within{border-color:color-mix(in srgb, var(--mint) 45%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--mint) 8%, transparent), 0 10px 50px -10px color-mix(in srgb, var(--violet) 50%, transparent)}.gpt-input-box textarea{resize:none;field-sizing:content;background:0 0;border:0;outline:0;width:100%;min-height:44px;max-height:220px;padding:4px 2px;line-height:1.55}.gpt-input-box textarea::placeholder{color:var(--muted)}.attach-row{flex-wrap:wrap;gap:6px;display:flex}.attach-chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.attach-chip button:hover{color:#ff9db5}.input-toolbar{align-items:center;gap:6px;display:flex}.toolbar-spacer{flex:1}.plus-wrap{position:relative}.plus-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background .2s,color .2s,border-color .2s,transform .2s;display:grid}.plus-btn:hover{background:var(--panel-2);color:var(--text)}.plus-btn[aria-expanded=true]{background:var(--panel-2);color:var(--text);transform:rotate(45deg)}.plus-menu{z-index:40;border:1px solid var(--line);background:var(--panel);border-radius:16px;min-width:220px;padding:6px;animation:.15s ease-out both msg-in;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 60px -10px #000000b3}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:.9rem;transition:background .15s;display:flex}.menu-item:hover{background:var(--panel-2)}.menu-item .menu-text{flex:1}.menu-item svg{color:var(--muted)}.menu-item[aria-checked=true] svg{color:var(--mint)}.menu-sep{background:var(--line);height:1px;margin:6px 4px}.menu-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:4px 10px 6px;font-size:.72rem}.agent-chip{border:1px solid color-mix(in srgb, var(--violet) 40%, transparent);background:color-mix(in srgb, var(--violet) 12%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 12px;font-size:.8rem;display:inline-flex}.agent-chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.agent-chip button:hover{color:var(--text)}.input-toolbar .model-select{appearance:none;max-width:190px;color:var(--muted);text-overflow:ellipsis;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238590a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:0;border-radius:999px;padding:7px 26px 7px 12px;font-size:.86rem;font-weight:500;transition:background-color .2s,color .2s}.input-toolbar .model-select:hover{background-color:var(--panel-2);color:var(--text)}.input-toolbar .model-select option{background:var(--panel);color:var(--text)}.tool-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.tool-btn:hover{background:var(--panel-2);color:var(--text)}.tool-btn.live{color:#ff9db5;background:#ff6fb52e;animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ff6fb580}50%{box-shadow:0 0 0 8px #ff6fb500}}.send-button{background:var(--aurora);color:#07101a;cursor:pointer;border:0;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .2s,opacity .2s;display:grid}.send-button:hover:not(:disabled){box-shadow:0 6px 20px -4px color-mix(in srgb, var(--mint) 60%, transparent);transform:translateY(-1px)scale(1.06)}.send-button:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}.send-button.stop{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.disclaimer{text-align:center;color:var(--muted);margin-top:10px;font-size:.75rem}.starters{flex-wrap:wrap;justify-content:center;gap:10px;max-width:800px;margin:0 auto auto;padding:6px 20px 28px;display:flex}.starter{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 70%, transparent);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.88rem;transition:transform .2s,border-color .2s,color .2s,background .2s}.starter:hover{border-color:color-mix(in srgb, var(--mint) 45%, transparent);background:var(--panel-2);color:var(--text);transform:translateY(-2px)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060cb3;place-items:center;padding:20px;animation:.2s ease-out both msg-in;display:grid;position:fixed;inset:0}.settings-modal{border:1px solid var(--line);background:var(--panel);width:min(560px,100%);max-height:min(86dvh,780px);box-shadow:0 30px 80px -20px #000000b3, 0 0 60px -30px var(--violet);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.settings-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem}.settings-body{scrollbar-width:thin;scrollbar-color:var(--panel-2) transparent;padding:6px 20px 20px;overflow-y:auto}.settings-section{border-bottom:1px solid var(--line);padding:16px 0}.settings-section:last-child{border-bottom:0}.settings-section h3{color:var(--mint);margin:0 0 12px;font-size:.95rem;font-weight:600}.field{margin-bottom:12px;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.field>span b{color:var(--text);margin-left:6px}.field input[type=text],.field input[type=password],.field textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;outline:0;width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;font-size:.9rem;line-height:1.5}.field input:focus,.field textarea:focus{border-color:color-mix(in srgb, var(--mint) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mint) 10%, transparent)}.field input[type=range]{width:100%;accent-color:var(--mint)}.swatches{gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:12px;width:38px;height:38px;transition:transform .15s,border-color .15s}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:#fff}.hint{color:var(--muted);margin:-4px 0 12px;font-size:.8rem;line-height:1.5}.toggle{cursor:pointer;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.toggle input{width:17px;height:17px;accent-color:var(--mint);flex-shrink:0;margin-top:4px}.toggle span{font-size:.92rem}.toggle small{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;padding:9px 16px;transition:border-color .2s,background .2s}.btn:hover{border-color:#ffffff40}.btn.danger{color:#ff9db5}.btn.danger:hover{background:#ff6fb514;border-color:#ff6fb580}@media (width<=768px){.gpt-sidebar{z-index:20;width:280px;transition:transform .3s cubic-bezier(.3,.8,.3,1);position:fixed;inset:0 auto 0 0;box-shadow:20px 0 60px #00000080}.gpt-sidebar.closed{width:280px;box-shadow:none;transform:translate(-105%)}.gpt-sidebar>*{min-width:0}.scrim{z-index:19;background:#04060c99;display:block;position:fixed;inset:0}.message-row.user .message-content{max-width:92%}.input-toolbar .model-select{max-width:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}