/* TranslateAI Pro by Gyan Pustak - minified. Do not modify. */
:root{--brand-primary:#1a73e8;--brand-primary-dark:#1557b0;--brand-primary-light:#4285f4;--brand-secondary:#34a853;--brand-accent:#ea4335;--brand-warning:#fbbc04;--brand-info:#00bcd4;--brand-purple:#9c27b0;--brand-indigo:#3f51b5;--brand-teal:#009688;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--bg-quaternary:#e8eaed;--bg-card:#ffffff;--bg-card-hover:#f8f9fa;--bg-overlay:rgba(255, 255, 255, 0.95);--bg-glass:rgba(255, 255, 255, 0.8);--bg-sidebar:#f8f9fa;--bg-nav:#ffffff;--bg-input:#f8f9fa;--bg-input-focus:#ffffff;--bg-badge:#e8f0fe;--bg-code:#f1f3f4;--text-primary:#202124;--text-secondary:#5f6368;--text-tertiary:#80868b;--text-placeholder:#9aa0a6;--text-link:#1a73e8;--text-link-hover:#1557b0;--text-inverse:#ffffff;--text-brand:#1a73e8;--text-success:#137333;--text-warning:#b06000;--text-error:#c5221f;--text-info:#007b83;--border-primary:#dadce0;--border-secondary:#e8eaed;--border-tertiary:#f1f3f4;--border-focus:#1a73e8;--border-error:#d93025;--border-success:#137333;--shadow-xs:0 1px 2px rgba(60, 64, 67, 0.1);--shadow-sm:0 1px 3px rgba(60, 64, 67, 0.12), 0 1px 2px rgba(60, 64, 67, 0.08);--shadow-md:0 2px 6px rgba(60, 64, 67, 0.15), 0 1px 2px rgba(60, 64, 67, 0.1);--shadow-lg:0 4px 12px rgba(60, 64, 67, 0.15), 0 2px 4px rgba(60, 64, 67, 0.12);--shadow-xl:0 8px 24px rgba(60, 64, 67, 0.15), 0 4px 8px rgba(60, 64, 67, 0.1);--shadow-2xl:0 16px 48px rgba(60, 64, 67, 0.15), 0 8px 16px rgba(60, 64, 67, 0.1);--shadow-brand:0 4px 14px rgba(26, 115, 232, 0.25);--shadow-card:0 1px 3px rgba(60, 64, 67, 0.12);--shadow-hover:0 4px 12px rgba(60, 64, 67, 0.2);--shadow-focus:0 0 0 3px rgba(26, 115, 232, 0.2);--shadow-inset:inset 0 1px 3px rgba(60, 64, 67, 0.1);--gradient-primary:linear-gradient(135deg, #1a73e8 0%, #4285f4 100%);--gradient-secondary:linear-gradient(135deg, #34a853 0%, #00bcd4 100%);--gradient-hero:linear-gradient(135deg, #1a73e8 0%, #9c27b0 50%, #ea4335 100%);--gradient-card:linear-gradient(135deg, #f8f9fa 0%, #e8eaed 100%);--gradient-shimmer:linear-gradient(90deg, #f1f3f4 25%, #e8eaed 50%, #f1f3f4 75%);--gradient-brand:linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);--gradient-success:linear-gradient(135deg, #34a853 0%, #137333 100%);--gradient-rainbow:linear-gradient(90deg, #1a73e8, #9c27b0, #ea4335, #fbbc04, #34a853);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--font-sans:'Inter', 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;--font-display:'Google Sans', 'Inter', sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--transition-fast:0.1s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-spring:0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--transition-bounce:0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-max:9999;--sidebar-width:280px;--sidebar-collapsed:72px;--navbar-height:64px;--content-max-width:1400px;--translation-panel-min-height:400px;--translation-textarea-min-height:200px}[data-theme=dark]{--bg-primary:#1c1c1e;--bg-secondary:#2c2c2e;--bg-tertiary:#3a3a3c;--bg-quaternary:#48484a;--bg-card:#2c2c2e;--bg-card-hover:#3a3a3c;--bg-overlay:rgba(28, 28, 30, 0.95);--bg-glass:rgba(28, 28, 30, 0.85);--bg-sidebar:#1c1c1e;--bg-nav:#1c1c1e;--bg-input:#2c2c2e;--bg-input-focus:#3a3a3c;--bg-badge:rgba(26, 115, 232, 0.2);--bg-code:#2c2c2e;--text-primary:#f2f2f7;--text-secondary:#aeaeb2;--text-tertiary:#8e8e93;--text-placeholder:#6c6c70;--text-link:#4da3ff;--text-link-hover:#75baff;--text-inverse:#1c1c1e;--text-brand:#4da3ff;--text-success:#4cd964;--text-warning:#ff9f0a;--text-error:#ff453a;--text-info:#5ac8fa;--border-primary:#38383a;--border-secondary:#3a3a3c;--border-tertiary:#2c2c2e;--border-focus:#4da3ff;--border-error:#ff453a;--border-success:#4cd964;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 2px 6px rgba(0, 0, 0, 0.4);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-xl:0 8px 24px rgba(0, 0, 0, 0.4);--shadow-2xl:0 16px 48px rgba(0, 0, 0, 0.5);--shadow-card:0 1px 3px rgba(0, 0, 0, 0.3);--gradient-card:linear-gradient(135deg, #2c2c2e 0%, #3a3a3c 100%);--gradient-shimmer:linear-gradient(90deg, #2c2c2e 25%, #3a3a3c 50%, #2c2c2e 75%);--bg-sidebar:#111113;--bg-nav:#1c1c1e}[data-theme=high-contrast]{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-card:#0f0f0f;--text-primary:#ffffff;--text-secondary:#cccccc;--border-primary:#ffffff;--brand-primary:#ffff00;--text-link:#ffff00}*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden;min-height:100vh}img{max-width:100%;height:auto}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}button{cursor:pointer;border:0;background:0 0;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:rgba(26,115,232,.2);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-primary)}.heading-display{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}.heading-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-container{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-sticky);transition:width var(--transition-slow),transform var(--transition-slow);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-3);min-height:var(--navbar-height)}.logo-mark{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.logo-mark::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2)0,transparent 100%)}.logo-mark svg{width:20px;height:20px;color:#fff;position:relative;z-index:1}.logo-text{flex:1;overflow:hidden}.logo-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.logo-tagline{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto}.nav-section{margin-bottom:var(--space-6)}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;position:relative;margin-bottom:2px}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:rgba(26,115,232,.1);color:var(--brand-primary)}.nav-item.active .nav-icon{color:var(--brand-primary)}.nav-icon{width:18px;height:18px;flex-shrink:0;color:currentColor}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--brand-primary);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0}.nav-badge.new{background:var(--brand-secondary)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-primary)}.user-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.user-profile:hover{background:var(--bg-tertiary)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.user-info{flex:1;overflow:hidden}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:var(--text-xs);color:var(--brand-primary);white-space:nowrap}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-slow)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.topnav{height:var(--navbar-height);background:var(--bg-nav);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topnav-left{display:flex;align-items:center;gap:var(--space-3);flex:1}.topnav-right{display:flex;align-items:center;gap:var(--space-2)}.sidebar-toggle{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.search-bar{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:0 var(--space-4);height:38px;width:320px;transition:all var(--transition-fast)}.search-bar:focus-within{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:var(--shadow-focus);width:380px}.search-bar input{background:0 0;border:0;outline:0;color:var(--text-primary);font-size:var(--text-sm);flex:1}.search-bar input::placeholder{color:var(--text-placeholder)}.search-icon{color:var(--text-tertiary);width:16px;height:16px;flex-shrink:0}.shortcut-badge{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;color:var(--text-tertiary);white-space:nowrap}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn svg{width:18px;height:18px}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--brand-accent);border-radius:var(--radius-full);border:2px solid var(--bg-nav)}.page-content{flex:1;padding:var(--space-6);max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:40px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:0;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;user-select:none}.btn::before{content:"";position:absolute;inset:0;background:0 0;transition:background var(--transition-fast)}.btn:hover::before{background:rgba(255,255,255,.1)}.btn:active::before{background:rgba(0,0,0,.1)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{box-shadow:0 6px 20px rgba(26,115,232,.4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-quaternary);border-color:var(--border-focus);color:var(--brand-primary)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ea4335,#c5221f);color:#fff}.btn-success{background:var(--gradient-success);color:#fff}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-sm svg{width:14px;height:14px}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-xl{height:56px;padding:0 var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-2xl)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn-icon.btn-lg{width:48px}.btn-loading{pointer-events:none;opacity:.7}.btn-loading::after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-left:var(--space-2)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-hover)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);outline:0;transition:all var(--transition-fast);width:100%;font-family:var(--font-sans)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.form-error{font-size:var(--text-xs);color:var(--text-error)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}.badge-primary{background:rgba(26,115,232,.12);color:var(--brand-primary)}.badge-success{background:rgba(52,168,83,.12);color:var(--brand-secondary)}.badge-warning{background:rgba(251,188,4,.15);color:#b06000}.badge-error{background:rgba(234,67,53,.12);color:var(--brand-accent)}.badge-info{background:rgba(0,188,212,.12);color:var(--brand-info)}.badge-purple{background:rgba(156,39,176,.12);color:var(--brand-purple)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag:hover,.tag.active{background:rgba(26,115,232,.1);border-color:var(--brand-primary);color:var(--brand-primary)}.divider{height:1px;background:var(--border-primary);margin:var(--space-4)0}.divider-vertical{width:1px;background:var(--border-primary);align-self:stretch}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-fill.success{background:var(--gradient-success)}.progress-fill.warning{background:linear-gradient(135deg,#fbbc04,#f57c00)}.progress-fill.error{background:linear-gradient(135deg,#ea4335,#c5221f)}.hero-section{text-align:center;padding:var(--space-12) var(--space-6);max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(26,115,232,.08);border:1px solid rgba(26,115,232,.2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--brand-primary);font-weight:500;margin-bottom:var(--space-6)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-5)}.hero-gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.6}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.hero-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.translation-workspace{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);overflow:hidden;box-shadow:var(--shadow-xl);margin-bottom:var(--space-6)}.language-bar{display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:0 var(--space-4);min-height:56px;gap:var(--space-2)}.lang-section{flex:1;display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.lang-section::-webkit-scrollbar{display:none}.lang-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent;background:0 0;font-family:var(--font-sans)}.lang-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-primary)}.lang-btn.active{background:var(--bg-card);color:var(--brand-primary);border-color:var(--brand-primary);font-weight:600}.lang-flag{width:20px;height:14px;border-radius:2px;background:var(--bg-tertiary);font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lang-selector-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);white-space:nowrap}.lang-selector-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:var(--shadow-focus)}.lang-selector-btn svg{width:14px;height:14px}.lang-swap-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-spring);flex-shrink:0;color:var(--text-secondary)}.lang-swap-btn:hover{background:rgba(26,115,232,.08);border-color:var(--brand-primary);color:var(--brand-primary);transform:rotate(180deg)}.lang-swap-btn svg{width:16px;height:16px}.translation-panels{display:grid;grid-template-columns:1fr 1fr;min-height:var(--translation-panel-min-height)}.translation-panel{display:flex;flex-direction:column;position:relative}.translation-panel:first-child{border-right:1px solid var(--border-primary)}.panel-textarea{flex:1;padding:var(--space-5) var(--space-6);background:0 0;border:0;outline:0;font-size:var(--text-lg);color:var(--text-primary);line-height:1.7;resize:none;min-height:var(--translation-textarea-min-height);font-family:var(--font-sans);width:100%}.panel-textarea::placeholder{color:var(--text-placeholder)}.output-text{flex:1;padding:var(--space-5) var(--space-6);font-size:var(--text-lg);color:var(--text-primary);line-height:1.7;min-height:var(--translation-textarea-min-height);overflow-y:auto;word-break:break-word}.output-placeholder{color:var(--text-placeholder);font-style:italic;font-size:var(--text-base)}.panel-toolbar{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);gap:var(--space-3)}.panel-toolbar-left,.panel-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.toolbar-icon-btn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.toolbar-icon-btn:hover{background:var(--bg-card);color:var(--brand-primary);border-color:var(--border-primary)}.toolbar-icon-btn svg{width:15px;height:15px}.char-count{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.char-count.limit{color:var(--brand-warning)}.confidence-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-secondary);font-size:var(--text-xs);color:var(--text-secondary)}.confidence-indicator{display:flex;gap:2px}.confidence-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--bg-quaternary)}.confidence-dot.filled{background:var(--brand-secondary)}.options-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-secondary);flex-wrap:wrap}.options-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-2)}.translate-btn-row{display:flex;justify-content:center;padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-secondary);gap:var(--space-3)}.feature-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6)0;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);overflow-x:auto;scrollbar-width:none}.feature-tabs::-webkit-scrollbar{display:none}.feature-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg) var(--radius-lg)0 0;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;border-bottom:none;white-space:nowrap;background:0 0;font-family:var(--font-sans);position:relative;bottom:-1px}.feature-tab:hover{color:var(--text-primary);background:var(--bg-card)}.feature-tab.active{color:var(--brand-primary);background:var(--bg-card);border-color:var(--border-primary);border-bottom-color:var(--bg-card)}.feature-tab svg{width:15px;height:15px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);transform:scale(.95) translateY(20px);transition:transform var(--transition-spring)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;flex:1}.modal-search{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.modal-search input{background:0 0;border:0;outline:0;flex:1;font-size:var(--text-sm);color:var(--text-primary)}.modal-search input::placeholder{color:var(--text-placeholder)}.modal-search:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.lang-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.lang-option:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.lang-option.selected{background:rgba(26,115,232,.08);border-color:var(--brand-primary)}.lang-option-flag{width:28px;height:20px;border-radius:var(--radius-xs);background:var(--bg-tertiary);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lang-option-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.lang-option-native{font-size:var(--text-xs);color:var(--text-secondary)}.lang-section-header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-3) var(--space-2) var(--space-2);margin-top:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card.success::before{background:var(--gradient-success)}.stat-card.warning::before{background:linear-gradient(135deg,#fbbc04,#f57c00)}.stat-card.error::before{background:linear-gradient(135deg,#ea4335,#c5221f)}.stat-card.purple::before{background:linear-gradient(135deg,#9c27b0,#3f51b5)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);background:rgba(26,115,232,.1);color:var(--brand-primary)}.stat-icon.success{background:rgba(52,168,83,.1);color:var(--brand-secondary)}.stat-icon.warning{background:rgba(251,188,4,.1);color:#b06000}.stat-icon.error{background:rgba(234,67,53,.1);color:var(--brand-accent)}.stat-icon.purple{background:rgba(156,39,176,.1);color:var(--brand-purple)}.stat-icon svg{width:22px;height:22px}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.stat-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.stat-change.positive{color:var(--brand-secondary)}.stat-change.negative{color:var(--brand-accent)}.stat-change svg{width:12px;height:12px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.feature-card::after{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:transparent;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-card:hover::after{opacity:.03}.feature-card>*{position:relative;z-index:1}.feature-icon{width:52px;height:52px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-brand)}.feature-icon.green{background:var(--gradient-success);box-shadow:0 4px 14px rgba(52,168,83,.25)}.feature-icon.red{background:linear-gradient(135deg,#ea4335,#c5221f);box-shadow:0 4px 14px rgba(234,67,53,.25)}.feature-icon.yellow{background:linear-gradient(135deg,#fbbc04,#f57c00);box-shadow:0 4px 14px rgba(251,188,4,.25)}.feature-icon.purple{background:linear-gradient(135deg,#9c27b0,#673ab7);box-shadow:0 4px 14px rgba(156,39,176,.25)}.feature-icon.cyan{background:linear-gradient(135deg,#00bcd4,#0097a7);box-shadow:0 4px 14px rgba(0,188,212,.25)}.feature-icon svg{width:26px;height:26px}.feature-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.feature-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.upload-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-secondary)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--brand-primary);background:rgba(26,115,232,.03)}.upload-zone.dragover{box-shadow:var(--shadow-focus)}.upload-icon{width:64px;height:64px;border-radius:var(--radius-2xl);background:rgba(26,115,232,.1);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--brand-primary)}.upload-icon svg{width:32px;height:32px}.upload-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.upload-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.upload-formats{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.format-badge{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:11px;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.file-list{margin-top:var(--space-4)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.file-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.file-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono)}.file-icon.pdf{background:rgba(234,67,53,.1);color:var(--brand-accent)}.file-icon.docx{background:rgba(26,115,232,.1);color:var(--brand-primary)}.file-icon.txt{background:rgba(100,100,100,.1);color:var(--text-secondary)}.file-icon.xlsx{background:rgba(52,168,83,.1);color:var(--brand-secondary)}.file-icon.pptx{background:rgba(251,188,4,.1);color:#b06000}.file-info{flex:1;min-width:0}.file-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.file-progress{margin-top:var(--space-2)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.history-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);background:var(--bg-card-hover)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.history-langs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--brand-primary)}.history-time{font-size:var(--text-xs);color:var(--text-tertiary)}.history-source{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-translation{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.history-item:hover .history-actions{opacity:1}.voice-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center}.voice-visualizer{display:flex;align-items:center;justify-content:center;gap:4px;height:64px;margin:var(--space-4)0}.voice-bar{width:4px;border-radius:var(--radius-full);background:var(--brand-primary);animation:voiceBar 1.2s ease infinite;opacity:.4}.voice-bar.active{opacity:1}.voice-bar:nth-child(1){height:20px;animation-delay:0s}.voice-bar:nth-child(2){height:35px;animation-delay:.1s}.voice-bar:nth-child(3){height:50px;animation-delay:.2s}.voice-bar:nth-child(4){height:40px;animation-delay:.3s}.voice-bar:nth-child(5){height:55px;animation-delay:.4s}.voice-bar:nth-child(6){height:30px;animation-delay:.5s}.voice-bar:nth-child(7){height:45px;animation-delay:.6s}.voice-bar:nth-child(8){height:25px;animation-delay:.7s}.voice-bar:nth-child(9){height:38px;animation-delay:.8s}.voice-bar:nth-child(10){height:18px;animation-delay:.9s}@keyframes voiceBar{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.voice-btn{width:72px;height:72px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-spring);box-shadow:var(--shadow-brand);margin:0 auto;color:#fff;border:0}.voice-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(26,115,232,.4)}.voice-btn.recording{background:linear-gradient(135deg,#ea4335,#c5221f);animation:voicePulse 1.5s ease infinite}.voice-btn svg{width:28px;height:28px}@keyframes voicePulse{0%,to{box-shadow:0 0 0 0 rgba(234,67,53,.4)}50%{box-shadow:0 0 0 16px transparent}}.ocr-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ocr-upload{border:2px dashed var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary)}.ocr-upload:hover{border-color:var(--brand-primary);background:rgba(26,115,232,.03)}.ocr-preview{border-radius:var(--radius-2xl);border:1px solid var(--border-primary);overflow:hidden;background:var(--bg-secondary);display:flex;flex-direction:column}.ocr-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);min-height:200px}.ocr-result{padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-card)}.conversation-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden}.conversation-side{display:flex;flex-direction:column;min-height:500px}.conversation-side:first-child{border-right:1px solid var(--border-primary)}.conv-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between}.conv-messages{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.message-bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);font-size:var(--text-sm);line-height:1.5}.message-bubble.sent{background:var(--gradient-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.message-bubble.received{background:var(--bg-secondary);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.conv-input{padding:var(--space-4);border-top:1px solid var(--border-primary);display:flex;gap:var(--space-2)}.conv-input input{flex:1;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);outline:0;font-family:var(--font-sans)}.conv-input input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.settings-section{margin-bottom:var(--space-8)}.settings-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.settings-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.settings-item:hover{border-color:var(--brand-primary)}.settings-item-info{flex:1}.settings-item-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.settings-item-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg-quaternary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base);border:1px solid var(--border-primary)}.toggle-slider::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--transition-spring);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--brand-primary);border-color:var(--brand-primary)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(22px)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:400px;animation:toastSlideIn .3s var(--transition-spring)}.toast.success{border-left:4px solid var(--brand-secondary)}.toast.error{border-left:4px solid var(--brand-accent)}.toast.warning{border-left:4px solid var(--brand-warning)}.toast.info{border-left:4px solid var(--brand-primary)}.toast-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast.success .toast-icon{background:rgba(52,168,83,.1);color:var(--brand-secondary)}.toast.error .toast-icon{background:rgba(234,67,53,.1);color:var(--brand-accent)}.toast.warning .toast-icon{background:rgba(251,188,4,.1);color:#b06000}.toast.info .toast-icon{background:rgba(26,115,232,.1);color:var(--brand-primary)}.toast-icon svg{width:16px;height:16px}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}@keyframes toastSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.skeleton{background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200%0}to{background-position:200%0}}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.translation-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.section{margin-bottom:var(--space-10)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.section-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.pricing-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);padding:var(--space-8);transition:all var(--transition-base);position:relative}.pricing-card.featured{background:var(--gradient-primary);border-color:transparent;color:#fff}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand-accent);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.pricing-name{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.pricing-price{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-1)}.pricing-period{font-size:var(--text-sm);opacity:.7;margin-bottom:var(--space-6)}.pricing-features{list-style:none;margin-bottom:var(--space-8)}.pricing-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)0;font-size:var(--text-sm)}.pricing-feature svg{width:16px;height:16px;flex-shrink:0}.pricing-card.featured .pricing-feature svg{color:rgba(255,255,255,.9)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.testimonial-stars{display:flex;gap:2px;margin-bottom:var(--space-4);color:var(--brand-warning)}.testimonial-stars svg{width:16px;height:16px}.testimonial-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-5)}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.testimonial-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.testimonial-role{font-size:var(--text-xs);color:var(--text-tertiary)}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5);align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--text-primary);color:var(--bg-primary);padding:4px 10px;border-radius:var(--radius-md);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}[data-tooltip]:hover::after{opacity:1}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-xl);transition:all var(--transition-spring);z-index:var(--z-overlay);border:0}.fab:hover{transform:scale(1.1);box-shadow:0 8px 24px rgba(26,115,232,.4)}.fab svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-fadeInUp{animation:fadeInUp .4s ease}.animate-slideInLeft{animation:slideInLeft .3s ease}.animate-scaleIn{animation:scaleIn .3s var(--transition-spring)}.animate-float{animation:float 3s ease infinite}.animate-pulse{animation:pulse 2s ease infinite}.stagger>:nth-child(1){animation-delay:0s}.stagger>:nth-child(2){animation-delay:.05s}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:200px;z-index:var(--z-dropdown);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--transition-base)}.dropdown-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-item svg{width:16px;height:16px}.dropdown-divider{height:1px;background:var(--border-primary)}.accordion-item{border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-2)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;background:var(--bg-card);transition:background var(--transition-fast);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.accordion-trigger:hover{background:var(--bg-secondary)}.accordion-icon{width:16px;height:16px;transition:transform var(--transition-base);flex-shrink:0}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.accordion-item.open .accordion-content{max-height:500px}.accordion-body{padding:var(--space-4) var(--space-5);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.api-doc{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4)}.api-doc-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.api-method{padding:3px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:700;font-family:var(--font-mono)}.api-method.get{background:rgba(52,168,83,.15);color:var(--brand-secondary)}.api-method.post{background:rgba(26,115,232,.15);color:var(--brand-primary)}.api-method.put{background:rgba(251,188,4,.15);color:#b06000}.api-method.delete{background:rgba(234,67,53,.15);color:var(--brand-accent)}.api-endpoint{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.code-block{padding:var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--text-primary);line-height:1.6;overflow-x:auto;background:var(--bg-code)}.code-block .key{color:#9c27b0}.code-block .string{color:#34a853}.code-block .number{color:#1a73e8}.code-block .comment{color:var(--text-tertiary)}@media (max-width:1200px){.translation-panels{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media (max-width:1024px){:root{--sidebar-width:260px}.features-grid{grid-template-columns:repeat(2,1fr)}.search-bar{width:240px}.search-bar:focus-within{width:280px}}@media (max-width:768px){:root{--sidebar-width:100%;--sidebar-collapsed:0px}.sidebar{transform:translateX(-100%);width:var(--sidebar-width);z-index:var(--z-modal)}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0!important}.translation-panels{grid-template-columns:1fr}.translation-panel:first-child{border-right:none;border-bottom:1px solid var(--border-primary)}.features-grid{grid-template-columns:1fr}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:var(--text-base)}.hero-stats{gap:var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-bar{display:none}.page-content{padding:var(--space-4)}.three-col{grid-template-columns:1fr}.ocr-panel{grid-template-columns:1fr}.conversation-container{grid-template-columns:1fr}.lang-section{display:none}.pricing-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}.topnav{padding:0 var(--space-4)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.btn-xl{height:48px;font-size:var(--text-base)}}@media print{.sidebar,.topnav,.toast-container,.fab{display:none}.main-content{margin-left:0}.page-content{padding:0}}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:calc(var(--z-modal) - 1);backdrop-filter:blur(4px)}.mobile-overlay.active{display:block}.quick-langs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.quick-lang-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-lang-btn:hover,.quick-lang-btn.active{background:rgba(26,115,232,.1);border-color:var(--brand-primary);color:var(--brand-primary)}.theme-switcher{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:2px;gap:2px}.theme-option{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.theme-option:hover{color:var(--text-primary)}.theme-option.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.theme-option svg{width:13px;height:13px}.rating-display{display:flex;align-items:center;gap:var(--space-2)}.stars-display{display:flex;gap:2px}.star-icon{width:14px;height:14px;fill:var(--brand-warning);color:var(--brand-warning)}.star-icon.half{fill:url(#halfGrad)}.shortcut-key{display:inline-flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-bottom:2px solid var(--border-primary);border-radius:var(--radius-sm);padding:2px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.lang-pair-display{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.lang-pair-display svg{width:14px;height:14px;color:var(--text-tertiary)}.alternatives-section{border-top:1px solid var(--border-primary);padding:var(--space-4)}.alt-header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.alt-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.alt-item:hover{background:var(--bg-secondary)}.alt-text{font-size:var(--text-sm);color:var(--text-primary)}.alt-confidence{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-secondary)}.data-table tr:last-child td{border-bottom:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.grid{display:grid}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.pointer-events-none{pointer-events:none}.inset-0{inset:0}.z-10{z-index:10}.text-success{color:var(--text-success)}.text-error{color:var(--text-error)}.text-warning{color:var(--text-warning)}.bg-primary{background:var(--bg-primary)}.bg-secondary-color{background:var(--bg-secondary)}.border-primary{border:1px solid var(--border-primary)}.lang-auto-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(26,115,232,.1);color:var(--brand-primary);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}.detected-lang{font-size:var(--text-xs);color:var(--brand-primary);font-weight:500;padding:var(--space-2) var(--space-4);background:rgba(26,115,232,.05);border-top:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-2)}.char-limit-bar{height:2px;background:var(--bg-tertiary);position:absolute;bottom:0;left:0;right:0}.char-limit-fill{height:100%;background:var(--brand-primary);transition:width .2s ease,background .2s ease}.tab-panel{display:none}.tab-panel.active{display:block}.bg-decoration{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.06}.bg-decoration-1{width:400px;height:400px;background:var(--brand-primary);top:-100px;right:-100px}.bg-decoration-2{width:300px;height:300px;background:var(--brand-secondary);bottom:-50px;left:-50px}.page-wrapper{position:relative;overflow:hidden}.langs-ribbon{overflow:hidden;padding:var(--space-4)0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.langs-track{display:flex;gap:var(--space-4);animation:marquee 30s linear infinite;white-space:nowrap;width:max-content}.lang-ribbon-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;padding:0 var(--space-2)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.pwa-prompt{position:fixed;bottom:var(--space-6);left:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-4);z-index:var(--z-toast);max-width:340px;animation:fadeInUp .4s ease}.pwa-prompt-icon{width:44px;height:44px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.pwa-prompt-icon svg{width:22px;height:22px}.pwa-prompt-text{flex:1}.pwa-prompt-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.pwa-prompt-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.scroll-top{position:fixed;bottom:calc(var(--space-6) + 64px);right:var(--space-6);width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);color:var(--text-secondary);z-index:var(--z-raised);transition:all var(--transition-fast);opacity:0;pointer-events:none}.scroll-top.visible{opacity:1;pointer-events:all}.scroll-top:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.scroll-top svg{width:16px;height:16px}