@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#07090e;--panel:#0d1119;--line:rgba(255,255,255,.067);--muted:#7f899b;--text:#edf0f6;--red:#ef4444;--cyan:#06b6d4;--ease:cubic-bezier(.16,1,.3,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea,select{outline:none}input,textarea,select{width:100%;border:1px solid #252b38;border-radius:9px;background:#0b0e16;color:var(--text);padding:12px 13px;transition:border .3s var(--ease),box-shadow .4s var(--ease)}input:focus,textarea:focus,select:focus{border-color:#087d92;box-shadow:0 0 0 3px #06b6d416,0 0 25px #06b6d40c}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}select{cursor:pointer}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#566073}label{display:block;font-size:12px;font-weight:500;line-height:1.7}label input,label select,label textarea{margin-top:7px}label .muted{display:block;font-size:10px;font-weight:400}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.04em}p{line-height:1.7}h3{font-size:18px}strong{font-weight:550}[hidden]{display:none!important}.muted{color:var(--muted)}.mono,kbd,.eyebrow,.nav-label{font-family:"SF Pro Mono",Consolas,"Liberation Mono",monospace}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:500}.crimson-text{color:var(--red)}.cyan-text{color:var(--cyan)}.lavender-text{color:#a78bfa}.glass{background:rgba(15,23,42,.4);backdrop-filter:blur(48px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #00000016}.ambient-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#75819407 1px,transparent 1px),linear-gradient(90deg,#75819407 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 78%);pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #2b3241;border-radius:8px;background:#141a25;font-size:12px;font-weight:550;line-height:1.4;transition:transform .5s var(--ease),background .5s var(--ease),border-color .5s var(--ease)}.button:hover{background:#1d2533;transform:translateY(-1px);border-color:#4c5669}.button.primary{background:var(--red);border:1px solid #ff6262;color:#fff;box-shadow:0 2px 12px #ef44441d}.button.primary:hover{background:#ff5555;box-shadow:0 4px 26px #ef44442b}.button.compact{padding:8px 12px;font-size:11px}.button.danger{border-color:#ef444444;color:#fb8181;background:#ef44440c}.button.success{border-color:#06b6d450;background:#06b6d40d;color:#66d9ec}.button.full{width:100%}.button svg{width:16px;height:16px}.text-button{border:0;background:none;padding:0;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.text-button:hover,.text-button.active{color:#edf0f6}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:0;border-radius:7px;color:var(--muted)}.icon-button:hover{background:#ffffff08;color:white}.icon-button svg{width:16px;height:16px}.brand{display:flex;gap:10px;align-items:center;font-size:27px;font-weight:650;letter-spacing:-1.2px}.brand-ai{font-size:13px;font-weight:500;letter-spacing:0;color:#9ba2b1;margin-left:5px;vertical-align:top;line-height:2}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ef444445;border-radius:11px;background:linear-gradient(140deg,#ef444416,#ef444405);color:var(--red)}.brand-mark svg{width:26px;height:26px}.live-dot,.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;box-shadow:0 0 8px #06b6d465}.live-dot{animation:breathe 3s infinite}.avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #404050;border-radius:9px;background:linear-gradient(145deg,#333144,#181823);color:#c8c3dd;font-size:12px}.avatar.small{width:28px;height:28px;border-color:#264449;background:#123038;color:#6cbbc4;font-size:11px}.avatar.tiny{width:26px;height:26px;background:#22202a;font-size:10px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:10px;color:#9da5b3;white-space:nowrap}.notice{border:1px solid #dba14440;background:#dba1440b;color:#e3c18c;border-radius:8px;padding:13px 15px;font-size:12px;line-height:1.7}.notice.cyan{border-color:#06b6d42b;background:#06b6d408;color:#92cbd5}.error{color:#ff8989;font-size:12px;min-height:16px;line-height:1.6}.gate{display:grid;grid-template-columns:1.13fr 1fr;min-height:100vh}.gate-story{position:relative;overflow:hidden;padding:46px 56px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 40%,#121c2a55,transparent 60%)}.story-copy{margin:83px 0 255px;z-index:1}.story-copy .eyebrow{display:flex;align-items:center;gap:12px;color:#8e98a9}.story-copy h1{font-size:clamp(46px,5.2vw,83px);letter-spacing:-.068em;line-height:1.07;margin:26px 0}.story-copy em{font-style:normal;color:#6f7786}.story-copy p{font-size:13px;color:#919bad;line-height:1.9}.orbit-art{position:absolute;width:550px;height:370px;bottom:48px;right:-110px;perspective:600px}.orbit{position:absolute;inset:45px 20px;border:1px solid #343d54;border-radius:50%;transform:rotate(-25deg) rotateX(62deg);box-shadow:0 0 35px #06152344,inset 0 0 30px #0b141f44}.o1{border-top-color:#ef4444;border-right-color:#ef44445a;box-shadow:0 -5px 40px #ef444421}.o2{inset:78px 65px;transform:rotate(-25deg) rotateX(62deg);border-bottom-color:#06b6d4;box-shadow:0 12px 35px #06b6d422}.o3{inset:108px 110px;border-color:#36435155;transform:rotate(-25deg) rotateX(62deg)}.orbit-core{position:absolute;left:239px;top:139px;font-size:60px;font-weight:200;transform:rotate(-15deg);color:#82919950}.orbital-label{position:absolute;left:112px;bottom:30px;font:9px Consolas,monospace;letter-spacing:2px;color:#535d6e}.genesis-mark{margin-top:auto;display:flex;align-items:center;gap:9px;font:9px Consolas,monospace;letter-spacing:1px;color:#697487;z-index:1}.genesis-mark>span:last-child{margin-left:auto;color:#404958;font-size:8px}.tiny-line{height:1px;width:26px;background:#ef4444}.gate-panel{padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 100% 30%,#ef444407,transparent 60%)}.auth-card{max-width:420px;width:100%;padding:32px;border-radius:16px}.gate-lock{width:42px;height:42px;display:grid;place-items:center;border:1px solid #06b6d430;border-radius:12px;color:var(--cyan);background:#06b6d407;box-shadow:0 0 30px #06b6d40b;margin-bottom:25px}.auth-card>.eyebrow{font-size:9px;color:#727f90}.auth-card h2{font-size:29px;margin:12px 0 6px}.auth-card>p{font-size:12px}.segmented{display:flex;gap:3px;background:#05070c;border:1px solid var(--line);border-radius:8px;padding:4px;margin:24px 0}.segmented button{flex:1;background:none;border:1px solid transparent;border-radius:5px;padding:9px 13px;color:#828b9b;font-size:11px;white-space:nowrap;transition:background .4s var(--ease),color .4s var(--ease)}.segmented button.active{border-color:#282e3b;background:#191e29;color:#f2f4f8;box-shadow:0 2px 5px #0004}.auth-card form>label{margin-top:16px}.auth-card .notice{margin-bottom:15px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.7;color:#a1aabb}.checkbox-label input{width:14px;margin-top:2px;accent-color:var(--red)}.auth-card .error{margin:12px 0}.auth-note{margin-top:20px!important;display:flex;align-items:center;justify-content:center;gap:7px;color:#667184;font-size:10px!important}.auth-note svg{width:13px;height:13px}.gate-footer{max-width:420px;width:100%;margin-top:26px;display:flex;justify-content:space-between;color:#505c6e;font-size:9px}.birthday-banner{width:100%;max-width:420px;border:1px solid #ef44442b;border-radius:10px;padding:13px 18px;margin-bottom:18px;background:linear-gradient(120deg,#ef44440c,#06b6d405)}.birthday-banner>span{color:#ee9a9a;font:9px Consolas,monospace;letter-spacing:1px}.birthday-banner p{font-size:11px;color:#a2a9b9;margin-top:4px}.birthday-banner strong{color:#e6d4d4}.workspace{display:flex;height:100dvh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);background:#090c12f5;padding:28px 17px 0;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 33px;font-size:25px}.sidebar .brand-mark{width:32px;height:32px;border-radius:8px}.sidebar .brand-mark svg{width:23px;height:23px}.workspace-label{display:flex;gap:9px;align-items:center;padding:10px 9px;margin-bottom:19px;border:1px solid var(--line);border-radius:8px;font-size:10px;font-weight:500}.workspace-label small{display:block;color:#6b7588;font-size:9px;margin-top:4px}.workspace-label .status-dot{margin-left:auto;box-shadow:none}.new-chat{justify-content:flex-start;width:100%;background:#161b25;border-color:#303641;font-size:11px;margin-bottom:27px;padding:10px}.new-chat svg{width:15px}.new-chat kbd{margin-left:auto;color:#8490a0;font-size:13px;font-weight:400}.nav-label{font-size:8px;color:#505d72;letter-spacing:1.2px;margin:0 12px 12px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;background:none;border:1px solid transparent;border-radius:7px;padding:11px 10px;margin-bottom:4px;color:#8a95a7;font-size:11px;text-align:left;transition:background .4s var(--ease),color .4s var(--ease)}.nav-item svg{width:16px;height:16px}.nav-item:hover{background:#ffffff04;color:#d5dce5}.nav-item.active{background:linear-gradient(90deg,#ef444414,#ef444408);border-color:#ef44441f;color:#f29090}.nav-tag{margin-left:auto;font:7px Consolas,monospace;color:#746579;border:1px solid currentColor;border-radius:3px;padding:2px 3px}.nav-tag.cyan-text{color:#398b9a;border-color:#16404a}.count{margin-left:auto;border-radius:4px;background:#ef444427;color:#f58b8b;font-size:9px;padding:2px 5px}.recent-head{margin-top:35px;display:flex;justify-content:space-between}.recent-threads{flex:1;min-height:20px;overflow:auto}.recent-threads button{border:0;background:transparent;color:#747f91;font-size:10px;display:block;width:100%;padding:9px 11px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:6px}.recent-threads button:hover,.recent-threads button.active{background:#ffffff05;color:#c3ccdb}.recent-empty{font-size:10px;color:#485365;padding:6px 12px}.sidebar-bottom{padding-top:20px}.credit-mini{border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:12px;background:linear-gradient(125deg,#0b182057,#0b0e13)}.credit-mini>div{display:flex;align-items:center;gap:5px;font-size:9px;color:#95a4b7}.credit-mini>div svg{width:12px;height:12px;color:var(--cyan)}.credit-mini strong{margin-left:auto;font:11px Consolas,monospace;color:#d9e4f1}progress{display:block;width:100%;height:3px;border:0;border-radius:2px;margin:12px 0;background:#1e2934;accent-color:var(--cyan)}progress::-webkit-progress-bar{background:#1e2934;border-radius:2px}progress::-webkit-progress-value{background:var(--cyan);border-radius:2px}.credit-mini small{font-size:8px;color:#617086}.credit-mini .text-button{border-top:1px solid var(--line);margin-top:12px;padding-top:11px;font-size:9px;width:100%;color:#929baa}.credit-mini .text-button span{margin-left:auto}.account-row{border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;margin-top:16px;padding:18px 4px}.account-row strong{display:block;font-size:10px;max-width:115px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.account-row small{font-size:8px;color:#718095;display:block;margin-top:4px}.account-row .icon-button{margin-left:auto}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:69px;flex-shrink:0;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090c12a8;backdrop-filter:blur(24px)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:10px;color:#59677b}.breadcrumb span{color:#323e50}.breadcrumb strong{font-weight:400;color:#b6c0cf}.topbar-right{display:flex;align-items:center;gap:19px}.connection{font:8px Consolas,monospace;letter-spacing:.8px;display:flex;align-items:center;gap:7px;color:#83a2ac}.divider{width:1px;height:15px;background:#212936}.genesis-top{font:8px Consolas,monospace;letter-spacing:1px;color:#4d5a6e}.genesis-top b{color:#818c9c;font-weight:400;margin-left:5px}#main-content{flex:1;min-height:0;overflow:auto}.view{animation:arrive .55s var(--ease)}.chat-view{display:grid;grid-template-columns:minmax(0,1fr) 255px;min-height:100%;height:100%}.chat-column{min-width:0;display:flex;flex-direction:column;padding:28px 34px 0;min-height:0}.chat-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-shrink:0}.chat-heading .eyebrow{font-size:8px;color:#69788f;letter-spacing:1.4px}.chat-heading h2{font-size:14px;letter-spacing:-.02em;margin-top:9px;color:#aeb9ca}.chat-heading .pill{font-size:8px;padding:6px 8px}.chat-heading .pill .live-dot{width:4px;height:4px}.chat-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#273042 transparent}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:42px 0 24px;text-align:center}.welcome-glyph{position:relative;display:grid;place-items:center;width:67px;height:67px;border-radius:20px;border:1px solid #ef444432;background:linear-gradient(135deg,#ef44440f,#111925);box-shadow:0 0 65px #ef444410;margin:0 auto 30px;color:#eb6262}.welcome-glyph>svg{height:38px;width:38px;stroke-width:1.2}.glyph-orbit{position:absolute;inset:-9px;border:1px solid #818a9b0d;transform:rotate(15deg);border-radius:22px}.welcome>.eyebrow{color:#75849b;font-size:8px;letter-spacing:2px}.welcome h1{font-size:clamp(30px,3.3vw,51px);line-height:1.14;letter-spacing:-.06em;margin:17px 0 17px}.welcome h1 span{background:linear-gradient(105deg,#dce0e7 0%,#8695aa 45%,#51647d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome>p{font-size:11px;color:#7a869b}.suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:39px;width:100%;max-width:710px}.suggestion-grid button{position:relative;min-height:123px;text-align:left;background:linear-gradient(150deg,#111721bb,#0b101855);border:1px solid var(--line);border-radius:9px;padding:17px 14px;transition:transform .6s var(--ease),border .5s var(--ease)}.suggestion-grid button:hover{transform:translateY(-4px);border-color:#06b6d446;background:#10212b55}.suggestion-icon{font-size:19px;font-weight:300;display:block;line-height:1;margin-bottom:13px}.suggestion-grid strong{display:block;font-size:10px;letter-spacing:-.015em}.suggestion-grid small{display:block;font-size:8px;color:#69788e;line-height:1.6;margin-top:6px;max-width:150px}.arrow-mini{position:absolute;top:16px;right:15px;color:#475365;font-size:12px}.composer-area{padding-top:17px;flex-shrink:0}.composer{border:1px solid #2b3342;background:linear-gradient(110deg,#131923dd,#10141cdd);border-radius:12px;box-shadow:0 6px 30px #00000030;transition:border-color .5s var(--ease),box-shadow .5s var(--ease)}.composer:focus-within{border-color:#06b6d466;box-shadow:0 0 0 1px #06b6d417,0 0 35px #06b6d409}.composer textarea{border:0;background:none;box-shadow:none!important;padding:19px 19px 0;resize:none;font-size:12px;min-height:70px;max-height:170px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 11px 11px 19px;gap:9px}.composer-bottom>div{display:flex;align-items:center;gap:13px}.composer-model{font-size:9px;color:#9eacbf;background:#111923;border:1px solid #273141;border-radius:5px;padding:6px 8px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-cost{font-size:8px;color:#536278}.send-button{width:31px;height:31px;border-radius:7px;background:#ef4444;color:white;border:1px solid #fc5b5b;display:grid;place-items:center}.send-button svg{width:16px}.composer-disclosure{display:flex;gap:6px;align-items:center;justify-content:center;color:#4f5c70;font-size:8px;padding:12px 0 16px}.composer-disclosure svg{width:11px;height:11px}.context-panel{border-left:1px solid var(--line);padding:30px 20px;background:#0a0e1555;overflow:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;font:8px Consolas,monospace;letter-spacing:1.5px;color:#6d7b91;margin-bottom:25px}.panel-heading svg{width:12px;height:12px}.model-card{background:linear-gradient(140deg,#121b28aa,#11162055);border:1px solid #23304677;border-radius:10px;padding:15px}.model-symbol{height:32px;width:32px;border-radius:9px;background:#06b6d40d;border:1px solid #06b6d433;display:grid;place-items:center;font-size:22px;color:#54b6c5;margin-bottom:16px}.model-card .eyebrow{font-size:7px;color:#607590;letter-spacing:1px}.model-card label{font-size:12px;margin:8px 0 10px}.model-card select{font-size:10px;padding:9px 6px;background:#0a101a;border-color:#273548}.model-card p{font-size:8px;margin-top:9px}.model-card .text-button{font-size:8px;margin-top:16px;justify-content:space-between;width:100%}.orbit-metrics{margin:22px 1px;border-bottom:1px solid var(--line);padding-bottom:17px}.orbit-metrics>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin-bottom:13px}.orbit-metrics span{color:#616f84}.orbit-metrics strong{font-weight:400;color:#a0aec1}.mini-section>.eyebrow{font-size:7px;letter-spacing:1px;color:#596d85;margin-bottom:11px}.mini-section select{font-size:10px;padding:9px;border-color:#202c3c}.mini-section p{font-size:8px;color:#506178;margin-top:9px;line-height:1.8}.genesis-card{position:relative;overflow:hidden;border:1px solid #06b6d418;background:radial-gradient(ellipse at 100% 100%,#06b6d40d,transparent),#0d151e77;border-radius:10px;padding:18px;margin-top:26px}.genesis-card .eyebrow{font-size:6px;letter-spacing:1.5px;color:#547587}.genesis-card>svg{display:block;color:#30545e;width:27px;height:27px;margin:22px 0 15px}.genesis-card h3{font-size:18px;font-weight:400;color:#c1cfda;line-height:1.25}.genesis-card p{font-size:8px;color:#60788d;margin-top:12px}.genesis-code{border-top:1px solid #27445155;margin-top:23px;padding-top:13px;color:#375665;font:7px Consolas,monospace;letter-spacing:1px}.workspace-footer{height:31px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:7px;letter-spacing:1px;color:#3a475a}.workspace-footer b{font-size:6px;font-weight:400;letter-spacing:0;color:#52617a;margin-left:4px}.messages{padding:24px 0}.message-pair{margin:0 0 30px;animation:arrive .4s var(--ease)}.message-label{display:flex;gap:8px;align-items:center;color:#718198;font:8px Consolas,monospace;letter-spacing:1px;margin-bottom:10px}.message-label svg{height:14px;width:14px;color:var(--cyan)}.prompt-text{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 17px;background:#151b25;border:1px solid #252e3d;border-radius:10px 10px 2px 10px;margin-left:35px;line-height:1.7}.response-block{margin-top:22px;padding:0 5px}.response-text{white-space:pre-wrap;font-size:12px;line-height:1.9;overflow-wrap:anywhere;color:#cdd6e4}.response-text code{white-space:pre-wrap}.job-notice{padding:13px;border:1px solid #e4ae4330;background:#e4ae4306;border-radius:8px;color:#b39a6d;font-size:11px;line-height:1.7;display:flex;gap:10px;align-items:center}.job-notice svg{height:15px;width:15px}.job-notice.denied,.job-notice.failed{border-color:#ef444435;background:#ef444408;color:#db9090}.job-notice.approved{border-color:#06b6d432;color:#66b7c5;background:#06b6d407}.page-view{padding:38px 40px;max-width:1550px;margin:auto}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:31px}.page-title .eyebrow{font-size:8px;color:#7e8fa7}.page-title h1{font-size:36px;line-height:1.3;margin:9px 0}.page-title h1>span{color:var(--red)}.page-title p{font-size:12px;color:#78889e}.page-title .pill{font:8px Consolas,monospace}.studio-prompt{padding:23px;border-radius:12px;margin-bottom:25px}.studio-prompt>label{font-size:14px;margin-bottom:13px}.studio-prompt textarea{background:#080d1577;border-color:#263145;font-size:12px}.studio-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:15px}.studio-toolbar label{font-size:9px;color:#7e8ba0;max-width:360px;flex:1}.studio-toolbar select{font-size:11px;padding:9px}.studio-board{border:1px solid #2b3546;border-radius:11px;overflow:hidden;background:#0b1018}.preview-toolbar{display:flex;align-items:center;gap:15px;padding:12px 17px;border-bottom:1px solid #293143;min-height:53px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#3e495d}.window-dots i:first-child{background:#ef4444a0}.preview-toolbar>span{font:8px Consolas,monospace;color:#73839a}.preview-actions{margin-left:auto;display:flex;gap:15px;align-items:center}.preview-actions .text-button{font-size:9px}.preview-empty{min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:radial-gradient(#2b394b 1px,transparent 1px);background-size:22px 22px}.preview-empty svg{height:35px;width:35px;color:#41586f;margin-bottom:22px}.preview-empty h3{font-size:20px;color:#c1d0df}.preview-empty p{font-size:11px;text-align:center;color:#677c96;margin-top:11px}#site-preview{width:100%;display:block;border:0;background:white;height:560px;margin:auto;transition:width .7s var(--ease)}#site-preview.mobile{width:375px;max-width:100%}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 18px}.section-line h3{font-size:16px}.section-line>span{font-size:9px}.site-history{display:grid;gap:12px}.history-card,.broadcast-card{border:1px solid var(--line);border-radius:9px;background:#10172266;padding:16px;display:flex;align-items:center;gap:16px}.history-card>div:first-child{flex:1;min-width:0}.history-card h4{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.history-card p,.broadcast-card p{font-size:10px;color:#697b95;margin-top:5px}.badge{font:8px Consolas,monospace;padding:5px 7px;border-radius:4px;border:1px solid #6c809333;color:#a1b3c4;white-space:nowrap}.badge.pending,.badge.queued,.badge.generating{color:#ccac72;border-color:#a7864c44;background:#a7864c09}.badge.approved,.badge.paid{color:#72c8c9;border-color:#33858c44;background:#33858c09}.badge.denied,.badge.failed,.badge.rejected,.badge.cancelled,.badge.expired{color:#d77e8e;border-color:#913a4644;background:#913a4609}.summary-strip{padding:18px 23px;display:flex;gap:40px;border-radius:10px;margin-bottom:25px;flex-wrap:wrap}.summary-strip div span{display:block;color:#687b96;font-size:9px;margin-bottom:6px}.summary-strip strong{font-size:16px;font-weight:450}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tier-card{position:relative;padding:22px;border:1px solid #273346;border-radius:11px;background:linear-gradient(125deg,#141c28a0,#0b111b90);display:flex;flex-direction:column;min-height:254px}.tier-card.featured{border-color:#ef444466;background:linear-gradient(130deg,#25172370,#0d1520)}.tier-card .tier-number{font:8px Consolas,monospace;color:#475d75;letter-spacing:1px;margin-bottom:14px}.tier-card h3{font-size:17px;font-weight:500}.tier-price{font-size:34px;letter-spacing:-1.6px;margin:17px 0 10px;font-weight:500}.tier-price span{font-size:10px;color:#8192aa;letter-spacing:0;margin-left:6px}.tier-card p{font-size:10px;color:#7c8ea7;line-height:1.8}.tier-card .grant{font-size:9px;margin-top:5px;color:#566e8a}.tier-card .button{margin-top:auto;width:100%;padding:9px;font-size:10px}.tier-card .tier-info{padding-bottom:20px}.billing-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:26px;padding-bottom:5px}.billing-notes p{font-size:10px;color:#687d97}.billing-notes strong{display:block;color:#9cadc1;margin-bottom:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#0c121c66}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}th{color:#60758f;font:8px Consolas,monospace;letter-spacing:.8px;background:#121a26;padding:15px;text-transform:uppercase}td{padding:16px 15px;border-top:1px solid var(--line);color:#bbc6d6;font-size:10px}td small{display:block;color:#5c718d;font-size:8px;margin-top:5px}td .button{padding:6px 8px;font-size:9px}.table-actions{display:flex;gap:6px;align-items:center}.empty-state{border:1px dashed #28374b;border-radius:10px;padding:40px 24px;text-align:center;color:#607794;font-size:12px;line-height:1.8}.empty-state svg{display:block;height:27px;width:27px;margin:0 auto 14px;color:#345069}.owner-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:20px;border:1px solid var(--line);background:#10172377;border-radius:10px}.metric>span{font:8px Consolas,monospace;color:#657e9a;letter-spacing:.6px}.metric>strong{display:block;font-size:26px;font-weight:400;margin:12px 0 5px}.metric>small{font-size:8px;color:#526b88}.owner-tabs{overflow:auto;justify-content:flex-start;margin:27px 0}.owner-tabs button{flex:none;font-size:10px;padding:9px 15px}.review-card{padding:23px;border:1px solid #344057;border-radius:11px;background:#10182588;margin-bottom:18px}.review-card header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.review-card header strong{display:block;font-size:12px}.review-card header small{display:block;font-size:9px;color:#617b9a;margin-top:5px}.review-card h4{font:8px Consolas,monospace;color:#648199;letter-spacing:1px;margin:17px 0 9px}.review-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font:11px/1.8 Inter,sans-serif;color:#b6c6d8;background:#090f18;padding:15px;border:1px solid #203047;border-radius:7px;margin:0}.review-card footer{display:flex;gap:10px;margin-top:21px}.owner-form{padding:25px;border-radius:12px;margin-bottom:20px;max-width:900px}.owner-form h3{margin:10px 0 21px;font-size:22px}.owner-form>label{margin:17px 0}.owner-form p{font-size:11px;margin:12px 0}.owner-form small{display:block;font-size:9px;margin-top:15px}.owner-form .button{margin-top:18px}.form-row{display:flex;gap:17px}.form-row label{flex:1;min-width:0}.broadcast-card{margin-top:10px}.broadcast-card>div{flex:1}.broadcast-card .broadcast-text{color:#c1d0de;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .owner-form{margin:0}.identity-pair{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px;gap:10px}.identity-pair span{color:#647d9a}.identity-pair strong{font-weight:450;overflow-wrap:anywhere}.announcements:empty{display:none}.announcement{display:flex;align-items:center;gap:10px;padding:9px 20px;background:linear-gradient(90deg,#10313a,#32191d);border-bottom:1px solid #06b6d42a;color:#b2dce6;font-size:11px;overflow:hidden}.announcement>svg{width:13px;height:13px;color:#58c6dc}.announcement .marquee-window{overflow:hidden;flex:1}.announcement .marquee{display:inline-block;white-space:nowrap;min-width:100%;animation:marquee 28s linear infinite;padding-right:45px}.announcement:hover .marquee{animation-play-state:paused}.announcement .region-tag{font:7px Consolas,monospace;color:#7ea5b1;flex-shrink:0}.toasts{position:fixed;top:18px;right:22px;z-index:100;display:grid;gap:10px;pointer-events:none}.toast{border:1px solid #06b6d44d;border-radius:9px;background:#0f1b27f5;backdrop-filter:blur(20px);box-shadow:0 15px 50px #0006;color:#c5e0ec;padding:15px 19px;max-width:400px;font-size:12px;line-height:1.6;animation:arrive .4s var(--ease)}.toast.error-toast{border-color:#ef444466;color:#f9b0b0}dialog{width:460px;max-width:calc(100vw - 32px);border:1px solid #384257;border-radius:15px;background:#101722;color:#edf0f6;padding:29px;box-shadow:0 40px 130px #000a}dialog::backdrop{background:#03050abe;backdrop-filter:blur(7px)}dialog h2{font-size:25px;line-height:1.3;margin:12px 0}dialog .muted{font-size:12px;line-height:1.8}dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog .dialog-heading .eyebrow{color:#668097;font-size:9px}dialog label{margin:19px 0}dialog .error{margin:14px 0}dialog .invoice-quote{margin-top:18px;padding:17px;border:1px solid #294451;border-radius:8px;background:#06b6d405;display:flex;justify-content:space-between;font-size:12px}dialog .invoice-quote strong{color:#74cbd6}dialog .hint{font-size:10px;margin-top:10px;color:#7394a6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{box-shadow:0 0 12px #06b6d498;opacity:.6}}@keyframes marquee{0%,20%{transform:translateX(0)}90%,100%{transform:translateX(-100%)}}
@media(min-width:1650px){.chat-column{padding:36px 60px 0}.context-panel{padding:35px 25px}.chat-view{grid-template-columns:minmax(0,1fr) 285px}.welcome h1{font-size:57px}.suggestion-grid{margin-top:45px}.suggestion-grid button{padding:20px;min-height:140px}.suggestion-grid strong{font-size:12px}.suggestion-grid small{font-size:9px}}
@media(max-width:1220px){.sidebar{width:210px;padding-inline:12px}.context-panel{padding:24px 15px}.chat-view{grid-template-columns:minmax(0,1fr) 225px}.chat-column{padding:24px 24px 0}.chat-heading .pill{display:none}.suggestion-grid{gap:7px}.suggestion-grid button{padding:13px 11px}.suggestion-grid small{font-size:7px}.page-view{padding:30px 28px}.owner-tabs button{padding:9px 11px;font-size:9px}.topbar{padding:0 25px}.story-copy h1{font-size:62px}.gate-story{padding:40px}.tier-card{padding:18px}.tier-card h3{font-size:15px}}
@media(max-width:1020px){.context-panel{display:none}.chat-view{display:flex}.chat-column{flex:1}.chat-heading .pill{display:inline-flex}.composer-model{cursor:pointer}.settings-grid{grid-template-columns:1fr}.gate-story{padding:32px}.story-copy{margin-top:90px}.story-copy h1{font-size:51px}.gate-panel{padding:25px}.auth-card{padding:26px}.genesis-mark>span:last-child{display:none}.owner-metrics{grid-template-columns:repeat(2,1fr)}.tier-grid{grid-template-columns:repeat(2,1fr)}.model-mobile-panel{display:block}.page-title .pill{display:none}}
@media(max-width:720px){.gate{display:block}.gate-story{padding:25px;border-right:0;border-bottom:1px solid var(--line)}.gate-story .brand{font-size:24px}.story-copy{margin:35px 0 0}.story-copy h1{font-size:44px;margin:16px 0}.story-copy h1 br:nth-child(2){display:none}.story-copy p{font-size:11px}.orbit-art,.genesis-mark{display:none}.gate-panel{padding:25px 20px}.auth-card{max-width:500px}.gate-footer,.birthday-banner{max-width:500px}.sidebar{width:64px;padding:20px 7px 0}.sidebar .brand{margin:0 5px 27px}.sidebar .brand>span:last-child,.workspace-label,.nav-label,.recent-threads,.credit-mini,.sidebar .nav-tag,.sidebar .count,.new-chat kbd,.account-row>div,.account-row>.avatar{display:none}.sidebar .brand-mark{width:29px;height:29px}.sidebar .new-chat,.sidebar .nav-item{font-size:0;justify-content:center;padding:12px 0;gap:0}.sidebar .new-chat{margin-bottom:20px}.sidebar .nav-item svg{width:19px;height:19px}.sidebar .sidebar-bottom{margin-top:auto}.account-row{justify-content:center;padding:16px 0;margin-top:12px}.account-row .icon-button{margin:auto}.topbar{height:56px;padding:0 16px}.breadcrumb{font-size:9px;gap:9px}.topbar-right{gap:11px}.genesis-top,.topbar .divider,.topbar .avatar{display:none}.connection{font-size:7px}.chat-column{padding:22px 16px 0}.chat-heading h2{font-size:11px}.chat-heading .pill{display:none}.welcome{padding:25px 0 15px}.welcome-glyph{width:54px;height:54px;margin-bottom:23px}.welcome-glyph svg{width:32px;height:32px}.welcome h1{font-size:34px}.welcome>p{font-size:9px}.suggestion-grid{grid-template-columns:1fr;margin-top:24px;gap:8px}.suggestion-grid button{min-height:58px;padding:13px 15px 13px 46px}.suggestion-icon{position:absolute;left:15px;top:17px;margin:0;font-size:18px}.suggestion-grid strong{font-size:10px}.suggestion-grid small{font-size:8px;margin-top:4px;max-width:none}.composer-bottom{padding-left:13px}.composer-bottom>div{min-width:0}.composer-cost{display:none}.composer-model{max-width:200px}.composer textarea{font-size:11px;padding:14px 13px 0}.composer-disclosure{font-size:7px;line-height:1.7}.workspace-footer{height:26px;padding:0 16px;font-size:6px}.workspace-footer>span:nth-child(2){display:none}.page-view{padding:25px 17px}.page-title h1{font-size:28px}.page-title p{font-size:10px}.page-title .eyebrow{font-size:7px}.studio-prompt{padding:17px}.studio-toolbar{align-items:stretch;flex-direction:column}.studio-toolbar .button{width:100%}.studio-toolbar label{max-width:none}.preview-toolbar{flex-wrap:wrap;padding:11px;gap:9px}.preview-actions{gap:10px}.preview-toolbar>span{display:none}.preview-actions .button{font-size:8px;padding:6px}.preview-actions .button svg{width:12px;height:12px}.preview-empty{min-height:300px;padding:15px;text-align:center}.preview-empty h3{font-size:16px}.preview-empty p{font-size:10px}.section-line{align-items:start}.section-line>span{font-size:8px;max-width:115px;text-align:right}.history-card{flex-wrap:wrap;padding:13px;gap:10px}.history-card h4{font-size:10px}.tier-grid{grid-template-columns:1fr}.tier-card{min-height:240px}.summary-strip{gap:22px;padding:17px}.billing-notes{grid-template-columns:1fr;gap:16px}.owner-metrics{gap:8px}.metric{padding:15px}.metric>span{font-size:7px}.owner-tabs button{padding:9px 10px}.review-card{padding:16px}.review-card header small{font-size:8px}.review-card header .badge{font-size:7px}.review-card footer{flex-wrap:wrap}.review-card .button{font-size:10px;padding:10px}.form-row{flex-wrap:wrap}.form-row label{flex-basis:40%}.owner-form{padding:18px}.broadcast-card{flex-wrap:wrap}.page-title{margin-bottom:24px}.announcements .announcement{padding:8px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.announcement .marquee{white-space:normal;transform:none}}
.review-preview{width:100%;height:400px;border:1px solid #293c50;border-radius:7px;background:#fff;margin-top:20px}
/* Vortex 1.1 · Chronos motion */
body{isolation:isolate}.gate,.workspace{position:relative;z-index:1}.workspace{background:transparent}.main-shell{background:#07090e70}.sidebar{background:#090c12e8}.motion-ambience{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 60% 33%,#0d1523 0%,#07090e 72%)}#motion-field{position:absolute;inset:0}.aurora{position:absolute;width:58vw;height:56vh;border-radius:50%;filter:blur(75px);opacity:.11;will-change:transform;animation:auroraDrift 19s ease-in-out infinite alternate}.aurora-cyan{left:35%;top:-30%;background:radial-gradient(ellipse,#06b6d4,transparent 65%)}.aurora-red{left:-14%;top:55%;background:radial-gradient(ellipse,#ef4444,transparent 70%);animation-duration:24s;animation-delay:-11s;opacity:.09}.aurora-violet{right:-18%;bottom:0;background:radial-gradient(ellipse,#7c3aed,transparent 68%);animation-duration:27s;animation-delay:-5s;opacity:.1}.ambient-grid{z-index:0;opacity:.6;background-size:68px 68px;mask-image:radial-gradient(ellipse at 53% 36%,#000,transparent 72%)}
.welcome{position:relative;overflow:visible;padding-top:20px}.welcome>.welcome-glyph{display:none}.welcome>.eyebrow{font-size:9px;letter-spacing:2.2px;color:#9aa9bf}.welcome h1{font-size:clamp(33px,3.45vw,53px);margin:15px 0;line-height:1.12;letter-spacing:-.06em}.welcome h1 span{background-size:200% auto;background-image:linear-gradient(100deg,#dfebf6 0%,#7295ba 27%,#78d5e4 47%,#e4adba 67%,#8395ae 85%);animation:spectralText 13s ease-in-out infinite alternate;-webkit-background-clip:text;background-clip:text}.welcome>p{font-size:12px;color:#94a2b9}.suggestion-grid{margin-top:28px}.suggestion-grid button{min-height:118px;background:linear-gradient(140deg,#142032a8,#0d111a9a);border-color:#33405877}.suggestion-grid strong{font-size:11px}.suggestion-grid small{font-size:9px;color:#8290a6}.suggestion-icon{margin-bottom:15px}.arrow-mini{color:#6e8098}.chat-heading h2{font-size:15px;color:#c0cbd9}.chat-heading .eyebrow{color:#8194b0}.nav-item{font-size:12px}.response-text{font-size:13px}.prompt-text{font-size:13px}.composer textarea{font-size:13px}.composer-disclosure{color:#7d8fa7;font-size:9px}.context-panel{background:#09101a90}.panel-heading{color:#859cb8}.mini-section p,.genesis-card p{color:#7a93ac;font-size:9px}.model-card .eyebrow{color:#7c94ad}.model-card select{font-size:11px}.orbit-metrics>div{font-size:10px}.orbit-metrics span{color:#8797ac}.orbit-metrics strong{color:#c1cbd9}.model-card p{font-size:9px;color:#8191a8}.genesis-code{color:#6b8a9e}.workspace-footer{color:#5d718c}.recent-empty{color:#6d819b}.composer-cost{color:#7e91ab}.credit-mini small{color:#839ab2}.nav-label{color:#798da7}.genesis-card .eyebrow{color:#84a8b9;font-size:7px}
.orbital-sphere{position:relative;transform-style:preserve-3d;perspective:800px;flex-shrink:0;pointer-events:none}.welcome-sphere{width:205px;height:166px;margin:0 auto 12px;isolation:isolate}.orbital-sphere::before{content:'';position:absolute;inset:12% -10%;background:radial-gradient(ellipse,#06b6d411,#8b5cf613 38%,transparent 68%);border-radius:50%;filter:blur(19px);animation:coreBreathe 6s ease-in-out infinite}.orbital-sphere i{position:absolute;inset:10% 3%;border:1px solid #6ac9e277;border-radius:50%;box-shadow:0 0 15px #06b6d416,inset 0 0 12px #06b6d40c;transform:rotateX(65deg) rotateY(22deg) rotateZ(0deg);animation:sphereOrbit 18s linear infinite;will-change:transform}.orbital-sphere i:nth-child(2){inset:16% 9%;border-color:#e277966e;animation-duration:23s;animation-direction:reverse;--ring-angle:60deg}.orbital-sphere i:nth-child(3){inset:21% 14%;border-color:#8999e09c;animation-duration:28s;--ring-angle:125deg}.orbital-sphere i:nth-child(4){inset:7% 8%;border-color:#57939c44;animation-duration:32s;animation-direction:reverse;--ring-angle:170deg}.orbital-sphere i:nth-child(5){inset:28% 22%;border-color:#e3f6ff91;animation-duration:16s;--ring-angle:210deg}.orbital-sphere i:nth-child(6){inset:2% -1%;border-style:dashed;border-color:#5c8fa62b;animation-duration:46s;--ring-angle:280deg}.orbital-sphere>span{position:absolute;left:50%;top:50%;width:46px;height:46px;translate:-50% -50%;background:linear-gradient(145deg,#26334a,#080f1f);border:1px solid #9ab7d755;border-radius:15px;box-shadow:0 0 28px #9eafed15,0 0 65px #ef444418;transform:rotate(-13deg);animation:coreFloat 7s var(--ease) infinite alternate;display:grid;place-items:center}.orbital-sphere>span::after{content:'V';font-size:25px;font-weight:250;color:#e3f4ff;transform:rotate(13deg);text-shadow:0 0 15px #06b6d48c}.gate-sphere{position:absolute;width:225px;height:205px;left:165px;top:56px}.orbit-art .orbit-core{display:none}.gate-story{background:radial-gradient(ellipse at 70% 70%,#121c3844,transparent 65%)}.orbit.o1{animation:gateOrbit1 24s ease-in-out infinite alternate}.orbit.o2{animation:gateOrbit2 19s ease-in-out infinite alternate}.orbit.o3{animation:gateOrbit1 30s ease-in-out infinite alternate-reverse}.story-copy h1 em{background:linear-gradient(100deg,#7c8ea8,#8998c5,#7c8ea8);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:spectralText 15s infinite alternate}.brand-mark{position:relative;box-shadow:0 0 15px #ef44440e;transition:box-shadow .6s var(--ease),transform .6s var(--ease)}.brand:hover .brand-mark{box-shadow:0 0 28px #ef444438;transform:rotate(-8deg)}.brand-mark::after{content:'';position:absolute;inset:-3px;border:1px solid #ef444418;border-radius:inherit;animation:brandHalo 5s ease-in-out infinite}.model-symbol{position:relative}.model-symbol i{position:absolute;inset:-4px;border:1px solid #06b6d41c;border-radius:12px;animation:coreFloat 8s ease-in-out infinite alternate}
.suggestion-grid button,.tier-card,.model-card,.genesis-card,.auth-card{position:relative;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .75s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease);isolation:isolate}.suggestion-grid button::after,.tier-card::after,.model-card::after,.genesis-card::after,.auth-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(350px circle at var(--light-x,50%) var(--light-y,50%),#91bcfa0a,transparent 75%);opacity:0;transition:opacity .5s var(--ease)}.motion-hover::after{opacity:1!important}.motion-hover{border-color:#5a94b760!important;box-shadow:0 12px 38px #0003,0 0 18px #06b6d407}.suggestion-grid button:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}.suggestion-grid button:hover .arrow-mini{transform:translate(2px,-2px);color:#a8dfed;transition:all .5s var(--ease)}.button.primary{background:linear-gradient(115deg,#ef4444 15%,#f45969 55%,#ef4444 90%);background-size:220% auto;transition:background-position .7s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}.button.primary:hover{background-position:100% center;box-shadow:0 8px 28px #ef44442b}.button.primary::selection{background:transparent}.send-button{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.send-button:hover{transform:translateX(2px);box-shadow:0 0 23px #ef444445}.send-button:hover svg{animation:arrowNudge 1.2s var(--ease) infinite}.nav-item.active{box-shadow:inset 2px 0 #ef4444,0 0 20px #ef444404}.nav-item.active svg{filter:drop-shadow(0 0 5px #ef444445)}.composer{position:relative;isolation:isolate}.composer::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--halo-angle,0deg),transparent 55%,#06b6d480,#ef444450,transparent 85%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);animation:haloSpin 7s linear infinite}.composer:focus-within::before,.is-generating .composer::before{opacity:1}.composer:focus-within{box-shadow:0 0 40px #06b6d40a,0 10px 40px #0003}.is-generating .welcome-sphere i{animation-duration:7s}.is-generating .model-symbol{animation:thinkingPulse 2s ease-in-out infinite}.job-notice.pending svg,.job-notice.generating svg{animation:thinkingPulse 2.4s ease-in-out infinite}.response-block{animation:answerArrive .65s var(--ease) both}.toast{border-top-color:#71d4e94d;animation:toastSlide .55s var(--ease)}.announcements .announcement{animation:bannerReveal .6s var(--ease)}
.command-trigger{display:flex;align-items:center;gap:17px;padding:7px 10px;border:1px solid #29374b;background:#10182680;border-radius:7px;font-size:9px;color:#879ab5;transition:border-color .4s var(--ease),background .4s var(--ease)}.command-trigger:hover{border-color:#496581;background:#182238}.command-trigger kbd{font-size:8px;color:#627792}.free-chip{font:7px Consolas,monospace;color:#63d4c6;letter-spacing:.7px;padding:5px 7px;border:1px solid #06b6d42b;background:#06b6d408;border-radius:5px}.routing-note{font:7px Consolas,monospace;color:#66c8be;border-top:1px solid #06b6d41d;line-height:1.8;letter-spacing:.4px;padding-top:9px;margin-top:12px}.switch-label{display:flex;align-items:center;gap:13px;padding:15px 0}.switch-label input{appearance:none;width:38px;height:22px;background:#263043;border:1px solid #3a465b;border-radius:16px;padding:2px;flex-shrink:0;margin:0;transition:background .4s var(--ease)}.switch-label input::after{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#adb9ca;transition:transform .45s var(--ease),background .45s var(--ease)}.switch-label input:checked{background:#07525a;border-color:#078190}.switch-label input:checked::after{transform:translateX(15px);background:#87ebef}.switch-label span{font-size:12px}.switch-label small{margin:3px 0 0;font-size:10px}.quota-report{padding:13px 15px;border:1px solid #22384d;border-radius:7px;background:#07121e55}.setup-steps{padding-left:18px;color:#879eb8;font-size:11px;line-height:1.9}.setup-steps li{padding-left:4px;margin:6px 0}.external-link{color:#6dc6dc;font-size:11px}.external-link:hover{color:#b5effb}.motion-sample{position:relative;height:89px;overflow:hidden;margin-top:15px;border:1px solid #223249;border-radius:8px;background:#08111b}.motion-sample>span{position:absolute;left:15%;top:40%;width:17px;height:17px;border-radius:50%;background:#06b6d4;box-shadow:0 0 18px #06b6d434;animation:sampleSlide 3.5s var(--ease) infinite alternate}.motion-sample>span:nth-child(2){background:#e68198;animation-delay:-1.2s;width:12px;height:12px;top:45%}.motion-sample>span:nth-child(3){background:#9f9ee9;animation-delay:-2.5s;width:7px;height:7px;top:48%}.motion-sample>i{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#315575,transparent);z-index:-1}.support-launcher{position:fixed;right:23px;bottom:45px;z-index:25;display:flex;align-items:center;gap:9px;background:linear-gradient(120deg,#103741,#121e32);border:1px solid #06b6d467;border-radius:30px;padding:12px 17px;font-size:11px;box-shadow:0 7px 28px #0007,0 0 25px #06b6d410;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.support-launcher svg{height:17px;width:17px;color:#a1e4ef}.support-launcher i{width:5px;height:5px;border-radius:50%;background:#65d8c9;box-shadow:0 0 10px #06b6d4}.support-launcher:hover{transform:translateY(-3px);box-shadow:0 9px 30px #0008,0 0 30px #06b6d426}.command-palette{width:560px;padding:0;border:1px solid #3e526e;background:#0e1724eF;backdrop-filter:blur(40px);border-radius:16px}.palette-heading{display:flex;align-items:center;gap:13px;padding:20px 22px;border-bottom:1px solid #26364e}.palette-heading>svg{color:#5bb7d0;width:18px}.palette-heading input{border:0;border-radius:0;background:transparent;padding:0;font-size:14px;box-shadow:none}.palette-heading>kbd{font:8px Consolas,monospace;color:#5f738f;border:1px solid #293b52;padding:4px 5px;border-radius:4px}.palette-heading input::placeholder{color:#8396b2}#command-results{padding:9px;max-height:440px;overflow:auto}.command-result{width:100%;padding:13px 14px;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;color:#bdd0e3;transition:background .2s var(--ease)}.command-result>svg{width:17px;color:#779aba}.command-result>span{font-size:12px}.command-result small{display:block;font-size:10px;color:#6f87a3;margin-top:5px}.command-result>kbd{margin-left:auto;font-size:11px;color:#536f8c}.command-result.selected,.command-result:hover{background:#1b314380;border-color:#3b779a44}.command-result.selected svg{color:#7ed6e8}.palette-footer{display:flex;gap:15px;padding:14px 23px;border-top:1px solid #26364e;font-size:8px;color:#6483a2}.palette-footer>span:last-child{margin-left:auto;letter-spacing:1px;font-family:Consolas,monospace}.palette-empty{color:#7690af;font-size:12px;padding:27px;text-align:center}
@property --halo-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes haloSpin{to{--halo-angle:360deg}}@keyframes auroraDrift{from{transform:translate3d(-4%,0,0) scale(.9)}to{transform:translate3d(9%,10%,0) scale(1.16)}}@keyframes spectralText{from{background-position:0% center}to{background-position:100% center}}@keyframes sphereOrbit{0%{transform:rotateZ(var(--ring-angle,0deg)) rotateX(64deg) rotateY(20deg)}100%{transform:rotateZ(calc(var(--ring-angle,0deg) + 360deg)) rotateX(64deg) rotateY(20deg)}}@keyframes coreFloat{from{transform:translateY(-4px) rotate(-13deg)}to{transform:translateY(5px) rotate(-7deg)}}@keyframes coreBreathe{50%{opacity:.6;transform:scale(1.14)}}@keyframes gateOrbit1{from{transform:rotate(-25deg) rotateX(62deg)}to{transform:rotate(-13deg) rotateX(50deg)}}@keyframes gateOrbit2{from{transform:rotate(-25deg) rotateX(62deg)}to{transform:rotate(-35deg) rotateX(72deg)}}@keyframes brandHalo{50%{opacity:.35;transform:scale(1.06)}}@keyframes thinkingPulse{50%{opacity:.45;filter:drop-shadow(0 0 6px #06b6d480)}}@keyframes arrowNudge{50%{transform:translateX(3px)}}@keyframes answerArrive{from{opacity:0;translate:0 7px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes toastSlide{from{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes bannerReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sampleSlide{from{left:16%;transform:scale(.8)}to{left:78%;transform:scale(1.15)}}
html[data-motion='balanced'] .aurora{animation-duration:40s;opacity:.06}html[data-motion='balanced'] .orbital-sphere i{animation-duration:42s}html[data-motion='balanced'] .orbital-sphere i:nth-child(n+4){display:none}html[data-motion='balanced'] .composer::before{animation-duration:14s}html[data-motion='still'] *,html[data-motion='still'] *::before,html[data-motion='still'] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion='still'] #motion-field{display:none}html[data-motion='still'] .marquee{white-space:normal;transform:none}html[data-motion='still'] .suggestion-grid button:hover{transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(max-width:1220px){.command-trigger{font-size:0;gap:0}.command-trigger kbd{font-size:8px}.topbar-right{gap:11px}.free-chip{font-size:6px}.welcome h1{font-size:40px}.welcome-sphere{height:156px;width:192px}.suggestion-grid small{font-size:8px}.suggestion-grid strong{font-size:10px}}
@media(max-width:720px){.aurora{filter:blur(38px);opacity:.08;animation:none;width:80vw}.free-chip,.command-trigger{display:none}.welcome-sphere{width:155px;height:128px;margin-bottom:8px}.welcome{padding-top:15px}.welcome h1{font-size:29px;line-height:1.2}.welcome>.eyebrow{font-size:7px;letter-spacing:1.6px}.welcome>p{font-size:10px}.suggestion-grid{margin-top:22px}.suggestion-grid button{min-height:61px}.suggestion-grid small{font-size:8px}.composer textarea,.response-text,.prompt-text{font-size:12px}.chat-heading h2{font-size:12px}.composer-disclosure{font-size:7px}.support-launcher{right:15px;bottom:207px;padding:10px;border-radius:50%;background:#10313fee}.support-launcher>span,.support-launcher>i{display:none}.command-palette{max-width:calc(100vw - 24px)}.palette-heading{padding:19px 16px}.palette-heading input{font-size:12px}.palette-footer{padding:13px 16px;font-size:7px}.model-card p{font-size:9px}.motion-hover{box-shadow:none}.workspace-footer{font-size:6px}}
@media(prefers-reduced-motion:reduce){#motion-field{display:none}.aurora{animation:none}.orbital-sphere i{animation:none}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Vortex 1.2: cloud control, readable answers, and a support channel that stays visible. */
.connection-card{position:relative;margin:0 0 16px;padding:19px 18px;border:1px solid #06b6d435;border-radius:14px;background:linear-gradient(135deg,#12303b88,#0d152380);overflow:hidden;box-shadow:0 10px 35px #0002}
.connection-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#06b6d408 50%,transparent 75%);background-size:240% 100%;animation:cloudSheen 9s ease-in-out infinite;pointer-events:none}
.connection-card>strong{display:block;font-size:14px;margin:10px 0 7px;color:#d4eef1}.connection-card p{font-size:11px;line-height:1.7}.connection-card button{margin-top:4px;font-size:10px}
.response-text{font-size:14px;line-height:1.85}.response-actions{display:flex;gap:14px;padding-top:14px}.response-actions button{font-size:10px;color:#92b3c5}.code-answer{margin:14px 0;border:1px solid #253b50;background:#060d17;border-radius:10px;overflow:hidden;white-space:normal}.code-answer>div{background:#102031;border-bottom:1px solid #253b50;color:#71c9d3;letter-spacing:1px;font:9px Consolas,monospace;padding:10px 15px}.code-answer pre{margin:0;overflow:auto;max-width:100%;padding:17px;font:12px/1.7 Consolas,monospace;color:#d1e5ec;white-space:pre}.code-answer code{font:inherit}
#export-chat{font-size:10px;white-space:nowrap;margin-left:auto}.chat-heading{gap:14px}.chat-heading>div{min-width:0}.chat-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#groq-form{border-color:#29b8c333;background:linear-gradient(160deg,#07343c66,#101824a8)}#groq-form h3{font-size:24px}#groq-form .external-link{display:inline-block;margin-bottom:18px}#groq-form .checkbox-label{margin:15px 0;align-items:flex-start}#groq-form small{display:block;line-height:1.7;margin-top:12px}
.support-launcher{right:auto;left:22px;bottom:24px;z-index:80;padding:13px 20px;font-size:12px;isolation:isolate}.support-launcher:before{content:'';position:absolute;inset:-5px;border:1px solid #06b6d429;border-radius:inherit;z-index:-1;animation:supportHalo 4s var(--ease) infinite}.support-launcher[data-state=unavailable] i{background:#fbbf24;box-shadow:0 0 9px #fbbf24}.support-launcher[data-state=connecting] i{animation:pulse 1.5s ease-in-out infinite}
.support-panel{position:fixed;left:22px;bottom:86px;z-index:81;width:min(345px,calc(100vw - 32px));padding:23px;border:1px solid #35708866;border-radius:20px;background:linear-gradient(145deg,#102835f5,#0b1324f5);backdrop-filter:blur(28px);box-shadow:0 20px 70px #0009,0 0 60px #06b6d40b}.support-panel-heading{display:flex;align-items:center;justify-content:space-between}.support-panel h3{font-size:28px;letter-spacing:-1px;margin:15px 0}.support-panel p{font-size:12px;line-height:1.7}.support-status{padding:12px;border:1px solid #294450;border-radius:10px;background:#06101a88;color:#b6e7eb}.support-panel .button{margin:9px 0;text-decoration:none}.support-panel>.text-button{margin:8px 0 15px;font-size:11px}.support-panel small{display:block;font-size:10px;line-height:1.65}.support-panel .icon-button{font-size:22px}.support-launcher>span,.support-launcher>i{display:block}
@keyframes supportHalo{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes cloudSheen{0%,100%{background-position:160% 0}50%{background-position:-40% 0}}
@media(max-width:720px){.support-launcher{left:12px;bottom:16px;right:auto;padding:10px 14px;border-radius:28px;font-size:11px}.support-panel{left:16px;bottom:72px;padding:20px}.response-text{font-size:13px}.chat-heading .pill{display:none}#export-chat{font-size:9px}.code-answer pre{font-size:11px}.chat-heading{gap:10px}.chat-heading>div{flex:1}.workspace-footer{padding-bottom:70px}}
html[data-motion=still] .support-launcher:before,html[data-motion=still] .support-launcher i,html[data-motion=still] .connection-card:before{animation:none}.motion-paused .support-launcher:before,.motion-paused .connection-card:before{animation-play-state:paused}

.pages-connection{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:200;width:min(640px,calc(100vw - 24px));padding:16px 18px;border:1px solid #9c6538;border-radius:12px;background:#231d17f5;box-shadow:0 10px 35px #0008;display:flex;align-items:center;gap:12px;font-size:12px;color:#f1dfc8}.pages-connection strong{white-space:nowrap;color:#ffcd8e}.pages-connection span{line-height:1.5}.pages-connection button{white-space:nowrap;border:1px solid #805937;border-radius:6px;padding:8px;font-size:10px;background:#4b311d;color:#ffe5c3}@media(max-width:720px){.pages-connection{flex-wrap:wrap;font-size:11px}.pages-connection span{flex-basis:100%}}