:root{--bg-void:#0e1117;--bg-primary:#141720;--bg-surface:#1a1e2a;--bg-elevated:#222738;--bg-overlay:rgba(14,17,23,0.85);--text-primary:#e8ecf4;--text-secondary:#7a869e;--text-muted:#3f4a5e;--text-inverse:#0c0e14;--accent-chat:#6ee7b7;--accent-create:#f472b6;--accent-voice:#38bdf8;--accent-system:#a78bfa;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-success:#34d399;--accent-chat-surface:rgba(110,231,183,0.08);--accent-create-surface:rgba(244,114,182,0.08);--accent-voice-surface:rgba(56,189,248,0.08);--accent-system-surface:rgba(167,139,250,0.08);--accent-chat-border:rgba(110,231,183,0.2);--accent-create-border:rgba(244,114,182,0.2);--accent-voice-border:rgba(56,189,248,0.2);--accent-system-border:rgba(167,139,250,0.2);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.16);--border-focus:var(--accent-system);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--shadow-glow-chat:0 0 20px rgba(110,231,183,0.15);--shadow-glow-create:0 0 20px rgba(244,114,182,0.15);--shadow-glow-voice:0 0 20px rgba(56,189,248,0.15);--shadow-glow-system:0 0 20px rgba(167,139,250,0.15);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--font-display:"Onest",system-ui,sans-serif;--font-body:"Commissioner",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--leading-tight:1.25;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:0.12s;--duration-normal:0.2s;--duration-slow:0.35s;--z-base:1;--z-sticky:10;--z-overlay:50;--z-modal:100;--z-toast:200;--noise-opacity:0.03}@keyframes qb-spin{to{transform:rotate(1turn)}}@keyframes qb-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes qb-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes qb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes qb-voice-wave{0%,to{height:4px}50%{height:16px}}@keyframes qb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes qb-slide-in-left{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes qb-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes qb-glow-pulse{0%,to{box-shadow:0 0 0 0 rgba(167,139,250,0)}50%{box-shadow:0 0 16px 2px rgba(167,139,250,.2)}}@keyframes qb-noise{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translateY(1%)}70%{transform:translate(1%,-1%)}80%{transform:translate(-1%,1%)}90%{transform:translateY(-1%)}}.qb-animate-spin{animation:qb-spin 1s linear infinite}.qb-animate-pulse{animation:qb-pulse 1.5s ease-in-out infinite}.qb-animate-shimmer{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:qb-shimmer 1.6s ease infinite}.qb-voice-bar{animation:qb-voice-wave .8s ease-in-out infinite}.qb-fade-in,.qb-stagger>*{animation:qb-fade-in var(--duration-normal) var(--ease-out) both}.qb-stagger>:first-child{animation-delay:0s}.qb-stagger>:nth-child(2){animation-delay:50ms}.qb-stagger>:nth-child(3){animation-delay:.1s}.qb-stagger>:nth-child(4){animation-delay:.15s}.qb-stagger>:nth-child(5){animation-delay:.2s}.qb-stagger>:nth-child(6){animation-delay:.25s}.qb-streaming-cursor:after{content:"";display:inline-block;width:2px;height:1.1em;background:var(--accent-chat);margin-left:2px;vertical-align:text-bottom;animation:qb-blink .8s step-end infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.qb-noise:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.qb-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.qb-card:hover{border-color:var(--border-default)}.qb-card-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.qb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.qb-btn:disabled{opacity:.4;cursor:not-allowed}.qb-btn-primary{background:var(--accent-system);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600}.qb-btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:var(--shadow-glow-system)}.qb-btn-primary:active:not(:disabled){transform:scale(.97)}.qb-btn-secondary{background:transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default)}.qb-btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong);background:var(--accent-system-surface)}.qb-btn-ghost{background:transparent;color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.qb-btn-ghost:hover:not(:disabled){color:var(--text-secondary);background:rgba(255,255,255,.04)}.qb-btn-icon{background:transparent;color:var(--text-muted);width:32px;height:32px;padding:0;border-radius:var(--radius-md)}.qb-btn-icon:hover:not(:disabled){color:var(--text-secondary);background:rgba(255,255,255,.06)}.qb-indicator{position:relative}.qb-indicator:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--accent-system);opacity:0;transform:scaleY(.5);transition:all var(--duration-fast) var(--ease-spring)}.qb-indicator.active:before{opacity:1;transform:scaleY(1)}.qb-scrollbar::-webkit-scrollbar{width:6px}.qb-scrollbar::-webkit-scrollbar-track{background:transparent}.qb-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.qb-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.qb-scroll-hidden{scrollbar-width:none}.qb-scroll-hidden::-webkit-scrollbar{display:none}.qb-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.qb-input:focus{border-color:var(--accent-system);box-shadow:0 0 0 3px rgba(167,139,250,.1)}.qb-input::placeholder{color:var(--text-muted)}.qb-slider{appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;background:var(--border-subtle)}.qb-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-system);border:2px solid var(--bg-primary);cursor:pointer;-webkit-transition:transform var(--duration-fast) var(--ease-spring);transition:transform var(--duration-fast) var(--ease-spring)}.qb-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:var(--shadow-glow-system)}.qb-tooltip{position:relative}.qb-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.qb-tooltip:hover:after{opacity:1}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}html{background-color:var(--bg-void)}#__next{overflow-x:hidden;max-width:100vw}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.markdown-content{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 10px;font-weight:600;line-height:1.35;color:inherit;letter-spacing:-.02em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.15em}.markdown-content p{margin:10px 0;line-height:1.65}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul{margin:10px 0;padding-left:24px;list-style-type:disc}.markdown-content ol{margin:10px 0;padding-left:24px;list-style-type:decimal}.markdown-content li{margin:6px 0;line-height:1.55;display:list-item}.markdown-content li::marker{color:var(--accent-chat)}.markdown-content li ol,.markdown-content li ul{margin:4px 0;padding-left:20px}.markdown-content li ul{list-style-type:circle}.markdown-content li ul ul{list-style-type:square}.markdown-content li ol{list-style-type:lower-alpha}.markdown-content li ol ol{list-style-type:lower-roman}.markdown-content strong{font-weight:600;color:#fff}.markdown-content em{font-style:italic;opacity:.9}.markdown-content code{background:rgba(255,255,255,.06);padding:3px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.88em;color:var(--accent-chat);border:1px solid var(--border-subtle)}.markdown-content pre{background:var(--bg-void);padding:16px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0;border:1px solid var(--border-subtle);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.markdown-content pre code{background:none;padding:0;color:var(--text-primary);border:none;font-size:.9em;line-height:1.5}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--duration-fast) var(--ease-out);z-index:1}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:rgba(255,255,255,.1);color:var(--text-secondary);border-color:var(--border-default)}.copy-code-btn:active{transform:scale(.9)}@media (max-width:768px){.copy-code-btn{opacity:1;padding:5px}}.markdown-content a{color:var(--accent-chat);text-decoration:none;border-bottom:1px solid rgba(110,231,183,.3);transition:all var(--duration-fast) var(--ease-out)}.markdown-content a:hover{color:#a7f3d0;border-bottom-color:currentColor}.markdown-content blockquote{border-left:3px solid var(--accent-system);padding:10px 16px;margin:12px 0;background:var(--accent-system-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.markdown-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);margin:20px 0}.markdown-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:12px 0;max-width:100%}.markdown-content thead{display:table-header-group}.markdown-content tbody{display:table-row-group}.markdown-content tr{display:table-row}.markdown-content td,.markdown-content th{display:table-cell;border:1px solid rgba(139,92,246,.2);padding:10px 12px;text-align:left;white-space:nowrap}.markdown-content th{background:var(--bg-elevated);font-weight:600;color:var(--text-primary)}.markdown-content tr:nth-child(2n) td{background:rgba(255,255,255,.02)}.markdown-content img.emoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-.1em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--mobile-padding:16px;--mobile-gap:12px;--mobile-border-radius:12px}@media (max-width:768px){body,html{overflow-x:hidden;width:100%}a,button,input,select,textarea{min-height:44px}button[aria-label*="Закрыть"],button[aria-label*="Очистить"],button[aria-label*="Скрыть"],button[aria-label*="Удалить"],button[class*=Clear],button[class*=Close],button[class*=clear],button[class*=close]{min-height:auto!important}.chat-root a,.chat-root button,.chat-root input,.chat-root textarea{min-height:auto}*{-webkit-overflow-scrolling:touch}body{text-size-adjust:100%}.landing-content h1,[data-landing] h1{font-size:clamp(28px,8vw,48px)!important;line-height:1.2!important}.landing-content h2,[data-landing] h2{font-size:clamp(24px,6vw,36px)!important;line-height:1.3!important}.landing-content h3,[data-landing] h3{font-size:clamp(20px,5vw,28px)!important;line-height:1.4!important}.landing-content p,[data-landing] p{font-size:clamp(14px,4vw,18px)!important;line-height:1.6!important}.hide-on-mobile{display:none!important}}@media (min-width:769px){.show-on-mobile{display:none!important}}@media (max-width:1024px){.hide-on-tablet{display:none!important}}@media (max-width:768px){.mobile-stack{flex-direction:column!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-padding{padding:var(--mobile-padding)!important}.mobile-gap{gap:var(--mobile-gap)!important}.mobile-center{text-align:center!important;align-items:center!important;justify-content:center!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-grid-1,.mobile-grid-2{display:grid!important;gap:var(--mobile-gap)!important}.mobile-grid-1{grid-template-columns:1fr!important}}@media (max-width:480px){.xs-full-width{width:100%!important}.xs-stack{flex-direction:column!important}.xs-padding{padding:12px!important}}@media (max-width:768px){section{padding:60px 16px!important}.hero-section{padding-top:100px!important;padding-bottom:60px!important}.section-title{font-size:28px!important;margin-bottom:24px!important}.section-description{font-size:16px!important;padding:0 16px!important}.card,.glass-card{padding:20px!important;border-radius:var(--mobile-border-radius)!important}.feature-grid{gap:16px!important}.feature-grid,.pricing-grid{display:grid!important;grid-template-columns:1fr!important}.pricing-grid{gap:20px!important}}@media (max-width:480px){.card,.glass-card{padding:16px!important}}@media (max-width:768px){.cta-button,.magnetic-button{width:100%!important;max-width:320px!important;padding:16px 24px!important;font-size:16px!important}.button-group{flex-direction:column!important;gap:12px!important}.button-group,.button-group>*{width:100%!important}input:not([style*=padding]):not([class*=searchInput]):not([class*=Input]),select,textarea:not([style*=padding]){width:100%!important;padding:14px 16px!important;font-size:16px!important;border-radius:10px!important}input[class*=Input],input[class*=searchInput],input[style*=padding]{font-size:16px!important}label{font-size:14px!important;margin-bottom:8px!important}.form-group{margin-bottom:16px!important}.form-row{flex-direction:column!important;gap:16px!important}.table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -16px!important;padding:0 16px!important}table{font-size:13px!important}td,th{padding:10px 8px!important;white-space:nowrap!important}.modal,.modal-content{width:calc(100% - 32px)!important;max-width:none!important;margin:16px!important;max-height:calc(100vh - 32px)!important;border-radius:16px!important}.modal-body,.modal-header{padding:16px!important}.modal-body{overflow-y:auto!important}.modal-footer{padding:16px!important;flex-direction:column!important;gap:12px!important}.modal-footer button{width:100%!important}.profile-sidebar{flex-direction:row!important;overflow-x:auto!important;padding-bottom:16px!important;gap:8px!important}.profile-tab{flex-shrink:0!important;padding:12px 16px!important;font-size:14px!important;white-space:nowrap!important}.profile-content{padding:16px!important}.avatar-upload{width:100px!important;height:100px!important}.constructor-toolbar{padding:8px!important;gap:8px!important;overflow-x:auto!important}.constructor-panel{width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:70vh!important;border-radius:20px 20px 0 0!important;z-index:100!important}.constructor-canvas{height:calc(100vh - 120px)!important}.chat-root{height:100dvh!important;height:-webkit-fill-available}.chat-container{height:calc(100vh - 60px)!important;padding:0!important}.chat-messages{padding:16px 16px 80px!important}.chat-message{max-width:85%!important;padding:12px 16px!important;font-size:15px!important}.chat-input-area{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:12px 16px!important;background:rgba(15,23,42,.95)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(167,139,250,.2)!important}.chat-input{font-size:16px!important}}@media (display-mode:standalone){.chat-root{padding-top:env(safe-area-inset-top,0)}}@media (max-width:768px){.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:60px!important;justify-content:space-around!important;background:rgba(15,23,42,.95)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(167,139,250,.2)!important;padding:0 16px!important;z-index:1000!important}.bottom-nav,.bottom-nav-item{display:flex!important;align-items:center!important}.bottom-nav-item{flex-direction:column!important;gap:4px!important;color:rgba(255,255,255,.6)!important;font-size:11px!important;text-decoration:none!important}.bottom-nav-item.active{color:#a78bfa!important}.bottom-nav-icon{font-size:22px!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (padding-top:env(safe-area-inset-top)){.nav-fixed{padding-top:env(safe-area-inset-top)!important}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(60px + env(safe-area-inset-bottom))!important}.chat-input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}@media (max-width:900px) and (orientation:landscape){.hero-section{min-height:auto!important;padding:80px 24px 40px!important}.decorative-blob,.particle-bg{display:none!important}.button-group{flex-direction:row!important}}@media print{.bottom-nav,.footer,.mobile-menu,.navbar{display:none!important}section{page-break-inside:avoid!important}}