@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--backdrop:#cad9f0;--frame:#f5f8fd;--surface:#fff;--surface-2:#f1f4fb;--line:#e8ecf4;--ink:#111827;--ink-2:#374151;--muted:#8a93a6;--accent:#5a67f2;--accent-soft:#eef0ff;--accent-ink:#fff;--dark-btn:#111;--error:#c2410c;--shadow:0 30px 80px #3a548c2e;--pill-shadow:0 10px 30px #3a548c24;color:var(--ink);background:var(--backdrop);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Outfit Variable,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--backdrop:#0b1020;--frame:#121829;--surface:#182033;--surface-2:#1f2940;--line:#273149;--ink:#eef1f8;--ink-2:#c9d0de;--muted:#8691a8;--accent:#7c87ff;--accent-soft:#252d52;--dark-btn:#eef1f8;--error:#fdba74;--shadow:0 30px 80px #00000073;--pill-shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0}body{background:var(--backdrop);min-height:100vh}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.app{place-items:center;min-height:100dvh;padding:40px 32px;display:grid;position:relative;overflow:hidden}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-orbs span{filter:blur(70px);opacity:.55;border-radius:50%;animation:24s ease-in-out infinite alternate drift;position:absolute}.bg-orbs span:first-child{background:#b7c8ff;width:480px;height:480px;top:-120px;left:-80px}.bg-orbs span:nth-child(2){background:#d9c7ff;width:420px;height:420px;animation-delay:-8s;bottom:-140px;right:-60px}.bg-orbs span:nth-child(3){opacity:.4;background:#bfe6ff;width:300px;height:300px;animation-delay:-16s;top:40%;left:55%}@keyframes drift{to{transform:translate(60px,40px)scale(1.1)}}.frame{z-index:1;background:var(--frame);width:100%;max-width:1320px;height:min(860px,100dvh - 80px);box-shadow:var(--shadow);border-radius:32px;gap:14px;padding:14px;animation:.6s cubic-bezier(.2,.8,.2,1) both frame-in;display:flex;position:relative;overflow:hidden}@keyframes frame-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}.logo-text{letter-spacing:.22em;font-size:21px;font-weight:600}.logo-text span{color:var(--accent);margin-left:2px;animation:3s ease-in-out infinite twinkle;display:inline-block}@keyframes twinkle{50%{transform:rotate(90deg)scale(1.2)}}.icon-btn{width:42px;height:42px;color:var(--ink-2);border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.92)}.only-mobile,.mobile-bar,.scrim{display:none}.sidebar{background:var(--surface);border-radius:22px;flex-direction:column;flex:none;width:290px;padding:26px 18px 18px;display:flex}.side-top{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.side-actions{gap:10px;margin:28px 0 16px;display:flex}.new-chat{background:var(--accent);height:46px;color:var(--accent-ink);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.new-chat:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff59,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.new-chat:hover:not(:disabled){box-shadow:0 12px 26px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.new-chat:hover:not(:disabled):after{transition:transform .7s;transform:translate(100%)}.new-chat:active:not(:disabled){transform:scale(.97)}.new-chat svg{transition:transform .3s}.new-chat:hover:not(:disabled) svg{transform:rotate(90deg)}.search-btn{background:var(--dark-btn);width:46px;height:46px;color:var(--surface);border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.search-btn:hover{transform:rotate(-12deg)scale(1.05)}.search-btn.on{background:var(--accent);color:var(--accent-ink)}.search{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;height:42px;margin-bottom:12px;padding:0 14px;font-size:14px;animation:.25s both drop}.search:focus{border-color:var(--accent)}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.conv-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 4px;font-size:13px;display:flex}.link{color:var(--accent);font-size:13px;font-weight:500}.link:hover:not(:disabled){text-decoration:underline}.conv-list{flex:1;margin:0 -6px;padding:4px 6px;overflow-y:auto}.conv-empty{color:var(--muted);padding:18px 4px;font-size:14px}.group-label{color:var(--muted);padding:14px 4px 6px;font-size:12.5px}.conv{animation:.35s cubic-bezier(.2,.8,.2,1) both slide-in;animation-delay:calc(var(--i,0) * 35ms);border-radius:12px;align-items:center;transition:background .15s,transform .15s;display:flex;position:relative}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}}.conv+.conv{margin-top:2px}.conv:hover{background:var(--surface-2);transform:translate(2px)}.conv.active{background:var(--accent-soft)}.conv.active:before{content:"";background:var(--accent);border-radius:3px;width:3px;animation:.3s both grow;position:absolute;top:10px;bottom:10px;left:-6px}@keyframes grow{0%{transform:scaleY(0)}}.conv-open{min-width:0;color:var(--ink-2);text-align:left;flex:1;align-items:center;gap:10px;padding:11px 8px;font-size:14.5px;display:flex}.conv-open:disabled{opacity:1}.conv-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv.active .conv-open{color:var(--accent);font-weight:500}.conv-delete{width:34px;height:34px;color:var(--muted);opacity:0;border-radius:8px;flex:none;place-items:center;margin-right:4px;transition:opacity .15s,color .15s;display:grid}.conv:hover .conv-delete,.conv.active .conv-delete,.conv-delete:focus-visible{opacity:1}.conv-delete:hover:not(:disabled){color:var(--error);background:var(--surface)}.usage{border:1px solid var(--line);border-radius:16px;margin-top:12px;padding:14px}.usage-head{color:var(--ink-2);justify-content:space-between;font-size:13.5px;display:flex}.usage-head b{color:var(--accent);font-weight:600}.usage-bar{background:var(--surface-2);border-radius:99px;height:6px;margin:10px 0 8px;overflow:hidden}.usage-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #8b5cf6, var(--accent));background-size:200% 100%;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);animation:3s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.usage p{color:var(--muted);font-size:12.5px}.usage.full .usage-head b,.usage.full p{color:var(--error)}.usage.full .usage-bar span{background:var(--error);animation:none}.main{flex-direction:column;flex:1;min-width:0;display:flex}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll{scroll-behavior:auto;flex:1;padding:30px 32px 170px;overflow-y:auto}.thread{max-width:680px;margin:0 auto}.rise{animation:.5s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.pop{animation:.35s cubic-bezier(.3,1.4,.5,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(6px)}}.fade{animation:.4s both fade}@keyframes fade{0%{opacity:0}}.welcome{text-align:center;padding-top:10vh}.welcome-emoji{margin-bottom:12px;font-size:48px;display:inline-block}.wave{transform-origin:70% 80%;animation:2.2s ease-in-out .4s 2 wave,.5s both rise}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.welcome h2{font-size:32px;font-weight:600}.welcome p{color:var(--muted);max-width:440px;margin:10px auto 28px;font-size:16px;line-height:1.55}.quick-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:500px;margin:0 auto;display:grid}.quick{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.quick:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--pill-shadow);transform:translateY(-3px)}.quick:active:not(:disabled){transform:scale(.97)}.quick-icon{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.quick:hover:not(:disabled) .quick-icon{transform:scale(1.15)rotate(-8deg)}.quick-copy{flex-direction:column;min-width:0;display:flex}.quick-copy b{font-size:15px;font-weight:500}.quick-copy small{color:var(--muted);margin-top:2px;font-size:12.5px}.turn{padding:26px 0}.turn+.turn{border-top:1px solid var(--line)}.question{transform-origin:0;align-items:flex-start;gap:10px;display:flex}.q-avatar{background:var(--ink-2);width:26px;height:26px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.question p{color:var(--ink-2);overflow-wrap:anywhere;padding-top:3px;font-size:14.5px;line-height:1.5}.answer{margin:14px 0 0 36px}.answer-label{letter-spacing:.04em;color:var(--c);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-style:italic;font-weight:500;display:flex}.answer-dot{border:1.5px solid var(--c);border-radius:50%;width:7px;height:7px}.answer-dot.live{background:var(--c);animation:1.2s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 60%, transparent)}to{box-shadow:0 0 0 7px #0000}}.answer-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;font-weight:450;line-height:1.7}.answer-text strong{font-weight:600}.answer-text a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.answer-text.error{color:var(--error)}.caret{vertical-align:-3px;background:var(--c);width:2px;height:1.1em;margin-left:2px;animation:.8s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.notice{color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:999px;align-items:center;gap:8px;margin:14px 0 0 36px;padding:5px 14px 5px 5px;font-size:13px;display:inline-flex}.notice-avatar{background:var(--c);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}.thinking{align-items:center;gap:12px;display:flex}.typing{gap:5px;padding:8px 0;display:flex}.typing span{background:var(--c);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.status{color:var(--muted);background:linear-gradient(90deg, var(--muted) 30%, var(--ink) 50%, var(--muted) 70%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:14px;animation:.4s both fade,2s linear infinite shimmer}.extras{margin-left:36px}.actions{align-items:center;gap:8px;margin-top:14px;display:flex}.rate{border-left:1px solid var(--line);gap:6px;padding-left:8px;display:flex}.action{height:32px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:color .15s,border-color .15s,transform .15s,background .15s;display:inline-flex}.action.icon{justify-content:center;width:32px;padding:0}.action:hover{color:var(--accent);border-color:var(--accent)}.action:active{transform:scale(.9)}.action.done{color:#16a34a;border-color:#16a34a}.action.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);animation:.4s cubic-bezier(.3,1.8,.5,1) like}.action.on.down{background:var(--ink-2);border-color:var(--ink-2)}@keyframes like{40%{transform:scale(1.25)rotate(-10deg)}}.follow-ups{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.follow-label{color:var(--muted);align-items:center;gap:4px;margin-right:2px;font-size:12.5px;display:inline-flex}.chip{color:var(--accent);background:var(--accent-soft);animation:.4s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i) * 70ms + .1s);border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:13.5px;transition:background .15s,border-color .15s,transform .15s}.chip:hover{border-color:var(--accent);transform:translateY(-2px)}.chip:active{transform:scale(.95)}.to-bottom{z-index:3;background:var(--surface);width:40px;height:40px;color:var(--accent);border:1px solid var(--line);box-shadow:var(--pill-shadow);border-radius:50%;place-items:center;margin-left:-20px;display:grid;position:absolute;bottom:112px;left:50%}.to-bottom:hover{transform:translateY(2px)}.composer-wrap{z-index:2;background:linear-gradient(to bottom, transparent, var(--frame) 45%);padding:40px 24px 14px;position:absolute;bottom:0;left:0;right:0}.composer{background:var(--surface);max-width:620px;box-shadow:var(--pill-shadow);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:7px 7px 7px 10px;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;position:relative}.composer:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 12%, transparent), var(--pill-shadow);transform:translateY(-2px)}.composer.busy:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle), transparent 60%, var(--accent), #8b5cf6, transparent);-webkit-mask-composite:xor;padding:1.5px;animation:2s linear infinite spin-border;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--angle:360deg}}.composer-mark{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.composer input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:42px;font-size:16px}.composer input::placeholder{color:var(--muted)}.counter{color:var(--muted);font-size:12px;animation:.2s both fade}.send{background:var(--accent);width:46px;height:46px;color:var(--accent-ink);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%;flex:none;place-items:center;transition:transform .2s cubic-bezier(.3,1.6,.5,1),opacity .2s;display:grid}.send.ready{animation:.4s cubic-bezier(.3,1.6,.5,1) ready}@keyframes ready{50%{transform:scale(1.12)}}.send:hover:not(:disabled){transform:scale(1.08)rotate(-12deg)}.send:active:not(:disabled){transform:scale(.9)}.hint{text-align:center;color:var(--muted);margin-top:10px;font-size:12px}.toast{z-index:50;background:var(--ink);color:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:11px 18px;font-size:14px;animation:2.2s cubic-bezier(.2,.8,.2,1) both toast;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)scale(.95)}12%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,8px)}}@media (width<=900px){.app{padding:0}.bg-orbs{display:none}.frame{max-width:none;height:100dvh;box-shadow:none;border-radius:0;gap:0;padding:0;animation:none}.sidebar{z-index:20;width:min(320px,86vw);padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow);border-radius:0 24px 24px 0;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:none}.sidebar.open .conv{animation-name:slide-in}.only-mobile{display:grid}.scrim{z-index:10;opacity:0;pointer-events:none;background:#0f172a66;transition:opacity .3s;display:block;position:absolute;inset:0}.scrim.show{opacity:1;pointer-events:auto}.mobile-bar{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--frame) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-title{align-items:center;gap:10px;min-width:0;display:flex}.mini-avatar{background:var(--c);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;transition:background .3s;display:grid}.mobile-title b{font-size:15.5px;font-weight:600;display:block}.mobile-title small{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.online-dot{background:#16a34a;border-radius:50%;width:7px;height:7px}.online-dot.busy{background:var(--accent);animation:1s steps(2,end) infinite blink}.scroll{padding:18px 16px 160px}.welcome{padding-top:5vh}.welcome h2{font-size:27px}.welcome p{font-size:15px}.answer,.notice,.extras{margin-left:0}.answer-text{font-size:15.5px}.composer-wrap{padding:30px 10px calc(8px + env(safe-area-inset-bottom))}.hint{font-size:11px}.to-bottom{bottom:100px}.toast{bottom:calc(96px + env(safe-area-inset-bottom))}.follow-ups{scrollbar-width:none;flex-wrap:nowrap;margin-right:-16px;padding-right:16px;overflow-x:auto}.follow-ups::-webkit-scrollbar{display:none}.chip{flex:none}}@media (width<=480px){.quick-help{grid-template-columns:1fr;gap:10px}.quick{padding:12px 14px}}@media (hover:none){.conv-delete{opacity:1}.conv:hover,.quick:hover:not(:disabled),.chip:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.bg-orbs span{opacity:.16}}
