@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#070a0d;--panel:#0d1217;--panel2:#121920;--line:#26313a;--text:#f4f7f8;--muted:#84919c;--brand:#45e0b4;--brand2:#169875;--danger:#ff7588}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif}button,input,textarea,select{font:inherit}button,a,select{transition:.18s ease}button{cursor:pointer}.app{height:100vh;display:flex;direction:ltr;background:radial-gradient(circle at 68% -15%,#123b31 0,transparent 34%),var(--bg)}aside{direction:rtl;width:292px;flex:0 0 292px;background:linear-gradient(180deg,#0e1318,#0b0f13);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;box-shadow:12px 0 40px #0004;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand i,.auth-logo,.orb{display:grid;place-items:center;background:linear-gradient(145deg,#6af2cc,#159a78);color:#04110d;font-style:normal;font-weight:900}.brand i{width:42px;height:42px;border-radius:14px;font-size:22px}.brand b,.brand small{display:block}.brand b{letter-spacing:1.7px}.brand small{color:#71808b;font-size:9px;letter-spacing:1.2px}.new{height:45px;margin:26px 0 20px;background:#172027;border:1px solid #303b45;color:#fff;border-radius:13px;padding:0 14px;text-align:right}.new:hover{border-color:#426054;background:#1a2926}nav{display:flex;flex-direction:column;gap:7px}nav>small,.history>small{color:#687680;font-size:10px;padding:8px 10px}nav button{height:44px;border:1px solid transparent;background:transparent;color:#a8b1ba;text-align:right;padding:0 12px;border-radius:12px}nav button:hover{background:#141b20;color:#fff}nav button span{display:inline-grid;width:24px;color:var(--brand)}nav button em{float:left;background:#49262d;color:#ffc0ca;border-radius:7px;padding:2px 7px;font-size:9px;font-style:normal}nav button.active{background:linear-gradient(90deg,#172923,#15201d);border-color:#24463b;color:#fff;box-shadow:inset -3px 0 var(--brand)}.history{flex:1;margin-top:20px}.hist{padding:11px 12px;border-radius:10px;color:#838e98;font-size:12px}.hist.active{background:#141b20;color:#e0e5e8}.side-foot{border-top:1px solid var(--line);padding-top:13px}.side-foot>a{color:var(--brand);text-decoration:none;font-size:12px;padding:9px;display:block}.side-foot>button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:1px solid transparent;color:#fff;text-align:right;padding:9px;border-radius:12px}.side-foot>button:hover{background:#151c22;border-color:#28343d}.side-foot>button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#192823;color:var(--brand)}.side-foot b,.side-foot small{display:block}.side-foot small{color:#77848e;font-size:10px}main{direction:rtl;flex:1;min-width:0;display:flex;flex-direction:column;position:relative}header{height:82px;border-bottom:1px solid #202b33;display:flex;align-items:center;padding:0 32px;gap:20px;background:#090d11df;backdrop-filter:blur(16px);z-index:1}.current{display:flex;align-items:center;gap:11px;margin-left:auto;min-width:170px}.spark{width:39px;height:39px;display:grid;place-items:center;background:#153329;color:var(--brand);border:1px solid #245443;border-radius:12px}.current b,.current small,.model small{display:block}.current small,.model small{color:#788590;font-size:10px}.model{min-width:215px}.model select{width:100%;height:42px;border:1px solid #303c46;background:#141b21;color:#fff;border-radius:12px;padding:0 11px;outline:none}.model select:focus{border-color:var(--brand2)}.usage{width:155px}.usage>span{font-size:10px;color:#89949e;display:block}.usage b{float:left;color:var(--brand)}.usage>i{height:6px;display:block;background:#1c252c;border-radius:8px;margin-top:7px;overflow:hidden}.usage em{display:block;height:100%;width:0;background:linear-gradient(90deg,#149776,#54e7bd);transition:.3s}#chat{flex:1;overflow:auto;padding:30px max(28px,calc((100% - 850px)/2)) 205px;scrollbar-color:#304038 transparent}.welcome{text-align:center;margin:5vh auto 42px}.orb{width:66px;height:66px;border-radius:21px;margin:auto;font-size:29px;box-shadow:0 16px 50px #30c9a43d}.welcome h1{font-size:clamp(29px,4vw,42px);margin:20px 0 6px;letter-spacing:-1px}.welcome p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px}.cards button{min-height:70px;background:#11181e;border:1px solid #27323b;color:#dce1e5;border-radius:15px;padding:14px 15px;text-align:right}.cards button:hover{transform:translateY(-2px);border-color:#35564b;background:#14201d}.cards span{float:left;color:var(--brand)}.msg{display:flex;gap:13px;margin:22px 0;max-width:88%}.msg.user{margin-right:auto;flex-direction:row-reverse}.msg>i{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:11px;background:#182621;color:var(--brand);font-style:normal;font-weight:800}.msg>div{border:1px solid #263139;background:#11171c;border-radius:6px 17px 17px 17px;padding:12px 16px}.msg.user>div{background:#17231f;border-radius:17px 6px 17px 17px}.msg small{color:#76848e;font-size:10px}.msg p{white-space:pre-wrap;line-height:1.9;margin:5px 0}.msg img{max-width:100%;border-radius:13px}footer{position:absolute;bottom:0;right:0;left:0;padding:24px max(28px,calc((100% - 850px)/2)) 10px;background:linear-gradient(transparent,#070a0d 30%)}#composer{background:#11181e;border:1px solid #2b3842;border-radius:19px;padding:10px 13px;box-shadow:0 18px 60px #000b}#composer:focus-within{border-color:#278e76}.composer-top,.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#75828c;font-size:10px}#modeBadge{color:var(--brand);background:#172a24;padding:5px 9px;border-radius:8px}#composer textarea{width:100%;height:67px;background:transparent;border:0;outline:0;resize:none;color:#fff;padding:12px 3px}#composer button{width:40px;height:40px;border:0;border-radius:12px;background:linear-gradient(145deg,#28bd96,#138268);color:#fff;font-size:23px;box-shadow:0 8px 25px #15987942}#composer button:hover{transform:translateY(-1px);filter:brightness(1.12)}footer>small{display:block;text-align:center;color:#66737d;font-size:9px;margin-top:8px}dialog{width:min(420px,92%);background:#11181e;color:#fff;border:1px solid #2b3842;border-radius:22px;padding:29px;text-align:center;box-shadow:0 25px 90px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog .x{position:absolute;left:13px;top:9px;background:none;border:0;color:#8a969f;font-size:24px}.auth-logo{width:56px;height:56px;border-radius:18px;margin:auto;font-size:26px}dialog h2{margin:13px 0 3px}dialog p{color:#7d8993;font-size:12px}dialog input,.admin-field{width:100%;height:44px;background:#192128;border:1px solid #303c46;border-radius:11px;color:#fff;padding:0 12px;margin:5px 0;outline:none}dialog input:focus,.admin-field:focus{border-color:var(--brand2)}dialog form>button,.primary-btn{width:100%;height:44px;border:0;background:linear-gradient(145deg,#22b38e,#128067);color:#fff;border-radius:11px;margin-top:8px;font-weight:700}#authSwitch{background:none;border:0;color:var(--brand);margin-top:12px}#authError,#adminError,#modelError{color:#ff9ca9;font-size:11px;min-height:17px}
/* Admin */.admin-body{min-height:100vh;background:radial-gradient(circle at 80% -10%,#123b31 0,transparent 31%),var(--bg)}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;direction:ltr}.admin-side{direction:rtl;background:#0d1217;border-right:1px solid var(--line);padding:25px 18px}.admin-side .brand{margin-bottom:36px}.admin-side nav button{width:100%;margin-bottom:6px}.admin-side .back{display:block;color:var(--muted);text-decoration:none;margin-top:28px;padding:11px;border-top:1px solid var(--line)}.admin-main{direction:rtl;padding:30px 34px;min-width:0}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.admin-head h1{margin:0;font-size:27px}.admin-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.admin-badge{color:var(--brand);background:#142922;border:1px solid #285345;border-radius:999px;padding:8px 12px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat,.admin-card{background:#10171c;border:1px solid #26323a;border-radius:17px}.stat{padding:17px}.stat small{color:var(--muted)}.stat b{display:block;font-size:27px;margin-top:3px}.admin-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.4fr);gap:18px}.admin-card{padding:21px}.admin-card h2{font-size:17px;margin:0 0 15px}.admin-card .admin-field{margin-bottom:9px}.model-row,.user-row{display:grid;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #243039}.model-row{grid-template-columns:1fr auto}.model-meta small,.user-meta small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.tag{display:inline-block;color:var(--brand);background:#172a24;border-radius:7px;padding:2px 7px;font-size:9px;margin-right:5px}.actions{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid #33414b;background:#182128;color:#dce2e6;border-radius:9px;padding:7px 9px;font-size:10px}.mini-btn:hover{border-color:#477263}.mini-btn.danger{color:#ff9cac;border-color:#51313a}.users-card{grid-column:1/-1}.user-row{grid-template-columns:minmax(180px,1fr) 120px 100px auto}.user-row select{height:36px}.empty{color:var(--muted);text-align:center;padding:26px 10px}.admin-login{position:fixed;inset:0;margin:auto}.admin-login input{display:block}
@media(max-width:900px){aside{width:240px;flex-basis:240px}header{padding:0 18px;gap:12px}.current{min-width:auto}.model{min-width:170px}.admin-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:200px 1fr}.admin-main{padding:25px 20px}.users-card{grid-column:auto}.user-row{grid-template-columns:1fr 100px}.user-row .actions{grid-column:1/-1}}@media(max-width:700px){aside{display:none}header{height:auto;min-height:78px;padding:12px;flex-wrap:wrap}.current{display:none}.model{flex:1;min-width:150px}.usage{width:110px}#chat{padding:20px 13px 205px}.cards{grid-template-columns:1fr}.welcome{margin-top:25px}.welcome h1{font-size:28px}footer{padding:22px 12px 8px}.msg{max-width:96%}.admin-shell{display:block}.admin-side{padding:14px;border-right:0;border-bottom:1px solid var(--line)}.admin-side .brand{margin:0}.admin-side nav,.admin-side .back{display:none}.admin-main{padding:20px 12px}.admin-head{align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-row .actions{grid-column:auto}}

[hidden]{display:none!important}.admin-profile{display:flex;align-items:center;gap:10px;margin:0 3px 24px;padding:12px;background:#131b21;border:1px solid #26343d;border-radius:14px}.admin-profile>span,.user-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#43dab0,#16836a);color:#06110e;font-weight:800}.admin-profile>span{width:36px;height:36px;border-radius:11px}.admin-profile b,.admin-profile small{display:block}.admin-profile b{font-size:12px}.admin-profile small{font-size:9px;color:var(--muted)}.eyebrow{display:block;color:var(--brand);font-size:9px;letter-spacing:1.7px;font-weight:800;margin-bottom:3px}.head-actions{display:flex;align-items:center;gap:9px}.refresh-btn{height:36px;border:1px solid #34434d;background:#141c22;color:#d9e0e4;border-radius:10px;padding:0 12px}.refresh-btn:hover{border-color:#43806d}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:85px;height:85px;left:-25px;top:-35px;background:#2dd3a51a;border-radius:50%}.stat-icon{float:left;width:34px;height:34px;display:grid;place-items:center;background:#172a24;border:1px solid #285244;color:var(--brand);border-radius:10px}.stat em{display:block;color:#687680;font-size:9px;font-style:normal}.small-stat{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h2{margin:0!important}.card-icon,.count-pill{display:grid;place-items:center;background:#172a24;border:1px solid #2b5145;color:var(--brand);border-radius:10px}.card-icon{width:35px;height:35px;font-size:20px}.count-pill{display:inline-block;border-radius:999px;padding:5px 10px;font-size:9px}.model-form>label,.form-pair>label{display:block;color:#93a0a9;font-size:10px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.capability-picker{border:0;padding:0;margin:12px 0}.capability-picker legend{color:#93a0a9;font-size:10px;margin-bottom:8px}.capability-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.capability-picker label{position:relative}.capability-picker input{position:absolute;opacity:0;pointer-events:none}.capability-picker span{min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#151d23;border:1px solid #2b3740;border-radius:12px;color:#82909a}.capability-picker b{font-size:11px}.capability-picker small{font-size:8px}.capability-picker input:checked+span{background:#172923;border-color:#2e6b58;color:var(--brand);box-shadow:inset 0 0 0 1px #1e4b3e}.models-card{min-height:400px}.model-row{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;padding:16px 0}.model-identity{display:flex;align-items:center;gap:10px}.provider-logo{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;background:#1a242b;border:1px solid #33434d;color:var(--brand);border-radius:12px;font-weight:800}.model-row .cap-list{grid-column:1/-1;display:flex;gap:6px}.cap-chip{border:1px solid #303d46;background:#151d23;color:#6f7d87;border-radius:9px;padding:6px 9px;font-size:9px}.cap-chip.on{background:#172a24;border-color:#2a5a4a;color:var(--brand)}.model-row>.actions{position:absolute;left:21px;margin-top:3px}.model-row{position:relative}.tag.off{color:#ff9cac;background:#321d23}.user-meta{display:flex;align-items:center;gap:9px}.user-avatar{width:35px;height:35px;border-radius:10px}.usage-mini{min-width:95px;color:var(--brand);font-size:10px}.usage-mini i{display:block;height:4px;margin-top:5px;background:#202a31;border-radius:5px;overflow:hidden}.usage-mini em{height:100%;display:block;background:var(--brand)}
@media(max-width:1050px){.admin-grid{grid-template-columns:1fr}.users-card{grid-column:auto}.model-row>.actions{position:static;grid-column:1/-1}.admin-shell{grid-template-columns:220px 1fr}}@media(max-width:700px){.head-actions .admin-badge{display:none}.form-pair{grid-template-columns:1fr}.capability-picker{grid-template-columns:repeat(3,1fr)}.model-row{grid-template-columns:1fr}.model-row .cap-list,.model-row>.actions{grid-column:auto}.stats{grid-template-columns:1fr}.admin-side{display:block}.admin-side .admin-profile{display:none}.admin-side nav{display:flex;flex-direction:row;overflow:auto;margin-top:12px}.admin-side nav small{display:none}.admin-side nav button{white-space:nowrap}.admin-head h1{font-size:22px}}
.brand i,.orb,.auth-logo,.msg.ai>i{overflow:hidden;background:#07100e!important}.brand i img,.orb img,.auth-logo img,.msg.ai>i img{width:100%;height:100%;object-fit:cover}.brand i img{border-radius:13px}.orb img{border-radius:20px}.auth-logo img{border-radius:17px}.msg.ai>i img{border-radius:10px}.cost-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.cost-fields label{position:relative;color:#94a0a9;font-size:9px}.cost-fields .admin-field{padding-left:24px}.cost-fields small{position:absolute;left:8px;bottom:17px;color:var(--brand)}.inline-costs{grid-column:1/-1;display:flex;align-items:center;gap:7px;background:#0d1317;border:1px solid #222e35;border-radius:12px;padding:8px}.inline-costs label{display:flex;align-items:center;gap:4px;color:#7e8b95;font-size:9px}.inline-costs input{width:50px;height:31px;background:#172027;border:1px solid #303d46;color:#fff;border-radius:8px;text-align:center}.save-cost{margin-right:auto;color:var(--brand)}.settings-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(400px,1.4fr) minmax(280px,.8fr);gap:18px}.admin-textarea{height:85px!important;padding-top:10px;resize:vertical}.password-card p{color:#82909a;font-size:11px;line-height:1.9;background:#151d23;border:1px solid #27343d;border-radius:12px;padding:12px}.password-card p b{color:var(--brand);font-family:monospace}.success{color:var(--brand)!important;font-size:11px;min-height:17px}.settings-grid>form>label{display:block;color:#93a0a9;font-size:10px}#settingsError,#passwordError{color:#ff9ca9;font-size:11px;min-height:18px;margin-top:7px}
@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.inline-costs{flex-wrap:wrap}.save-cost{margin-right:0}}@media(max-width:700px){.cost-fields{grid-template-columns:1fr}.inline-costs{align-items:flex-start}.settings-grid{display:block}.settings-grid .admin-card{margin-bottom:14px}}

/* Quiet notifications, thinking state and reasoning control */.reasoning{display:flex;align-items:center;gap:7px;color:#7d8a94}.reasoning select{height:32px;border:1px solid #2d3a43;background:#151e24;color:#dce3e6;border-radius:9px;padding:0 8px;font-size:9px;outline:none}.reasoning select:focus{border-color:#2b826a}.keyboard-hint{margin-right:auto}#composer button:disabled{opacity:.45;cursor:not-allowed;transform:none}.thinking p{display:flex;align-items:center;gap:10px;color:#b8c2c8}.thinking p>i{display:flex;gap:4px}.thinking p b{width:6px;height:6px;display:block;background:var(--brand);border-radius:50%;animation:thinkDot 1.15s infinite ease-in-out}.thinking p b:nth-child(2){animation-delay:.16s}.thinking p b:nth-child(3){animation-delay:.32s}@keyframes thinkDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}.toast{position:fixed;z-index:20;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;min-width:160px;max-width:280px;padding:10px 13px;background:#121a1f;border:1px solid #2c3b43;border-radius:12px;box-shadow:0 14px 45px #0009;opacity:0;transform:translateY(14px) scale(.96);pointer-events:none;transition:.22s ease}.toast.show{opacity:1;transform:none}.toast>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#173329;color:var(--brand);font-size:11px}.toast>b{font-size:10px;font-weight:600;color:#dce4e7}.toast.error{border-color:#54313a}.toast.error>span{background:#351d24;color:#ff95a5}
/* Admin polish */.admin-body{background:radial-gradient(circle at 78% -15%,#17524255 0,transparent 34%),radial-gradient(circle at 8% 105%,#14372e40 0,transparent 30%),#070a0d}.admin-side{background:linear-gradient(180deg,#10171c 0%,#0a0f13 100%);box-shadow:16px 0 50px #0004}.admin-main{background:linear-gradient(180deg,#0a0f1300,#070a0d99)}.admin-head{position:sticky;top:0;z-index:5;margin:-30px -34px 26px;padding:25px 34px 18px;background:#080d11de;border-bottom:1px solid #202c34;backdrop-filter:blur(18px)}.admin-side nav button{border:1px solid transparent}.admin-side nav button.active{background:linear-gradient(90deg,#183029,#13231e);border-color:#285344;box-shadow:inset -3px 0 var(--brand),0 8px 24px #0003}.admin-card,.stat{background:linear-gradient(155deg,#121a20,#0e151a);border-color:#293740;box-shadow:0 16px 45px #0002}.admin-card:hover{border-color:#31434d}.stat-icon,.card-icon{box-shadow:0 8px 25px #26b88f1d}.admin-badge{position:relative;padding-right:24px}.admin-badge:before{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 0 #48dfb37a;animation:onlinePulse 2s infinite}@keyframes onlinePulse{70%{box-shadow:0 0 0 7px transparent}}.model-row{margin:0 -7px;padding:16px 7px;border-radius:12px}.model-row:hover{background:#16202780}.admin-profile{background:linear-gradient(145deg,#16211f,#11191e)}
@media(max-width:700px){.keyboard-hint{display:none}.reasoning span{display:none}.toast{left:12px;bottom:12px}.admin-head{margin:-20px -12px 20px;padding:18px 12px}}

/* Product-grade motion and authentication */body{overflow:hidden}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient i{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.07;animation:ambientFloat 16s infinite alternate ease-in-out}.ambient i:nth-child(1){background:#42e0b2;right:20%;top:-220px}.ambient i:nth-child(2){background:#178c78;left:-180px;bottom:-220px;animation-delay:-5s}.ambient i:nth-child(3){width:240px;height:240px;background:#9fffe3;right:45%;bottom:-170px;animation-delay:-9s}@keyframes ambientFloat{to{transform:translate3d(60px,45px,0) scale(1.16)}}.app{position:relative;z-index:1}.welcome{animation:welcomeIn .7s cubic-bezier(.2,.8,.2,1)}@keyframes welcomeIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}nav button,.cards button,.stat,.admin-card{will-change:transform}.cards button{position:relative;overflow:hidden}.cards button:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff0a 48%,transparent 66%);transform:translateX(120%);transition:.6s}.cards button:hover:after{transform:translateX(-120%)}
/* User auth */.auth-dialog{width:min(900px,94vw);max-width:none;padding:0;text-align:right;overflow:hidden;background:#0b1115;border-color:#304049}.auth-dialog[open]{display:grid;grid-template-columns:1.04fr .96fr;animation:dialogIn .35s cubic-bezier(.2,.85,.3,1)}@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.auth-dialog .x,.profile-dialog .x{z-index:5}.auth-showcase{position:relative;min-height:570px;padding:45px;overflow:hidden;background:radial-gradient(circle at 50% 28%,#1d695438,transparent 30%),linear-gradient(145deg,#101e1a,#09100f)}.auth-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#70ffd508 1px,transparent 1px),linear-gradient(90deg,#70ffd508 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}.auth-showcase>*{position:relative;z-index:1}.auth-showcase .auth-logo{margin:0 0 52px;width:68px;height:68px;border-radius:21px;box-shadow:0 18px 55px #30d5a637}.auth-showcase h2{font-size:34px;line-height:1.5;margin:8px 0}.auth-showcase>p{max-width:360px;color:#899890;font-size:13px;line-height:2}.security-points{display:flex;flex-direction:column;gap:10px;margin-top:28px}.security-points span{color:#a7b7b1;font-size:11px}.security-points span::first-letter{color:var(--brand)}.auth-orbit{position:absolute;left:-75px;bottom:-95px;width:260px;height:260px;border:1px solid #4df2c322;border-radius:50%;animation:orbitSpin 20s linear infinite}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border:1px solid #4df2c31c;border-radius:50%}.auth-orbit:before{inset:35px}.auth-orbit:after{inset:75px}.auth-orbit i{position:absolute;width:7px;height:7px;background:var(--brand);border-radius:50%;box-shadow:0 0 18px var(--brand)}.auth-orbit i:nth-child(1){top:22px;left:55px}.auth-orbit i:nth-child(2){right:25px;top:95px}.auth-orbit i:nth-child(3){bottom:40px;left:75px}@keyframes orbitSpin{to{transform:rotate(360deg)}}.auth-panel{padding:38px 42px;background:linear-gradient(160deg,#11191e,#0c1216)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1115;border:1px solid #26343c;padding:4px;border-radius:12px}.auth-tabs button{height:38px;border:0;background:transparent;color:#72808a;border-radius:9px;font-size:11px}.auth-tabs button.active{background:#19251f;color:var(--brand);box-shadow:0 7px 24px #0005}.auth-title{margin:30px 0 19px}.auth-title h3{font-size:24px;margin:0}.auth-title p{color:#7d8b94;font-size:11px;margin:5px 0}.auth-panel form>label,.profile-dialog form label,.admin-auth-form form>label{display:block;color:#9aa6ad;font-size:10px;margin-top:10px}.auth-panel form input,.admin-auth-form form input{width:100%;height:46px;background:#151e24;border:1px solid #2c3942;color:#fff;border-radius:11px;padding:0 12px;margin-top:6px;outline:none}.auth-panel form input:focus,.admin-auth-form form input:focus{border-color:#318d73;box-shadow:0 0 0 3px #2bd2a20c}.password-wrap{position:relative}.password-wrap input{padding-left:43px!important}.show-pass,#adminShowPass{position:absolute;left:5px;bottom:5px;width:36px;height:36px;border:0;background:transparent;color:#71808a;border-radius:8px}.show-pass:hover,#adminShowPass:hover{background:#202b32;color:var(--brand)}.register-only{display:none!important}.register-only.visible{display:block!important}.password-strength{margin-top:8px}.password-strength i{display:block;height:4px;background:#202a31;border-radius:6px;overflow:hidden}.password-strength em{display:block;width:0;height:100%;background:#ff667d;transition:.25s}.password-strength[data-score="2"] em{background:#f0b44a}.password-strength[data-score="3"] em,.password-strength[data-score="4"] em{background:var(--brand)}.password-strength span{color:#72808a;font-size:9px}.auth-submit{height:47px!important;margin-top:15px!important;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit span{font-size:18px}.auth-legal{display:block;color:#64717a;font-size:8px;text-align:center;margin-top:14px}.auth-panel #authError{min-height:19px;margin-top:5px}
/* Profile management */.profile-dialog{width:min(720px,94vw);max-width:none;text-align:right;padding:30px;background:linear-gradient(145deg,#11191e,#0b1115)}.profile-dialog[open]{animation:dialogIn .3s ease}.profile-head{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid #27343c}.profile-avatar{width:55px;height:55px;display:grid;place-items:center;background:linear-gradient(145deg,#4be3b7,#158269);border-radius:17px;color:#06130f;font-size:22px;font-weight:900}.profile-head h2{margin:0;font-size:20px}.profile-head p{margin:2px 0;color:#74818a;font-size:10px}.plan-badge{margin-right:auto;color:var(--brand);background:#172a24;border:1px solid #2a5547;border-radius:999px;padding:6px 10px;font-size:9px}.profile-usage{margin:20px 0;padding:16px;background:#0d1418;border:1px solid #26343c;border-radius:14px}.profile-usage>div{display:flex;justify-content:space-between;color:#88959d;font-size:10px}.profile-usage b{color:var(--brand)}.profile-usage>i{display:block;height:6px;background:#202a31;border-radius:8px;margin-top:9px;overflow:hidden}.profile-usage em{display:block;height:100%;background:linear-gradient(90deg,#159677,#50e3b7)}.profile-dialog form{padding:16px 0;border-top:1px solid #202c33}.profile-dialog form h3{font-size:13px;margin:0 0 6px}.profile-save{height:40px;border:0;background:#1da582;color:#fff;border-radius:10px;padding:0 16px;margin-top:8px}.profile-save.secondary{background:#1a242a;border:1px solid #324049}.logout-btn{width:100%;height:42px;background:#28181d;border:1px solid #4b2d35;color:#ff8999;border-radius:11px}.profile-dialog #profileError,.profile-dialog #userPasswordError{color:#ff8d9d;font-size:10px;min-height:15px}
/* Admin secure login */.admin-auth{width:min(860px,94vw);max-width:none;padding:0;text-align:right;overflow:hidden}.admin-auth[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialogIn .35s ease}.admin-auth-art{position:relative;min-height:520px;padding:44px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#19664f45,transparent 31%),linear-gradient(145deg,#10211b,#08100d)}.admin-auth-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#67f9cf08 1px,transparent 1px),linear-gradient(90deg,#67f9cf08 1px,transparent 1px);background-size:30px 30px}.admin-auth-art>*{position:relative;z-index:1}.admin-auth-art .auth-logo{margin:0 0 48px}.admin-auth-art h2{font-size:30px;line-height:1.5}.admin-auth-art>p{color:#82918a;line-height:2}.admin-auth-form{padding:48px 40px;background:#10171c}.lock-mark{width:42px;height:42px;display:grid;place-items:center;background:#172a24;border:1px solid #2b5d4c;color:var(--brand);border-radius:13px}.admin-auth-form h3{font-size:24px;margin:20px 0 2px}.admin-auth-form>p{color:#7b8992;font-size:11px}.admin-auth-form form{margin-top:24px}.admin-auth-form form>button{display:flex;align-items:center;justify-content:center;gap:10px}.admin-auth-form>small{display:block;color:#64727b;font-size:8px;text-align:center;margin-top:13px}
@media(max-width:760px){.auth-dialog[open],.admin-auth[open]{display:block}.auth-showcase,.admin-auth-art{display:none}.auth-panel,.admin-auth-form{padding:29px 22px}.profile-dialog{padding:23px 17px}.profile-dialog .form-pair{grid-template-columns:1fr}body{overflow:auto}}
.admin-main{height:100vh;overflow:auto}.user-card-head{gap:15px}.user-tools{display:flex;align-items:center;gap:8px}.user-search{width:220px;height:35px;background:#0d1418;border:1px solid #2b3841;color:#fff;border-radius:10px;padding:0 11px;outline:none;font-size:10px}.user-search:focus{border-color:#347b67}.user-row{transition:.18s}.user-row:hover{background:#151f2580}.user-meta small+small{margin-top:2px;color:#58666f}@media(max-width:700px){.admin-main{height:auto;overflow:visible}.user-card-head{align-items:flex-start}.user-tools{align-items:flex-end;flex-direction:column}.user-search{width:150px}}

/* Animated model picker and workspace transitions */.model-picker{position:relative;width:225px}.model-picker>small{display:block;color:#788590;font-size:9px;margin-bottom:4px}.model-picker>button{width:100%;height:45px;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:8px;text-align:right;background:linear-gradient(145deg,#151e24,#11181d);border:1px solid #2d3a43;color:#fff;border-radius:13px;padding:0 9px;box-shadow:0 8px 25px #0003}.model-picker>button:hover,.model-picker>button[aria-expanded="true"]{border-color:#3e6e5f;background:#18231f}.model-picker>button:disabled{opacity:.55}.model-glyph{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#173029;color:var(--brand);box-shadow:inset 0 0 0 1px #285447}.model-picker>button span:nth-child(2){min-width:0}.model-picker>button b,.model-picker>button em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-picker>button b{font-size:11px}.model-picker>button em{color:#77858e;font-size:8px;font-style:normal}.model-picker>button>i{color:#7c8992;font-style:normal;transition:.25s}.model-picker>button[aria-expanded="true"]>i{transform:rotate(180deg)}.model-picker>button.picked{animation:modelPicked .4s ease}@keyframes modelPicked{45%{transform:scale(.97);border-color:var(--brand);box-shadow:0 0 0 4px #43dcb314}}.model-menu{position:absolute;z-index:30;top:calc(100% + 9px);right:0;left:0;padding:7px;background:#10171ce8;border:1px solid #2f3d46;border-radius:15px;box-shadow:0 22px 70px #000c;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top;transition:.2s ease}.model-menu.open{opacity:1;visibility:visible;transform:none}.model-menu button{width:100%;height:53px;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;border:0;background:transparent;color:#dce3e7;text-align:right;border-radius:10px;padding:0 7px;opacity:0}.model-menu.open button{animation:modelOptionIn .3s forwards;animation-delay:calc(var(--i) * 45ms)}@keyframes modelOptionIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.model-menu button:hover{background:#18221f}.model-menu button.selected{background:#172a24}.model-option-icon{width:31px;height:31px;display:grid;place-items:center;background:#182620;color:var(--brand);border-radius:9px}.model-menu b,.model-menu small{display:block}.model-menu b{font-size:10px}.model-menu small{color:#77858e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-menu button>i{font-style:normal;color:var(--brand);opacity:0}.model-menu button.selected>i{opacity:1}.mode-enter{animation:modeEnter .42s cubic-bezier(.2,.8,.2,1)}@keyframes modeEnter{from{opacity:.35;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}main[data-workspace-mode="code"] .spark,main[data-workspace-mode="code"] #modeBadge{background:#1d2338;color:#9daeff;border-color:#39436d}main[data-workspace-mode="code"] #composer:focus-within{border-color:#6479d8;box-shadow:0 18px 60px #000b,0 0 0 3px #677ee913}main[data-workspace-mode="image"] .spark,main[data-workspace-mode="image"] #modeBadge{background:#342129;color:#ff9bb0;border-color:#67404b}main[data-workspace-mode="image"] #composer:focus-within{border-color:#b75f73;box-shadow:0 18px 60px #000b,0 0 0 3px #e36d8912}#composer{transition:border-color .25s,box-shadow .25s,transform .25s}#composer:focus-within{transform:translateY(-2px);box-shadow:0 20px 70px #000c,0 0 0 3px #2fd2a112}.reasoning select{transition:.2s}.reasoning select:hover{border-color:#3c675a;transform:translateY(-1px)}
/* Command center admin */.admin-command{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:25px;position:relative;overflow:hidden;margin-bottom:17px;padding:24px;background:linear-gradient(120deg,#14251f,#10191d 60%,#10211d);border:1px solid #2d433b;border-radius:20px;box-shadow:0 20px 55px #0003}.admin-command:before{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-130px;border:1px solid #55e5ba1c;border-radius:50%;box-shadow:0 0 0 35px #55e5ba08,0 0 0 70px #55e5ba05}.command-copy{position:relative;z-index:1}.command-copy h2{font-size:23px;margin:4px 0}.command-copy p{color:#7d8c94;font-size:10px;margin:0}.command-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}.command-status article{position:relative;display:flex;align-items:center;gap:8px;min-height:67px;padding:11px;background:#0c1417a8;border:1px solid #293a3b;border-radius:13px}.command-status article>i{width:30px;height:30px;display:grid;place-items:center;background:#173029;color:var(--brand);border-radius:9px;font-style:normal}.command-status b,.command-status small{display:block}.command-status b{font-size:9px}.command-status small{color:#6e7d83;font-size:7px}.command-status em{position:absolute;left:9px;top:9px;width:5px;height:5px;background:var(--brand);border-radius:50%;box-shadow:0 0 10px var(--brand);animation:statusBlink 2s infinite}@keyframes statusBlink{50%{opacity:.35}}.panel-enter{animation:panelEnter .38s cubic-bezier(.2,.8,.2,1)}@keyframes panelEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.refresh-btn.spinning{animation:refreshSpin .55s ease}@keyframes refreshSpin{50%{transform:rotate(-180deg)}}.admin-side .brand{position:relative}.admin-side .brand:after{content:"";position:absolute;right:8px;left:8px;bottom:-19px;height:1px;background:linear-gradient(90deg,transparent,#395249,transparent)}
@media(max-width:1000px){.admin-command{grid-template-columns:1fr}.model-picker{width:190px}.command-status{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.model-picker{flex:1;width:auto}.model-picker>small{display:none}.command-status{grid-template-columns:1fr}.admin-command{padding:18px}.command-copy h2{font-size:18px}}

/* NAXLO V3 — unmistakable visual redesign */:root{--surface:#0c1218;--surface2:#121b23;--cyan:#6df5d0;--blue:#5d8dff}.app{background:#06090d}aside{width:258px;flex-basis:258px;padding:24px 14px;background:linear-gradient(180deg,#0d141a 0%,#091015 100%);border-right-color:#23313b}.brand{padding:0 6px}.brand i{width:46px;height:46px;border-radius:15px;box-shadow:0 0 0 1px #5ff7cf24,0 12px 35px #29d8aa25}.brand b{font-size:17px;letter-spacing:2.4px}.new{height:48px;margin:30px 2px 24px;padding:0 16px;background:linear-gradient(135deg,#1c2a32,#14221f);border-color:#344a48;border-radius:15px;box-shadow:0 12px 30px #0004}.new:hover{transform:translateY(-2px);border-color:#55a991;box-shadow:0 16px 36px #0005}nav{gap:8px}nav button{height:48px;padding:0 13px;border-radius:13px;font-weight:600}nav button span{width:29px;font-size:16px}nav button.active{background:linear-gradient(90deg,#19362e,#142a25);border-color:#2f6555;box-shadow:inset -3px 0 var(--cyan),0 12px 32px #0003}.hist.active{padding:12px 13px;background:linear-gradient(90deg,#151e26,#121a21);border:1px solid #25343e}.side-foot{padding:15px 2px 0}.side-foot>a{margin-bottom:5px;padding:9px 11px;background:#10201c;border:1px solid #233f37;border-radius:10px}.side-foot>button{background:#10171d;border-color:#202d35;padding:10px}.app main{background:radial-gradient(circle at 55% 8%,#0d3a314a 0,transparent 30%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px),#070b0f;background-size:auto,36px 36px,36px 36px}header{height:70px;margin:14px 18px 0;padding:0 20px;border:1px solid #26353f;border-radius:18px;background:#0b1117d9;box-shadow:0 18px 50px #0005;backdrop-filter:blur(22px)}.current{padding-left:8px}.spark{width:40px;height:40px;border-radius:13px;box-shadow:0 8px 25px #36d7a91c}.usage{padding:8px 11px;background:#10171d;border:1px solid #202f38;border-radius:11px}.usage>i{height:4px}.model-picker>button{background:linear-gradient(145deg,#172129,#111920);box-shadow:0 12px 35px #0004}.model-picker>button:hover{transform:translateY(-1px)}#chat{padding-top:38px;background:radial-gradient(circle at 50% 27%,#36dcb50b,transparent 28%)}.welcome{max-width:930px;margin:1vh auto 35px}.hero-status{width:max-content;display:flex;align-items:center;gap:7px;margin:0 auto 16px;padding:6px 10px;background:#0f1c19;border:1px solid #285145;border-radius:999px;color:#91a39d;font-size:8px;letter-spacing:1px}.hero-status>i{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:statusBlink 1.7s infinite}.hero-status em{font-style:normal;color:var(--cyan);background:#183029;padding:2px 5px;border-radius:5px}.orb-shell{position:relative;width:92px;height:92px;margin:auto;display:grid;place-items:center}.orb-shell:before,.orb-shell:after{content:"";position:absolute;border:1px solid #66f5cd27;border-radius:27px;animation:logoOrbit 8s linear infinite}.orb-shell:before{inset:2px}.orb-shell:after{inset:-9px;border-style:dashed;animation-direction:reverse;animation-duration:14s}.orb-shell .orb{width:66px;height:66px;margin:0;border-radius:20px;box-shadow:0 0 0 1px #67f5cf2c,0 20px 55px #20d9aa3b}.orb-shell>i{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px var(--cyan)}.orb-shell>i:nth-of-type(1){top:8px;right:8px}.orb-shell>i:nth-of-type(2){bottom:2px;left:18px}@keyframes logoOrbit{to{transform:rotate(360deg)}}.welcome h1{font-size:clamp(34px,4.5vw,54px);margin:20px 0 7px;letter-spacing:-2px;line-height:1.35}.welcome h1 span{background:linear-gradient(90deg,#64f4cd,#77a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome>p{font-size:13px;color:#86939c}.cards{gap:13px;margin-top:30px}.cards button{min-height:92px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:11px;padding:14px;background:linear-gradient(145deg,#121b22,#0d151a);border-color:#283741;border-radius:17px;box-shadow:0 15px 45px #0003}.cards button:hover{transform:translateY(-5px);border-color:#427765;background:linear-gradient(145deg,#16231f,#101a1d);box-shadow:0 22px 55px #0005}.cards button>.card-icon{width:41px;height:41px;display:grid;place-items:center;float:none;background:#172b25;color:var(--cyan);border:1px solid #2b5548;border-radius:12px;font-style:normal}.cards button>span{float:none!important;color:inherit!important;text-align:right}.cards button b,.cards button small{display:block}.cards button b{font-size:12px}.cards button small{margin-top:4px;color:#70808a;font-size:8px;line-height:1.5}.cards button>em{color:var(--cyan);font-style:normal}.starter-message{max-width:620px;margin:32px auto}.starter-message>div{width:100%;padding:16px 18px;background:linear-gradient(145deg,#121c23,#0e161b);border-color:#2b3943;border-radius:18px;box-shadow:0 18px 50px #0003}.message-actions{display:block;border-top:1px solid #222e36;margin-top:10px;padding-top:8px;color:#5f6d76;font-size:8px}footer{padding-bottom:13px}#composer{background:linear-gradient(145deg,#131c23,#0e161b);border-color:#2b3a44;border-radius:20px;padding:11px 14px;box-shadow:0 25px 70px #000c}#composer textarea{height:62px;font-size:13px}.composer-top{padding-bottom:2px}.composer-bottom{padding-top:4px;border-top:1px solid #202c34}#composer button{background:linear-gradient(145deg,#5ff0c7,#20a987);box-shadow:0 10px 28px #24c99e35}
/* Admin V3 */.admin-body{background:radial-gradient(circle at 70% -10%,#194c4055,transparent 35%),#06090d}.admin-shell{grid-template-columns:235px 1fr}.admin-side{background:linear-gradient(180deg,#101921,#0a1016);border-right-color:#293944;padding:26px 16px}.admin-main{padding:30px;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:38px 38px}.admin-head{margin:-30px -30px 24px;padding:24px 30px 18px;background:#090f15e8}.admin-head h1{font-size:30px}.admin-command{padding:28px;background:linear-gradient(120deg,#17352d,#111d22 55%,#132a25);border-color:#356254;box-shadow:0 25px 70px #0004}.stats{gap:16px}.stat{min-height:122px;padding:20px;background:linear-gradient(145deg,#141e26,#0e161c);border-color:#2a3a45}.stat b{font-size:32px}.admin-card{padding:24px;background:linear-gradient(145deg,#121c23,#0d151a);border-color:#2a3a44;border-radius:20px;box-shadow:0 20px 55px #0003}.admin-grid{gap:20px}.model-row{padding:18px 10px}.admin-field{background:#111a20;border-color:#2d3c46}.primary-btn{background:linear-gradient(135deg,#39d5ad,#16886f);box-shadow:0 12px 30px #1ab08b24}.mini-btn{background:#151f26}.admin-auth{width:min(900px,94vw)!important;border-color:#38544b;box-shadow:0 40px 120px #000}.admin-auth-art{background:radial-gradient(circle at 50% 26%,#2b8c6f55,transparent 33%),linear-gradient(145deg,#122920,#09120f)}.admin-auth-form{background:linear-gradient(160deg,#142028,#0d151b)}.admin-auth-form input{background:#10191f!important;border-color:#30424d!important}.admin-auth-form form>button{background:linear-gradient(135deg,#54e7bd,#159277);box-shadow:0 15px 35px #1ec59a30}
@media(max-width:760px) and (min-width:561px){.admin-auth[open]{display:grid!important;grid-template-columns:215px 1fr!important}.admin-auth-art{display:block!important;min-height:500px;padding:26px 20px}.admin-auth-art .auth-logo{margin-bottom:32px}.admin-auth-art h2{font-size:20px}.admin-auth-art>p{font-size:10px}.admin-auth-art .security-points{display:none}.admin-auth-form{padding:42px 28px}}@media(max-width:560px){.admin-auth-art{display:none!important}.admin-auth[open]{display:block!important}.admin-auth-form{padding:35px 22px}}@media(max-width:700px){header{margin:10px 10px 0}.welcome h1{letter-spacing:-1px}.cards button{min-height:78px}#chat{padding-top:28px}.starter-message{margin:25px 0}.admin-main{padding:18px 12px}}
@media(max-width:700px){.admin-body{overflow-x:hidden}.admin-shell{width:100%;overflow-x:hidden}.admin-side{position:sticky;top:0;z-index:20;padding:11px 12px 9px;background:#0b1218ed;border-bottom-color:#2b3b45;backdrop-filter:blur(20px)}.admin-side .brand{justify-content:center}.admin-side .brand i{width:38px;height:38px}.admin-side nav{display:flex!important;gap:6px;margin-top:10px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.admin-side nav::-webkit-scrollbar{display:none}.admin-side nav button{flex:0 0 auto;width:auto;height:38px;padding:0 13px;font-size:10px}.admin-main{width:100%;min-width:0;padding:18px 12px;overflow-x:hidden}.admin-head{position:static;width:auto;margin:0 0 18px;padding:5px 0 14px;background:transparent;backdrop-filter:none}.admin-head h1{font-size:24px}.admin-head p{font-size:9px}.admin-command,.stats,.admin-grid,.settings-grid,.admin-card{width:100%;min-width:0}.admin-command{padding:19px;border-radius:16px}.command-copy p{line-height:1.8}.command-status article{min-width:0}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.admin-card{padding:17px}.model-row{grid-template-columns:1fr}.inline-costs{width:100%;overflow-x:auto}.user-card-head{display:block}.user-tools{flex-direction:row;align-items:center;margin-top:10px}.user-search{width:100%}}

/* Minimal conversation start inspired by focused desktop AI tools */.app main{background:radial-gradient(circle at 50% 36%,#1b27242b,transparent 30%),#111514}main:not(.chatting) #chat{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 24px 185px}.minimal-welcome{margin:0;text-align:center;animation:welcomeIn .6s ease}.minimal-mark{position:relative;width:43px;height:43px;margin:0 auto 19px}.minimal-mark img{width:100%;height:100%;object-fit:cover;border-radius:13px;box-shadow:0 13px 35px #0007}.minimal-mark i{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;background:var(--cyan);border:2px solid #111514;border-radius:50%;box-shadow:0 0 12px var(--cyan)}.minimal-welcome h1{font-family:Vazirmatn,Tahoma,sans-serif;font-size:clamp(27px,3vw,38px);font-weight:500;letter-spacing:-1px;margin:0;color:#e8e8e3}.minimal-welcome h1 span{background:linear-gradient(90deg,#d7d9d2,#6df5d0);-webkit-background-clip:text;background-clip:text;color:transparent}main:not(.chatting) footer{top:54%;bottom:auto;transform:translateY(-5%);padding-top:12px;background:none;transition:top .35s ease,transform .35s ease}main:not(.chatting) footer>small{display:none}main:not(.chatting) #composer{max-width:700px;margin:auto;background:#323532;border-color:#424642;border-radius:23px;box-shadow:0 25px 65px #0007}main:not(.chatting) #composer textarea{height:70px;font-size:13px}main:not(.chatting) .composer-top{border-bottom:1px solid #434641;padding-bottom:8px}main:not(.chatting) .composer-bottom{border-top:0;padding-top:8px}main.chatting .minimal-welcome{display:none}main.chatting #chat{display:block;padding-bottom:205px}main.chatting footer{top:auto;bottom:0;transform:none;background:linear-gradient(transparent,#070a0d 30%);animation:composerDock .4s ease}@keyframes composerDock{from{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}main.chatting #composer{max-width:none}.history{opacity:.82}.welcome+.msg{display:none}@media(max-width:700px){main:not(.chatting) #chat{padding-bottom:170px}.minimal-welcome h1{font-size:25px}main:not(.chatting) footer{top:51%;padding:10px}main:not(.chatting) #composer{border-radius:18px}.composer-top{font-size:9px}}
/* Responsive navigation, persistent-history list, and animated reasoning control */
.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;flex:0 0 auto}
.menu-toggle i{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:.25s}
.app aside{transition:transform .3s cubic-bezier(.2,.8,.2,1),margin .3s cubic-bezier(.2,.8,.2,1)}
.app.sidebar-closed aside{margin-left:-258px}
.sidebar-backdrop{display:none;border:0;background:rgba(0,0,0,.62)}
#historyList{display:grid;gap:5px;margin-top:8px}.history-empty{color:var(--muted);font-size:11px;line-height:1.8;padding:12px}
.hist{display:flex!important;align-items:center;gap:4px;padding:0!important}.history-open{min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:right;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history-delete{border:0;background:transparent;color:var(--muted);font-size:18px;padding:5px 9px;opacity:0;cursor:pointer}.hist:hover .history-delete,.hist.active .history-delete{opacity:1}.history-delete:hover{color:#ff7b87}
.reasoning-control{position:relative;direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);width:250px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#11141a;overflow:hidden}
.reasoning-control button{position:relative;z-index:2;height:32px;border:0;background:transparent;color:var(--muted);font:600 11px inherit;cursor:pointer;transition:color .25s}.reasoning-control button.active{color:#fff}.reasoning-indicator{position:absolute;z-index:1;left:4px;top:4px;width:calc((100% - 8px)/3);height:32px;border-radius:9px;background:linear-gradient(135deg,#4b5df0,#7a58e8);box-shadow:0 5px 18px #5865f244;transition:transform .42s cubic-bezier(.2,.85,.2,1),background .3s}.reasoning-control[data-level="medium"] .reasoning-indicator{transform:translateX(100%)}.reasoning-control[data-level="high"] .reasoning-indicator{transform:translateX(200%);background:linear-gradient(135deg,#8a4fee,#db5d9d)}.reasoning-control[data-level="low"] .reasoning-indicator{background:linear-gradient(135deg,#238b79,#38b994)}
@media(max-width:700px){body{overflow:hidden}.app{min-height:100dvh}.app aside{display:flex!important;position:fixed;left:0;top:0;bottom:0;z-index:60;width:min(86vw,290px);margin:0!important;transform:translateX(-105%);box-shadow:20px 0 60px #0008}.app.sidebar-open aside{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;opacity:0;visibility:hidden;transition:.25s}.app.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}main{width:100%;min-width:0;height:100dvh}main header{height:68px;padding:10px 12px;gap:8px}.current{display:none}.model-picker{margin-inline:0;min-width:0;flex:1}.model-picker>small{display:none}#modelTrigger{width:100%;min-width:0;padding:7px 9px}.usage{width:66px}.usage span{font-size:9px}.usage i{width:64px}#chat{padding:82px 14px 175px}.minimal-welcome h1{font-size:24px}footer{left:0!important;width:100%!important;padding:10px 10px max(8px,env(safe-area-inset-bottom))}footer form{border-radius:18px;padding:11px}.composer-top{font-size:10px}textarea{min-height:56px;font-size:15px}.composer-bottom{gap:8px;flex-wrap:wrap}.reasoning-control{width:205px;order:1}.keyboard-hint{display:none}.composer-bottom>button:last-child{order:2;margin-inline-start:auto}.msg{max-width:100%;gap:8px}.bubble{max-width:calc(100vw - 72px);font-size:14px}.auth-dialog,.profile-dialog{width:calc(100vw - 18px);max-height:92dvh}.auth-showcase{display:none}.auth-panel{padding:24px 18px}.form-pair{grid-template-columns:1fr}}
@media(min-width:701px) and (max-width:1050px){aside{width:230px}.app.sidebar-closed aside{margin-left:-230px}.current small{display:none}.reasoning-control{width:220px}}

/* Keep long conversation lists inside the sidebar instead of pushing the account away. */
.app>aside{height:100vh;min-height:0;overflow:hidden}
.app>aside>.brand,.app>aside>.new,.app>aside>nav,.app>aside>.side-foot{flex:0 0 auto}
.app>aside>.history{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;margin-bottom:10px}
.app>aside>.history>small{flex:0 0 auto}
#historyList{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;padding:0 3px 8px 0;scrollbar-width:thin;scrollbar-color:#33463f transparent;overscroll-behavior:contain}
#historyList::-webkit-scrollbar{width:5px}
#historyList::-webkit-scrollbar-track{background:transparent}
#historyList::-webkit-scrollbar-thumb{background:#33463f;border-radius:10px}
.side-foot{position:relative;z-index:4;margin-top:auto;background:linear-gradient(180deg,#0b1116,#091015);box-shadow:0 -14px 28px #091015}
.side-foot>a,.side-foot>#account{position:relative;z-index:1}
@media(max-width:700px){.app>aside{height:100dvh;max-height:100dvh;padding-bottom:max(14px,env(safe-area-inset-bottom))}.app>aside>.history{margin-top:12px;margin-bottom:8px}.side-foot{padding-bottom:0}}
#composer .reasoning-control button{width:auto;height:32px;border-radius:9px;background:transparent;font-size:11px;font-weight:600;box-shadow:none;transform:none;filter:none}
.effort-picker{position:relative;margin-left:auto}.effort-picker>#effortTrigger{width:auto!important;height:36px!important;display:flex;align-items:center;gap:8px;padding:0 11px!important;border:1px solid #3b4145!important;border-radius:10px!important;background:#292d2e!important;color:#d9dddd!important;font-size:10px!important;box-shadow:none!important}.effort-picker>#effortTrigger span{color:#8f9797}.effort-picker>#effortTrigger b{font-size:11px}.effort-picker>#effortTrigger i{font-style:normal;color:#8a9393}.effort-menu{position:absolute;z-index:80;right:0;bottom:48px;width:365px;padding:14px;background:#333532;border:1px solid #4a4d49;border-radius:15px;box-shadow:0 24px 70px #000c;opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transform-origin:bottom right;transition:.2s ease;text-align:left;direction:ltr}.effort-menu.open{opacity:1;visibility:visible;transform:none}.effort-menu>p{margin:0 0 8px;color:#999b96;font-size:11px;line-height:1.5}.effort-options{display:grid}.effort-options button,#composer .effort-options button{width:100%;height:40px;display:flex;align-items:center;gap:8px;padding:0!important;border:0;border-radius:8px;background:transparent;color:#f2f2ef;font-size:14px;font-weight:600;box-shadow:none;text-align:left;transform:none}.effort-options button:hover{background:#3d403c}.effort-options button em{padding:2px 6px;border-radius:5px;background:#454842;color:#c0c1bc;font-size:9px;font-style:normal}.effort-options button small{color:#aaa;font-size:10px}.effort-options button i{margin-left:auto;color:#3397ff;font-size:17px;font-style:normal;opacity:0}.effort-options button.active i{opacity:1}.thinking-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px solid #4b4d49}.thinking-toggle span b,.thinking-toggle span small{display:block}.thinking-toggle span b{font-size:14px}.thinking-toggle span small{margin-top:3px;color:#999b96;font-size:11px}.thinking-toggle label{position:relative}.thinking-toggle input{position:absolute;opacity:0}.thinking-toggle label>i{display:block;width:44px;height:25px;border-radius:20px;background:#555;transition:.2s}.thinking-toggle label>i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.thinking-toggle input:checked+i{background:#278cf0}.thinking-toggle input:checked+i:after{transform:translateX(19px)}@media(max-width:700px){.effort-picker{order:1}.effort-menu{position:fixed;right:10px;left:10px;bottom:112px;width:auto}.effort-picker>#effortTrigger{max-width:190px}.composer-bottom>button:last-child{order:2}}
.msg>.avatar{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:11px;background:#182621;color:var(--brand);font-weight:800}.msg>.bubble{border:1px solid #263139;background:#11171c;border-radius:6px 17px 17px 17px;padding:12px 16px}.msg.user>.bubble{background:#17231f;border-radius:17px 6px 17px 17px}.bubble p{white-space:pre-wrap;line-height:1.9;margin:5px 0}.thinking{display:flex;align-items:center;gap:5px;color:#aeb9c0}.thinking span{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:thinkDot 1.15s infinite}.thinking span:nth-child(2){animation-delay:.16s}.thinking span:nth-child(3){animation-delay:.32s}.thinking b{font-size:11px;margin-right:7px}.inline-reasoning{grid-column:1/-1;display:flex;align-items:center;gap:7px;background:#111821;border:1px solid #293844;border-radius:12px;padding:8px}.inline-reasoning>b{font-size:9px;color:var(--brand);margin-left:4px}.inline-reasoning label{display:flex;align-items:center;gap:4px;color:#84919c;font-size:9px}.inline-reasoning input{width:56px;height:31px;border:1px solid #33424d;border-radius:8px;background:#172027;color:#fff;text-align:center}.inline-reasoning button{margin-right:auto}.reasoning-fields:before{content:"ضریب مصرف قدرت پاسخ";grid-column:1/-1;color:var(--brand);font-size:10px}@media(max-width:700px){.inline-reasoning{flex-wrap:wrap}.inline-reasoning button{margin-right:0}}