:root{--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-shell-x:24px;--color-bg-page:#f7f7f9;--color-bg-page-muted:#f5f6f9;--color-bg-elevated:#fafafd;--color-bg-surface:#fff;--color-bg-surface-hover:#f8f9fc;--color-bg-inset:#f1f2f7;--color-bg-input:#fff;--color-bg-muted:#eef1f6;--color-bg-table-head:#f8f9fc;--color-bg-hover:#f1f2f7;--color-bg-hover-strong:#f1f2f7;--color-bg-stat-highlight:linear-gradient(135deg, #ecf2ff 0%, #f0f4ff 100%);--color-bg-stat-highlight-border:#dce4fb;--color-border:#ececf2;--color-border-default:#e8eaf1;--color-border-muted:#e4e7ef;--color-border-strong:#e6e8ef;--color-border-subtle:#f0f1f6;--color-border-row:#f1f2f7;--color-border-panel:#e7e9f1;--color-text:#0f172a;--color-text-heading:#111827;--color-text-brand:#202330;--color-text-body:#1f2937;--color-text-secondary:#374151;--color-text-muted:#4b5568;--color-text-subtle:#64748b;--color-text-faint:#6b7288;--color-text-extra-faint:#8a90a3;--color-text-copyright:#9ba1b4;--color-text-menu:#2f3345;--color-text-badge:#4c5166;--color-text-placeholder:#b3b7c5;--color-text-on-primary:#fff;--color-text-link:#4b5563;--color-brand:#5f56f5;--color-brand-icon:#473dff;--color-brand-bubble:#fff;--color-btn-primary-bg:#0f172a;--color-btn-primary-text:#fff;--color-btn-primary-hover:#0f172a;--color-nav-active-bg:#111827;--color-nav-active-text:#fff;--color-danger:#e11d48;--color-danger-alt:#dc2626;--color-error:#b91c1c;--color-error-soft:#f87171;--shadow-menu:0 10px 24px #11182724;--shadow-card:0 6px 20px #11182712;--shadow-card-lg:0 16px 48px #11182714;--shadow-card-md:0 4px 24px #1118270f;--shadow-input:0 2px 8px #1118270f;--color-chip-dot-black:#111827;--color-skeleton-from:#e2e8f0;--color-skeleton-via:#f1f5f9;--color-dot-empty:#e2e8f0;--color-icon-muted:#5b6478;--color-icon-action:#556078}[data-theme=dark]{--color-bg-page:#0c0e14;--color-bg-page-muted:#0c0e14;--color-bg-elevated:#13151d;--color-bg-surface:#1a1d27;--color-bg-surface-hover:#22253a;--color-bg-inset:#111320;--color-bg-input:#111320;--color-bg-muted:#111320;--color-bg-table-head:#111320;--color-bg-hover:#1f2234;--color-bg-hover-strong:#22253a;--color-bg-stat-highlight:#3b82f61f;--color-bg-stat-highlight-border:#2a3f66;--color-border:#1f2234;--color-border-default:#2a2d3e;--color-border-muted:#2a2d3e;--color-border-strong:#2a2d3e;--color-border-subtle:#1f2234;--color-border-row:#1f2234;--color-border-panel:#1f2234;--color-text:#e2e8f0;--color-text-heading:#e8ecf4;--color-text-brand:#e8ecf4;--color-text-body:#e2e8f0;--color-text-secondary:#b4bcd0;--color-text-muted:#94a3b8;--color-text-subtle:#7c849e;--color-text-faint:#7c849e;--color-text-extra-faint:#636b85;--color-text-copyright:#525b73;--color-text-menu:#b4bcd0;--color-text-badge:#94a3b8;--color-text-placeholder:#525b73;--color-text-on-primary:#0f172a;--color-text-link:#94a3b8;--color-btn-primary-bg:#e2e8f0;--color-btn-primary-text:#0f172a;--color-btn-primary-hover:#cbd5e1;--color-nav-active-bg:#e2e8f0;--color-nav-active-text:#0f172a;--color-error-soft:#f87171;--shadow-menu:0 10px 24px #0006;--shadow-card:0 6px 20px #0003;--shadow-card-lg:0 16px 48px #0000004d;--shadow-card-md:0 4px 24px #00000026;--shadow-input:0 2px 8px #00000026;--color-chip-dot-black:#e2e8f0;--color-skeleton-from:#1f2234;--color-skeleton-via:#2a2d3e;--color-dot-empty:#2a2d3e;--color-icon-muted:#7c849e;--color-icon-action:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text)}button,input,textarea,select{font:inherit;color:inherit}#root{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;min-height:100svh;margin:0;display:flex}.page{flex-direction:column;min-height:100vh;display:flex}.shell{width:100%;padding-left:var(--space-shell-x);padding-right:var(--space-shell-x)}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);padding:0}.topbar-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-mark{background:linear-gradient(145deg,#aaa6ff 8%,#7ab4ff 56%,#7de8ff 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 6px 14px #6366f13d}.brand-mark-svg{width:32px;height:32px}.brand-mark-bubble{fill:var(--color-brand-bubble)}.brand-mark-eye{fill:var(--color-brand-icon)}.brand-name{color:var(--color-text-brand);font-size:19px;font-weight:700}.brand-name-ai{color:var(--color-brand)}.brand-subtitle{color:var(--color-text-extra-faint);margin-top:1px;font-size:10px;font-weight:400;line-height:1.1}.menu{gap:36px;display:flex}.menu a{color:var(--color-text-menu);font-size:14px;text-decoration:none}.menu a.active{color:var(--color-text-heading);font-weight:600}.topbar-actions{align-items:center;gap:16px;display:flex}.lang-btn,.theme-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.theme-btn svg{width:22px;height:22px}.start-btn{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.account-btn{color:var(--color-text-muted);font-size:15px;font-weight:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.account-btn svg{width:21px;height:21px;color:var(--color-text-muted)}.account-wrap{margin-left:14px;position:relative}.account-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);width:280px;box-shadow:var(--shadow-menu);z-index:20;border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.account-menu-item{background:var(--color-bg-surface);width:100%;color:var(--color-text);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;padding:16px 18px;font-size:17px;display:flex}.account-menu-item:hover{background:var(--color-bg-surface-hover)}.account-menu-item.logout{border-top:1px solid var(--color-border-strong);color:var(--color-danger)}.account-menu-icon{width:24px;color:var(--color-icon-muted);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.account-menu-icon svg{width:22px;height:22px}.account-menu-item.logout .account-menu-icon{color:var(--color-danger)}.page-loader{flex:1;justify-content:center;align-items:center;min-height:240px;display:flex}.page-loader-spinner{border:2px solid var(--color-border-default);border-top-color:var(--color-brand);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite page-loader-spin}@keyframes page-loader-spin{to{transform:rotate(360deg)}}@keyframes account-skeleton-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.account-skeleton{background:linear-gradient(90deg, var(--color-skeleton-from) 0%, var(--color-skeleton-via) 40%, var(--color-skeleton-from) 80%);background-size:200% 100%;border-radius:8px;animation:1.1s ease-in-out infinite account-skeleton-shimmer}.account-skeleton-avatar{border-radius:50%;flex-shrink:0;width:52px;height:52px}.account-skeleton-user-text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.account-skeleton-line.lg{width:55%;max-width:220px;height:16px}.account-skeleton-line.md{width:40%;max-width:160px;height:13px}.account-skeleton-label{width:72px;height:12px}.account-skeleton-input{border-radius:10px;width:100%;height:40px}.account-skeleton-balance-card{border-radius:10px;width:100%;min-height:76px}.account-edit-btn:disabled,.account-save-btn:disabled{opacity:.55;cursor:not-allowed}.page-account{background:var(--color-bg-page-muted)}.account-main{padding:24px 0 48px}.account-shell{max-width:1080px;margin:0 auto}.account-title{color:var(--color-text-heading);margin-bottom:18px;font-size:28px;font-weight:700}.account-layout{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}.account-sidebar{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:14px;overflow:hidden}.account-side-item{border:none;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface);text-align:left;width:100%;color:var(--color-text-secondary);box-sizing:border-box;cursor:pointer;padding:12px 14px;font-size:14px;text-decoration:none;display:block}.account-side-item:first-child{border-top:none}.account-side-item.active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.account-side-item.logout{color:var(--color-danger-alt)}.account-side-item:disabled{opacity:.45;cursor:not-allowed}.account-content{flex-direction:column;gap:12px;display:flex}.account-card{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:14px;padding:16px}.account-state{color:var(--color-text-subtle);min-height:20px;margin:0;font-size:13px;line-height:20px}.account-state.error{color:var(--color-error)}.account-state.hidden{visibility:hidden}.account-state-slot{margin-bottom:8px}.account-profile-unavailable{color:var(--color-text-subtle);margin-top:14px;font-size:14px;line-height:1.45}.account-card h2{color:var(--color-text-heading);font-size:20px}.account-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-edit-btn,.account-save-btn{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.account-user-row{align-items:center;gap:12px;margin-top:14px;display:flex}.account-avatar{background:var(--color-btn-primary-bg);width:52px;height:52px;color:var(--color-btn-primary-text);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.account-user-name{color:var(--color-text-heading);font-size:15px;font-weight:600}.account-user-email{color:var(--color-text-faint);margin-top:2px;font-size:13px}.account-fields{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.account-field{flex-direction:column;gap:4px;display:flex}.account-field span{color:var(--color-text-faint);font-size:12px}.account-field input{background:var(--color-bg-surface-hover);width:100%;color:var(--color-text-body);border:1px solid #e5e7ef;border-radius:10px;padding:10px 12px;font-size:14px}.account-field-icon{width:20px;color:var(--color-text-faint);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-date-box{background:var(--color-bg-surface-hover);border:1px solid #e5e7ef;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.account-date-label{color:var(--color-text-faint);font-size:12px;display:block}.account-date-box strong{color:var(--color-text-heading);margin-top:2px;font-size:18px;display:block}.account-save-btn{width:100%;margin-top:14px}.account-balance-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.account-balance-grid.single{grid-template-columns:1fr}.account-balance-box{border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.account-balance-box span{color:var(--color-text-subtle);font-size:11px}.account-balance-box strong{color:var(--color-text);font-size:24px}.account-balance-box.rub{background:#ecf2ff}.account-balance-box.usd{background:#edf8f1}.account-save-btn.account-save-btn-disabled{pointer-events:none;opacity:.55;cursor:not-allowed;text-align:center;box-sizing:border-box;text-decoration:none}a.account-save-btn{text-decoration:none}[data-theme=dark] .page-login{background:radial-gradient(ellipse 120% 80% at 50% -20%, #7b61ff26, transparent 55%), radial-gradient(ellipse 90% 60% at 80% 60%, #3b82f614, transparent 50%), var(--color-bg-page)}[data-theme=dark] .page-models{background:radial-gradient(ellipse 100% 70% at 50% -15%, #8b5cf61f, transparent 50%), radial-gradient(ellipse 80% 50% at 90% 40%, #ec489912, transparent 45%), var(--color-bg-page)}[data-theme=dark] .page-pricing{background:radial-gradient(ellipse 100% 70% at 50% -10%, #7b61ff1f, transparent 52%), radial-gradient(ellipse 90% 55% at 100% 30%, #3b82f614, transparent 48%), var(--color-bg-page)}[data-theme=dark] .page-docs{background:radial-gradient(ellipse 100% 60% at 50% -15%, #8b5cf61a, transparent 50%), var(--color-bg-page)}[data-theme=dark] .chat-item.active{background:#1e2040;border-color:#2d3060}[data-theme=dark] .chat-bubble.user{background:#1e2040}[data-theme=dark] .plan-offer.popular{border-color:#8b5cf6}[data-theme=dark] .plan-offer-cta.outline:hover{border-color:#4b5068}[data-theme=dark] .docs-link-chevron{color:#353950}[data-theme=dark] .topup-currency-toggle button.active{color:#c7d2fe;background:#6366f126;border-color:#818cf8}[data-theme=dark] .account-balance-box.rub{background:#3b82f61a}[data-theme=dark] .account-balance-box.usd{background:#10b9811a}[data-theme=dark] .topup-balance-value.rub{background:#3b82f61f}[data-theme=dark] .topup-balance-value.usd{background:#10b9811f}[data-theme=dark] .login-submit:hover,[data-theme=dark] .model-cta:hover,[data-theme=dark] .plan-offer-cta.primary:hover{background:var(--color-btn-primary-hover)}[data-theme=dark] .metric-quality-dots .dot:not(.filled){background:var(--color-dot-empty)}@media (width<=1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.models-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.chat-main{grid-template-columns:1fr}.chat-sidebar{border-right:none;border-bottom:1px solid var(--color-border-panel)}.chat-center{padding:16px 12px 12px}.account-layout,.models-grid{grid-template-columns:1fr}.models-main{padding:24px 0 48px}.pricing-grid,.docs-quick,.docs-grid{grid-template-columns:1fr}}@media (width<=960px){.topbar-inner{flex-wrap:wrap;justify-content:center;gap:12px;height:auto;min-height:74px;padding-top:10px;padding-bottom:10px}.menu{gap:20px}.hero-subtitle{font-size:18px}.model-chip{font-size:15px}.composer-input{height:74px;font-size:18px}.composer-model{padding:8px 12px;font-size:14px}.composer-attach{width:34px;height:34px}.composer-icon-svg{width:16px;height:16px}.composer-send{width:34px;height:34px}.composer-send-icon{width:14px;height:14px}}