@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";
@font-face{font-family:Geist;src:url(/fonts/geist-regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/commitmono-regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/commitmono-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--u05:4px;--u1:8px;--u15:12px;--u2:16px;--u25:20px;--u3:24px;--u4:32px;--u5:40px;--u55:44px;--u6:48px;--header-h:var(--u6);--input-h:var(--u55);--input-h-sm:var(--u4);--radius-pill:22px;--radius-surface:12px;--radius-bubble:18px;--type-xs:11px;--type-sm:13px;--type-base:16px;--type-lg:19px;--type-xl:23px;--font-ui:"Geist",system-ui,-apple-system,sans-serif;--font-mono:"CommitMono",monospace;--font-brand:"Montserrat",sans-serif;--dur-fast:.12s;--dur-normal:.18s;--dur-slow:.3s;--ease-default:cubic-bezier(.25,.1,.25,1);--ease-enter:cubic-bezier(0,0,.35,1);--ease-exit:cubic-bezier(.45,0,1,1);--ease-float:cubic-bezier(.16,.6,.36,1);--glow-radius:24px;--glow-lg:32px}:root,[data-theme=dark]{--bg:#111110;--surface:#1f1e1c;--border:#2a2825;--text:#e8e6e1;--text-sec:#857f76;--text-dis:#6b655c;--accent:#6b9fff;--error:#e8695f;--caution:#d4a84b;--canvas-grad:radial-gradient(in oklch,ellipse at 50% 38%,#171715 0%,#111110 80%);--glow-accent:0 0 var(--glow-radius)color-mix(in srgb,var(--accent)30%,transparent);--glow-accent-strong:0 0 var(--glow-lg)color-mix(in srgb,var(--accent)45%,transparent);--glow-accent-rest:0 0 12px color-mix(in srgb,var(--accent)6%,transparent);--glow-accent-subtle:0 0 16px color-mix(in srgb,var(--accent)12%,transparent);--glow-error:0 0 var(--glow-radius)color-mix(in srgb,var(--error)25%,transparent);--glow-toast-entry:0 0 20px color-mix(in srgb,var(--accent)35%,transparent);--surface-treatment:linear-gradient(180deg,color-mix(in srgb,var(--surface)94%,#3a3832)0%,var(--surface)100%);--surface-msg:#1f1e1c;--shadow-surface:none;--shadow-panel:-6px 0 20px #0000004d;--overlay-bg:color-mix(in srgb,var(--bg)65%,transparent);--input-panel-bg:var(--bg)}[data-theme=light]{--bg:#f4f1ec;--surface:#f8f6f2;--border:#e2ded6;--text:#1a1917;--text-sec:#6b6560;--text-dis:#8a837a;--accent:#6b9fff;--error:#c4564a;--caution:#b58a2e;--canvas-grad:radial-gradient(in oklch,ellipse at 50% 38%,#faf8f4 0%,#f4f1ec 80%);--glow-accent:0 0 var(--glow-radius)color-mix(in srgb,var(--accent)14%,transparent);--glow-accent-strong:0 0 var(--glow-lg)color-mix(in srgb,var(--accent)22%,transparent);--glow-accent-rest:0 0 10px color-mix(in srgb,var(--accent)4%,transparent);--glow-accent-subtle:0 0 12px color-mix(in srgb,var(--accent)7%,transparent);--glow-error:0 0 var(--glow-radius)color-mix(in srgb,var(--error)12%,transparent);--glow-toast-entry:0 0 16px color-mix(in srgb,var(--accent)18%,transparent);--surface-treatment:none;--surface-msg:#f8f6f2;--shadow-surface:0 1px 8px #1a191714;--shadow-panel:-4px 0 16px #1a191714;--overlay-bg:color-mix(in srgb,var(--bg)70%,transparent);--input-panel-bg:#edeae4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);font-size:var(--type-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}body{background:var(--canvas-grad);min-height:100vh}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-dis);border-radius:2px}:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.col{width:100%;max-width:680px;padding:0 var(--u25);margin:0 auto}@media (max-width:480px){.col{max-width:100%;padding:0 16px}}@media (min-width:1281px){.col{max-width:720px;padding:0 24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes brandGlow{0%{text-shadow:0 0 12px color-mix(in srgb,var(--accent)5%,transparent)}30%{text-shadow:0 0 28px color-mix(in srgb,var(--accent)35%,transparent)}55%{text-shadow:0 0 16px color-mix(in srgb,var(--accent)12%,transparent)}to{text-shadow:0 0 12px color-mix(in srgb,var(--accent)5%,transparent)}}@keyframes streamPulse{0%,to{opacity:.3}45%{opacity:.8}65%{opacity:.5}}@keyframes toastIn{0%{opacity:0;box-shadow:var(--glow-toast-entry);transform:translateY(8px)scale(.98)}60%{opacity:1;box-shadow:var(--glow-toast-entry);transform:translateY(0)scale(1)}to{opacity:1;box-shadow:var(--glow-accent-subtle),var(--shadow-surface);transform:translateY(0)scale(1)}}@keyframes brandGlowLogin{0%{text-shadow:0 0 20px color-mix(in srgb,var(--accent)18%,transparent)}30%{text-shadow:0 0 36px color-mix(in srgb,var(--accent)40%,transparent)}55%{text-shadow:0 0 24px color-mix(in srgb,var(--accent)22%,transparent)}to{text-shadow:0 0 20px color-mix(in srgb,var(--accent)18%,transparent)}}@keyframes brandGlowLoginLight{0%{text-shadow:0 0 24px color-mix(in srgb,var(--accent)28%,transparent)}30%{text-shadow:0 0 40px color-mix(in srgb,var(--accent)55%,transparent)}55%{text-shadow:0 0 28px color-mix(in srgb,var(--accent)32%,transparent)}to{text-shadow:0 0 24px color-mix(in srgb,var(--accent)28%,transparent)}}[data-theme=light] .login-brand .brand{animation-name:brandGlowLoginLight}[data-theme=light] .brand{animation:5.5s ease-in-out infinite brandGlow}@keyframes brandGlowLight{0%{text-shadow:0 0 14px color-mix(in srgb,var(--accent)12%,transparent)}30%{text-shadow:0 0 24px color-mix(in srgb,var(--accent)25%,transparent)}55%{text-shadow:0 0 16px color-mix(in srgb,var(--accent)15%,transparent)}to{text-shadow:0 0 14px color-mix(in srgb,var(--accent)12%,transparent)}}[data-theme=light] .chat-header .brand{animation:5.5s ease-in-out infinite brandGlowLight}@keyframes delayedFade{0%,80%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:fadeIn var(--dur-normal)var(--ease-enter)forwards}.fade-up{opacity:0;animation:fadeUp var(--dur-normal)var(--ease-float)forwards}.icon-send{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.brand{font-family:var(--font-brand);font-weight:700;font-size:var(--type-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);-webkit-user-select:none;user-select:none;animation:5.5s ease-in-out infinite brandGlow}.btn{height:var(--input-h);padding:0 var(--u3);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-sm);cursor:pointer;transition:background var(--dur-fast)var(--ease-default),color var(--dur-fast)var(--ease-default),box-shadow var(--dur-normal)var(--ease-float),transform var(--dur-fast)var(--ease-default);justify-content:center;align-items:center;gap:var(--u1);white-space:nowrap;border:none;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-accent{background:var(--accent);color:var(--bg);box-shadow:var(--glow-accent-rest)}.btn-accent:hover{background:color-mix(in srgb,var(--accent)85%,white);box-shadow:var(--glow-accent-strong)}.btn-accent:focus-visible{box-shadow:var(--glow-accent-strong)}.btn-ghost{color:var(--text-sec);background:0 0}.btn-ghost:hover{background:color-mix(in srgb,var(--surface)50%,transparent);color:var(--text)}.btn-danger{color:var(--error);background:0 0}.btn-danger:hover{background:color-mix(in srgb,var(--error)6%,transparent)}.btn-text{height:auto;font-family:var(--font-mono);font-size:var(--type-xs);letter-spacing:.08em;cursor:pointer;transition:color var(--dur-fast)var(--ease-default);background:0 0;border:none;padding:0}.btn-text-accent{color:var(--accent)}.btn-text-accent:hover{color:color-mix(in srgb,var(--accent)75%,white)}.btn-text-danger{color:var(--error)}.btn-text-danger:hover{color:color-mix(in srgb,var(--error)75%,white)}.btn-resend{height:auto;font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text-dis);cursor:pointer;transition:color var(--dur-fast)var(--ease-default);animation:delayedFade 3.5s var(--ease-enter)forwards;background:0 0;border:none;padding:0}.btn-resend:hover{color:var(--text-sec)}.btn-icon{cursor:pointer;height:auto;transition:color var(--dur-fast)var(--ease-default);color:var(--text-dis);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.btn-icon:hover{color:var(--text-sec)}.btn-icon.active{color:var(--accent)}.input-container{align-items:center;gap:var(--u15);background:var(--surface);background-image:var(--surface-treatment);border-radius:var(--radius-pill);padding:0 var(--u25);height:var(--input-h);box-shadow:var(--glow-accent-rest),var(--shadow-surface);transition:box-shadow var(--dur-normal)var(--ease-float);border:none;display:flex}.input-container:focus-within{box-shadow:var(--glow-accent),var(--shadow-surface)}.input-container .input-bare{font-family:var(--font-ui);font-size:var(--type-base);color:var(--text);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-weight:400}.input-container .input-bare::placeholder{color:var(--text-dis)}.input-container .input-bare:disabled{opacity:.4}.input{height:var(--input-h-sm);padding:0 var(--u15);background:var(--input-panel-bg);border-radius:var(--u1);font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text);transition:box-shadow var(--dur-fast)var(--ease-default);caret-color:var(--accent);border:none;outline:none;font-weight:400}.input::placeholder{color:var(--text-dis)}.input:focus{box-shadow:inset 0 1px 4px #0000001f}.label{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-dis);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:400}.text-body{font-family:var(--font-ui);font-size:var(--type-base);color:var(--text)}.text-sec{font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text-sec)}.text-dis{font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text-dis)}.text-error{font-family:var(--font-ui);font-size:var(--type-sm);color:var(--error)}.spinner{border:1.5px solid color-mix(in srgb,var(--accent)20%,transparent);border-top-color:var(--accent);width:14px;height:14px;box-shadow:var(--glow-accent-subtle);border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin}.spinner-sm{width:12px;height:12px}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-accent{background:var(--accent)}.surface{background:var(--surface);background-image:var(--surface-treatment);border-radius:var(--radius-surface);padding:var(--u3);box-shadow:var(--shadow-surface);border:none}.overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--dur-normal)var(--ease-enter);position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.slide-panel{background:var(--surface);background-image:var(--surface-treatment);width:320px;height:100dvh;box-shadow:var(--shadow-panel);padding:var(--u3);z-index:100;transition:transform var(--dur-slow)var(--ease-float);border:none;flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.slide-panel.open{transform:translate(0)}@media (max-width:480px){.slide-panel{width:100%}}.toast-container{bottom:calc(var(--u3) + env(safe-area-inset-bottom,0px));z-index:200;gap:var(--u1);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{min-height:var(--u5);padding:var(--u1)var(--u2);background:var(--surface);background-image:var(--surface-treatment);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text);align-items:center;gap:var(--u1);animation:toastIn var(--dur-slow)var(--ease-float)forwards;box-shadow:inset 2px 0 0 var(--accent),var(--shadow-surface);pointer-events:auto;border:none;display:flex}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding-bottom:10vh;display:flex}.login-content{width:100%;max-width:360px;padding:0 var(--u25)}.login-brand{margin-bottom:var(--u4);text-align:center}.login-brand .brand{font-size:var(--type-lg);animation:5.5s ease-in-out infinite brandGlowLogin}.login-status{height:24px;padding-top:var(--u1);text-align:center}.login-status-text{font-family:var(--font-ui);font-size:var(--type-sm);color:var(--text-sec)}@media (max-width:480px){.login-page{padding-bottom:15vh}.login-content{padding:0 16px}}.chat-page{flex-direction:column;height:100dvh;display:flex}.chat-header{height:var(--header-h);z-index:10;flex-shrink:0;align-items:center;display:flex;position:relative}.chat-header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.chat-main{flex:1;position:relative;overflow:hidden auto}.chat-main:before{content:"";height:var(--u2);background:linear-gradient(to bottom,var(--bg)0%,transparent 100%);z-index:5;pointer-events:none;margin-bottom:calc(-1*var(--u2));display:block;position:sticky;top:0;left:0;right:0}.chat-messages{padding-top:var(--u4);padding-bottom:var(--u2)}.msg-user{justify-content:flex-end;display:flex}.msg-user-bubble{background:var(--surface-msg);background-image:var(--surface-treatment);border-radius:var(--radius-bubble);padding:var(--u15)var(--u2);max-width:75%;font-size:var(--type-base);color:var(--text);word-break:break-word;box-shadow:var(--shadow-surface);border:none;line-height:1.45}.msg-asst{font-size:var(--type-base);color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.55}.msg-streaming{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--text-dis);letter-spacing:.1em;animation:1.8s ease-in-out infinite streamPulse}.msg-label{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-dis);letter-spacing:.06em;text-transform:uppercase;margin-top:var(--u1);-webkit-user-select:none;user-select:none;font-weight:400}.chat-footer{padding:var(--u2)0 var(--u3);padding-bottom:calc(var(--u3) + env(safe-area-inset-bottom,0px));flex-shrink:0}.account-name{font-family:var(--font-ui);font-size:var(--type-base);color:var(--text);font-weight:500}.account-email{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-dis);word-break:break-all}.toggle-track{cursor:pointer;width:32px;height:16px;transition:background var(--dur-fast)var(--ease-default);border:none;border-radius:8px;flex-shrink:0;position:relative}.toggle-thumb{background:var(--bg);width:12px;height:12px;transition:left var(--dur-fast)var(--ease-default);border-radius:50%;position:absolute;top:2px}.key-dots{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-dis);letter-spacing:.05em}.slide-panel .btn-text{font-size:var(--type-sm)}.header-username{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-sec);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-fast)var(--ease-default);background:0 0;border:none;padding:0}.header-username:hover{color:var(--text)}@media (max-width:480px){.msg-user-bubble{max-width:85%}}@media (min-width:481px) and (max-width:768px){.msg-user-bubble{max-width:80%}}@media (min-width:1281px){.msg-user-bubble{max-width:70%}}