@import "/hublogic-studio.css?v=11";:root{--bg-bar:var(--bg-elevated);--bg-bubble:var(--bg-surface);--bg-bubble-user:var(--bg-surface-alt);--border-focus:var(--border-accent);--text-placeholder:var(--text-grey);--send:var(--accent);--send-hover:var(--accent-light);--glow:var(--accent-glow);--max-w:680px;--ease-soft:var(--ease-out);--danger:#f97066;--dur-fast:var(--motion-fast);--dur-med:var(--motion-medium);--dur-slow:var(--motion-slow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-weight:400;overflow:hidden}button,textarea,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app-shell{width:100%;height:100%;transition:background .6s var(--ease-soft);background:0 0;flex-direction:column;padding-top:58px;display:flex;position:relative}.showtime-header{z-index:45;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:10px clamp(16px,4vw,72px);position:fixed;top:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.showtime-header{animation:studio-fade-up var(--motion-medium) var(--ease-out) both}}.studio-header-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.studio-header-start{align-items:center;gap:4px;min-width:0;display:flex}.showtime-header .menu-trigger,.showtime-header .header-new-chat{width:36px;height:36px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;position:static}.showtime-header .auth-entry{max-width:none;position:static}.showtime-header .auth-entry-user{gap:0}.showtime-header .auth-entry-user .avatar{width:32px;height:32px}.app-shell.landing{justify-content:center;align-items:center}.app-shell.chatting{justify-content:flex-end}.app-shell.chatting:before{content:"";background:linear-gradient(to top, var(--bg) 40%, transparent);pointer-events:none;z-index:2;height:130px;animation:fade .55s var(--ease-soft) both;position:absolute;bottom:0;left:0;right:0}.landing-wrap{width:min(100%, var(--max-w));text-align:center;animation:fade-rise-center .7s var(--ease-out) both;flex-direction:column;align-items:center;gap:0;padding:0 24px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-100%)}.brand-lockup{justify-content:center;align-items:center;gap:12px;display:flex}.brand-mark{flex-shrink:0;width:clamp(36px,6vw,44px);height:clamp(36px,6vw,44px);display:block}.brand-name{color:var(--text-light);letter-spacing:-.045em;animation:brand-breathe 6s var(--ease-in-out) .7s infinite;font-size:clamp(30px,5vw,36px);font-weight:500;line-height:1.1}.confetti-layer{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;will-change:transform, opacity;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.8,.25,1);animation-fill-mode:forwards;position:absolute;top:-16px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-12vh)rotate(0)scale(1)}8%{opacity:1}55%{opacity:1;transform:translate(18px,48vh)rotate(380deg)scale(1)}to{opacity:0;transform:translate(-10px,112vh)rotate(780deg)scale(.85)}}.search-wrap{width:100%;max-width:var(--max-w);z-index:3;flex-direction:column;align-items:stretch;gap:10px;margin:0 auto;padding:0 20px 32px;display:flex}.app-shell.landing .search-wrap{animation:landing-search-in .75s var(--ease-out) 60ms both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-shell.chatting .search-wrap{animation:composer-settle .4s var(--ease-out) both;flex-shrink:0;padding-bottom:24px}.search-bar{background:var(--bg-elevated);border:1px solid var(--border);min-height:56px;box-shadow:none;transition:border-color var(--dur-med) var(--ease-soft), background var(--dur-med) var(--ease-soft), box-shadow var(--dur-med) var(--ease-out);border-radius:28px;align-items:flex-end;gap:8px;padding:10px;display:flex}.search-bar:focus-within{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-soft)}.app-version{letter-spacing:.04em;color:var(--text-grey);opacity:.85;transition:color var(--dur-fast) var(--ease-soft), opacity var(--dur-fast) var(--ease-soft);align-self:flex-end;margin:2px 12px 0 0;padding:0;font-size:.72rem;font-weight:500}.app-version:hover{color:var(--text-light);opacity:1}.search-attach{width:38px;height:38px;color:var(--text-grey);transition:color var(--dur-med) var(--ease-soft), background var(--dur-med) var(--ease-soft), transform var(--dur-med) var(--ease-spring), opacity var(--dur-med) var(--ease-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;display:flex}.search-attach:hover:not(:disabled){color:var(--text-light);background:var(--accent-soft);transform:scale(1.08)}.search-attach:active:not(:disabled){transform:scale(.94)}.search-attach:disabled{opacity:.35;cursor:default}.image-chips{animation:fade-up .35s var(--ease-out) both;flex-wrap:wrap;gap:8px;padding:0 4px;display:flex}.image-chip{border:1px solid var(--border);background:var(--bg-bar);width:64px;height:64px;animation:chip-in .45s var(--ease-out) both;transition:transform var(--dur-med) var(--ease-spring), border-color var(--dur-med) var(--ease-soft), box-shadow var(--dur-med) var(--ease-soft);border-radius:12px;position:relative;overflow:hidden}.image-chip:first-child{animation-delay:0s}.image-chip:nth-child(2){animation-delay:45ms}.image-chip:nth-child(3){animation-delay:90ms}.image-chip:nth-child(4){animation-delay:.135s}.image-chip:nth-child(5){animation-delay:.18s}.image-chip:hover{border-color:var(--border-focus);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #00000059}.image-chip img{object-fit:cover;width:100%;height:100%;display:block}.image-chip-remove{color:#eee;width:20px;height:20px;transition:background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-spring);background:#000000a6;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.image-chip-remove:hover{background:#000000d9;transform:scale(1.08)}.msg-images{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.msg-image{border:1px solid var(--border);object-fit:cover;background:var(--bg-bar);max-width:min(240px,70vw);max-height:200px;animation:image-in .55s var(--ease-out) both;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-soft);border-radius:12px}.msg-image:hover{transform:scale(1.02);box-shadow:0 10px 28px #00000059}.search-bar textarea{all:unset;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-light);caret-color:var(--text-light);white-space:pre-wrap;overflow-wrap:anywhere;resize:none;flex:1;min-height:24px;max-height:140px;padding:7px 0;font-family:inherit;font-size:15px;font-weight:400;line-height:1.45;display:block;overflow-y:auto}.search-bar textarea::placeholder{color:var(--text-placeholder)}.search-send{background:var(--send);width:36px;height:36px;color:var(--accent-on);transition:background .35s var(--ease-soft), transform .4s var(--ease-spring), opacity .35s var(--ease-soft), box-shadow .35s var(--ease-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1px;display:flex}.search-send:hover:not(:disabled){background:var(--send-hover);transform:scale(1.08);box-shadow:0 4px 16px #0f0f101f}.search-send:active:not(:disabled){transform:scale(.92)}.search-send:disabled{opacity:.28;cursor:default}.search-send.stop{background:var(--bg-surface-alt);color:var(--text-light);animation:stop-pulse 1.8s var(--ease-in-out) infinite}.reload-hint{display:none}.icon-btn{border:1px solid var(--border);background:var(--glass-fill);border-color:var(--glass-border);width:36px;height:36px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--text-grey);z-index:10;transition:color .25s var(--ease-soft), border-color .25s var(--ease-soft), background .25s var(--ease-soft), transform .25s var(--ease-spring);animation:fade-rise .6s var(--ease-out) both;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px}.icon-btn:hover{color:var(--text-light);border-color:var(--border-focus);background:var(--bg-surface)}.icon-btn:active{transform:scale(.94)}.icon-btn.new-chat{right:16px}.icon-btn.settings{right:60px}.status-badge{border:1px solid var(--border);background:var(--glass-fill);border-color:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--text-grey);letter-spacing:-.01em;z-index:10;animation:fade-rise .55s var(--ease-out) both;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11.5px;font-weight:500;display:inline-flex;position:absolute;top:16px;left:16px}.status-dot{background:var(--text-grey);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge.live .status-dot{background:var(--accent);animation:pulse-soft 2.2s var(--ease-soft) infinite;box-shadow:0 0 8px #0f0f1033}.chat-area{scroll-behavior:auto;width:100%;animation:chat-in .4s var(--ease-out) both;flex:1;padding:56px 20px 28px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 8px),#0000)}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{transition:background .25s var(--ease-soft);background:#a0a0a029;border-radius:999px}.chat-area::-webkit-scrollbar-thumb:hover{background:#a0a0a047}.thread{max-width:var(--max-w);flex-direction:column;gap:22px;margin:0 auto;display:flex}.msg{contain:content;display:flex}.msg-settled{content-visibility:auto;contain-intrinsic-size:auto 72px}.msg.user{animation:msg-in-user .32s var(--ease-out) both;justify-content:flex-end}.msg.assistant{animation:msg-in-assistant .36s var(--ease-out) both;justify-content:flex-start}.msg-content{color:var(--text);word-break:break-word;max-width:min(100%,620px);font-size:15px;font-weight:400;line-height:1.7}.msg-content.streaming-plain{white-space:pre-wrap;color:var(--text)}.msg-content.content-ready{animation:content-fade .28s var(--ease-out) both}.msg.user .msg-content{color:var(--text-light);background:var(--glass-fill-card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));white-space:pre-wrap;border-radius:20px 20px 6px;max-width:min(85%,520px);padding:12px 16px}.msg.assistant .msg-content{padding:2px}.msg-content strong{color:var(--text-light);font-weight:600}.md-link{color:var(--text-light);text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-soft), text-decoration-color var(--dur-fast) var(--ease-soft);-webkit-text-decoration:underline #ffffff47;text-decoration:underline #ffffff47}.md-link:hover{color:var(--accent-light);text-decoration-color:#ffffff80}.msg-sources{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}.msg-sources-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-grey);margin-bottom:2px;font-size:11px;font-weight:500}.msg-source{color:var(--text);transition:color var(--dur-fast) var(--ease-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.4;text-decoration:none;overflow:hidden}.msg-source:hover{color:var(--text-light)}.md-p{margin:0 0 8px}.md-gap{height:8px}.md-h{color:var(--text-light);letter-spacing:-.02em;margin:14px 0 8px;font-size:15px;font-weight:600}.md-h4{margin-top:12px;font-size:14px}.md-li{align-items:flex-start;gap:8px;margin:0 0 6px;display:flex}.md-bullet,.md-num{color:#9a9a9a;flex-shrink:0;min-width:1.1em;font-weight:500}.inline-code{color:var(--text-light);background:#ffffff14;border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.code-block{border:1px solid var(--border);background:var(--bg-bar);max-width:100%;animation:content-fade .4s var(--ease-out) both;border-radius:14px;margin:12px 0 14px;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);background:#ffffff0a;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.code-lang{color:#9a9a9a;text-transform:lowercase;letter-spacing:.02em;font-size:11px;font-weight:500}.code-copy{color:var(--text-grey);transition:color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-spring);border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.code-copy:hover{color:var(--text-light);background:var(--accent-soft);transform:translateY(-1px)}.code-block pre{max-height:420px;margin:0;padding:14px 16px;overflow-x:auto}.code-block code{color:var(--text-light);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55}.typing-cursor:after{content:"";vertical-align:-.12em;background:var(--accent);width:2px;height:1em;animation:caret-blink 1.4s var(--ease-soft) infinite;border-radius:1px;margin-left:3px;display:inline-block}.thinking{animation:fade-rise .5s var(--ease-out) both;align-items:center;gap:10px;padding:6px 2px;display:flex}.thinking-shimmer{letter-spacing:-.01em;background:linear-gradient(90deg,#8e8e99 0% 32%,#f2f2f4 50%,#8e8e99 68% 100%) 0 0/220% 100%;color:#0000;animation:thinking-shimmer 2s var(--ease-in-out) infinite;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:500}@keyframes thinking-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-banner{color:#c99;animation:error-in .45s var(--ease-out) both;background:#d9898912;border:1px solid #d9898938;border-radius:14px;padding:10px 14px;font-size:12.5px}.build-banner{border:1px solid var(--border);color:var(--text-light);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:12.5px;display:flex}.build-banner strong{font-weight:600}.build-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.build-preview,.build-deploy{cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.build-preview{color:var(--text-light);border:1px solid var(--border);background:0 0}.build-deploy{background:var(--accent);color:var(--accent-on)}.build-preview:disabled,.build-deploy:disabled{opacity:.45;cursor:default}.build-playability-warn{color:#e8b4b4;border-top:1px solid #d9898940;margin:0;padding:8px 12px;font-size:12px;line-height:1.4}.game-preview .build-playability-warn{background:#d989890f;padding:8px 14px}@media (width<=640px){.build-banner{flex-direction:column;align-items:stretch}.build-actions,.build-preview,.build-deploy{justify-content:center;width:100%}}.game-preview{z-index:70;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.game-preview-bar{color:var(--text-light);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.game-preview-close{width:36px;height:36px;color:var(--text-light);border:1px solid var(--border);background:0 0;border-radius:10px;place-items:center;display:grid}.game-preview-stage{flex:1;min-height:0;display:flex}.game-preview-stage iframe{background:var(--bg-elevated);border:0;flex:1;width:100%;height:100%}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;animation:fade var(--motion-fast) var(--ease-out);background:#060708b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);width:min(420px,100%);animation:fade-rise .3s var(--ease-out);border-radius:20px;padding:22px;box-shadow:0 16px 48px #0f0f101f}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.modal h2{color:var(--text-light);letter-spacing:-.02em;font-size:17px;font-weight:500}.modal .desc{color:var(--text-grey);margin:0 0 18px;font-size:13px;line-height:1.55}.modal a{color:var(--send);border-bottom:1px solid #c8c8c847;text-decoration:none}.modal a:hover{border-bottom-color:#dcdcdc8c}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field label{color:var(--text-grey);font-size:12px;font-weight:500}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text-light);transition:border-color .25s var(--ease-soft);border-radius:14px;outline:none;padding:12px 14px;font-size:13px}.field input:focus{border-color:var(--border-focus)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.btn-ghost{color:var(--text-grey);transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-radius:999px;padding:9px 14px;font-size:13px}.btn-ghost:hover{color:var(--text-light);background:var(--accent-soft)}.btn-primary{background:var(--send);color:var(--accent-on);transition:background .2s, transform .2s var(--ease-spring);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:500}.btn-primary:hover{background:var(--send-hover)}.btn-primary:active{transform:scale(.97)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-rise-center{0%{opacity:0;transform:translate(-50%,calc(12px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes landing-search-in{0%{opacity:0;transform:translate(-50%,36px)scale(.985)}to{opacity:1;transform:translate(-50%,22px)scale(1)}}@keyframes composer-settle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}@keyframes chat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes msg-in-user{0%{opacity:0;transform:translate(10px,8px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes msg-in-assistant{0%{opacity:0;transform:translate(-6px,8px)}to{opacity:1;transform:translate(0,0)}}@keyframes content-fade{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes image-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes error-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes brand-breathe{0%,to{opacity:.9}50%{opacity:1}}@keyframes stop-pulse{0%,to{box-shadow:0 0 #b4b4b400}50%{box-shadow:0 0 0 5px #b4b4b41f}}@keyframes caret-blink{0%,42%{opacity:1}58%,to{opacity:.15}}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{filter:none!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-name{opacity:1!important;animation:none!important}.search-send.stop{animation:none!important}.msg-content.content-ready{opacity:1!important;animation:none!important}}@media (width<=640px){.search-wrap{padding:0 14px 22px}.chat-area{padding:64px 14px 20px}.thread{gap:18px}.icon-btn.settings{right:56px}.modal-card{max-height:min(88vh,720px)}}.yt-sub{z-index:40;text-align:right;max-width:min(240px,100vw - 80px);color:var(--text-light);text-underline-offset:3px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;position:fixed;top:66px;right:16px}.yt-sub:hover{text-decoration:underline}.auth-entry{z-index:40;color:var(--text-light);text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:min(280px,100vw - 80px);font-size:13px;font-weight:500;text-decoration:none;position:fixed;top:52px;right:16px;overflow:hidden}.auth-entry:hover{text-decoration:underline}.auth-entry-user{color:var(--text);align-items:center;gap:8px;display:inline-flex;overflow:hidden}.auth-entry-user:hover{text-decoration:none}.auth-page{flex-direction:column;align-items:center;min-height:100%;padding:48px 20px 40px;display:flex;overflow:auto}.auth-brand{color:var(--text-light);letter-spacing:-.03em;margin-bottom:28px;font-size:1.2rem;font-weight:600;text-decoration:none}.auth-card{background:var(--bg-bar);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;width:min(420px,100%);padding:28px 24px 22px;display:flex}.auth-card h1{color:var(--text-light);letter-spacing:-.03em;font-size:1.45rem}.auth-lede,.auth-hint{color:var(--text);font-size:.92rem;line-height:1.45}.auth-hint a{color:var(--text-light)}.auth-card label{color:var(--text);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.auth-card input{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-light);border-radius:10px;padding:11px 12px}.auth-card input:focus{border-color:var(--border-focus);outline:none}.auth-err{color:var(--danger);font-size:.88rem}.auth-submit{background:var(--send);color:var(--accent-on);border-radius:999px;margin-top:6px;padding:12px 16px;font-weight:500}.auth-submit:hover:not(:disabled){background:var(--send-hover)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-ok{color:var(--ok,#171717);font-size:.88rem}.account-card{gap:16px}.account-card form{flex-direction:column;gap:12px;display:flex}.profile-head{align-items:center;gap:16px;display:flex}.profile-head h1{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.25rem;display:flex}.avatar-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-btn{color:var(--text-light);border:1px solid var(--border);background:0 0;border-radius:999px;padding:12px 16px;font-weight:500}.avatar{object-fit:cover;background:var(--bg-elevated,#ffffff0f);color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:88px;height:88px;font-size:28px}.user-identity{align-items:center;gap:10px;min-width:0;display:inline-flex}.user-identity.compact{gap:8px}.user-identity-text{text-align:left;flex-direction:column;min-width:0;display:flex}.user-identity-name{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.user-identity-handle{color:var(--text);font-size:.78rem}.rank-marks{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.vip-mark{color:#e0b322;font-style:italic;font-weight:500}.rank-hyper,.rank-cool,.rank-awesome,.rank-mega{letter-spacing:.02em;font-style:italic;font-weight:600}.rank-hyper{color:#3b8cff}.rank-cool{color:#c5c9d1}.rank-awesome{color:#3dcf6a}.rank-mega{background:linear-gradient(90deg,#ff3b3b,#ffae00,#4dff6a,#3db8ff,#c45cff,#ff3b3b) 0 0/220%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite mega-shift}@keyframes mega-shift{to{background-position:220%}}.side-account{background:var(--accent-soft);border-radius:12px;margin:4px 12px 10px;padding:10px 12px;text-decoration:none;display:block}.side-account:hover{background:var(--accent-soft)}.side-nav a.side-nav-item{text-decoration:none;display:block}.menu-trigger{z-index:40;width:40px;height:40px;color:var(--text-light);background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));transition:background var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);border-radius:12px;place-items:center;display:grid;position:fixed;top:16px;left:16px}.menu-trigger:hover,.clear-chat-trigger:hover{background:var(--glass-fill-strong);border-color:var(--border-focus)}.clear-chat-trigger{z-index:40;width:40px;height:40px;color:var(--text-light);background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));transition:background var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);border-radius:12px;place-items:center;display:grid;position:fixed;top:16px;left:64px}.drawer-backdrop,.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-med) var(--ease-soft);background:#0000008c;position:fixed;inset:0}.modal-backdrop{z-index:60;place-items:center;padding:20px;display:grid}.side-drawer{z-index:55;background:var(--glass-fill-strong);border-right:1px solid var(--glass-border);width:min(300px,86vw);height:100%;box-shadow:var(--glass-shadow-elevated);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));transition:transform var(--dur-med) var(--ease-out);flex-direction:column;padding:18px 16px 24px;display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.side-drawer.open{transform:translate(0)}.side-drawer-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.side-drawer-brand{color:var(--text-light);letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.side-version{letter-spacing:.04em;color:var(--text-grey);opacity:.8;align-self:flex-start;margin-top:auto;padding:16px 4px 0;font-size:.72rem;font-weight:500}.side-version:hover{color:var(--text-light);opacity:1}.side-nav{flex-direction:column;gap:4px;display:flex}.side-nav-item{text-align:left;color:var(--text);transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);border-radius:10px;padding:12px}.side-nav-item:hover{background:var(--accent-soft);color:var(--text-light)}.side-nav-item:disabled{opacity:.4;cursor:default}.side-nav-item:disabled:hover{color:var(--text);background:0 0}.chat-history{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:18px;padding-top:14px;display:flex}.chat-history-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim,#7d8b99);margin:0;padding:0 12px;font-size:.72rem;font-weight:600}.chat-history-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.chat-history-row{align-items:center;gap:2px;display:flex}.chat-history-item{text-align:left;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;flex:1;padding:9px 12px;font-size:.9rem;overflow:hidden}.chat-history-item:hover,.chat-history-item.active{background:var(--accent-soft);color:var(--text-light)}.chat-history-delete{width:32px;height:32px;color:var(--text);opacity:.55;border-radius:8px;flex:none;place-items:center;display:grid}.chat-history-delete:hover{opacity:1;color:var(--text-light);background:var(--accent-soft)}.modal-card{background:var(--bg-bar);border:1px solid var(--border);width:min(440px,100%);max-height:min(84vh,720px);animation:rise-in var(--dur-med) var(--ease-out);border-radius:18px;padding:28px 24px 22px;position:relative;overflow:auto;box-shadow:0 16px 48px #0f0f101f}.panel-card{width:min(480px,100%)}.modal-close{width:34px;height:34px;color:var(--text-grey);border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text-light);background:var(--accent-soft)}.intro-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-grey);margin-bottom:8px;font-size:.72rem}.intro-title,.panel-title{color:var(--text-light);letter-spacing:-.03em;margin-bottom:8px;padding-right:28px;font-size:1.55rem;font-weight:600}.intro-features-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-grey);margin:14px 0 12px;font-size:.8rem;font-weight:600}.intro-lead,.panel-copy{color:var(--text);margin-bottom:18px;font-size:.95rem;line-height:1.55}.feature-list{flex-direction:column;gap:14px;margin:0 0 22px;list-style:none;display:flex}.feature-list li{flex-direction:column;gap:3px;display:flex}.feature-list strong{color:var(--text-light);font-size:.95rem;font-weight:600}.feature-list span{color:var(--text-grey);font-size:.88rem;line-height:1.45}.intro-cta{background:var(--send);width:100%;color:var(--accent-on);transition:background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);border-radius:999px;padding:12px 16px;font-weight:500}.intro-cta:hover{background:var(--send-hover)}.panel-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-grey);margin:18px 0 8px;font-size:.8rem}.panel-link,.feedback-mail{color:var(--text-light);align-items:center;gap:8px;margin-top:6px;text-decoration:none;display:inline-flex}.panel-link:hover,.feedback-mail:hover{text-decoration:underline}.feedback-mail{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;margin-top:4px;padding:12px 14px}.changelog-block{margin-bottom:16px}.changelog-block.current{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;margin-left:-12px;margin-right:-12px;padding:10px 12px}.changelog-date{color:var(--text-light);align-items:baseline;gap:10px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}.changelog-date-meta{color:var(--text-grey);font-size:.75rem;font-weight:500}.changelog-list{color:var(--text-grey);padding-left:18px;font-size:.88rem;line-height:1.5}.changelog-list li{margin-bottom:4px}.app-shell.booting .search-wrap{opacity:.55;pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}