.lang-select{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin:0;position:relative}.lang-select-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.lang-select-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.lang-select-hint{font-size:.8rem;color:var(--text-muted)}.lang-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0;position:relative}.lang-chips button.lang-chip{display:flex;flex-direction:column;align-items:center;padding:var(--space-2-5) var(--space-4);border:2px solid var(--border);background:var(--surface)!important;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-width:90px;color:var(--text)!important}.lang-chips button.lang-chip:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)!important}.lang-chips button.lang-chip.selected{border-color:var(--color-primary);background:var(--color-primary)!important;color:var(--text-inverse)!important}.lang-chip-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:inherit;line-height:1.2}.lang-chip-native{font-size:var(--text-xs);color:var(--text-muted);margin-top:.125rem}.lang-chips button.lang-chip.selected .lang-chip-native{color:#ffffffd9}.lang-chip-others{font-weight:var(--font-medium)}.lang-dropdown-row{display:flex;align-items:center;gap:var(--space-3);padding-top:0;border-top:1px solid transparent;opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .3s ease,padding-top .3s ease,border-color .3s ease}.lang-dropdown-row-visible{opacity:1;transform:translateY(0);max-height:200px;padding-top:var(--space-3);margin-top:var(--space-2);border-top-color:var(--border)}.lang-dropdown{flex:1;padding:var(--space-2-5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface);color:var(--text);cursor:pointer}.lang-dropdown option{color:var(--text);background:var(--surface)}.lang-dropdown:hover{border-color:var(--color-primary-300)}.lang-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0d948826}@media (max-width: 640px){.lang-select{padding:var(--space-4);border-radius:var(--radius-xl)}.lang-select-header{flex-direction:column;gap:var(--space-1)}.lang-chips{gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:var(--space-1) 0;padding-right:var(--space-10);margin:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.lang-chips::-webkit-scrollbar{display:none}.lang-chips button.lang-chip{padding:var(--space-2-5) var(--space-4);min-width:85px;flex-shrink:0;scroll-snap-align:start;border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent}.lang-chips button.lang-chip:active{transform:scale(.96)}.lang-chip-name{font-size:.9375rem}.lang-chip-native{font-size:.7rem}.lang-dropdown-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.lang-dropdown-row-visible{opacity:1;transform:translateY(0)}.lang-dropdown{width:100%;padding:var(--space-3) var(--space-4);min-height:48px;font-size:15px;border-radius:var(--radius-md)}}@media (max-width: 380px){.lang-chips button.lang-chip{padding:var(--space-2) var(--space-3);min-width:75px}.lang-chip-name{font-size:var(--text-sm)}.lang-chip-native{font-size:.65rem}}.audio-play-button{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-primary);transition:transform var(--transition-fast),color var(--transition-fast);min-width:44px;min-height:44px}.audio-play-button:hover:not(:disabled){transform:scale(1.05);color:var(--color-primary-dark)}.audio-play-button:active:not(:disabled){transform:scale(.92);transition:transform .1s ease-out}.audio-play-button:disabled{cursor:wait;opacity:.7}.audio-play-button.playing{color:var(--color-success)}.audio-play-button.playing:hover:not(:disabled){color:var(--color-success-dark)}.audio-play-button-bg,.audio-play-button-progress{position:absolute;top:0;left:0;pointer-events:none}.audio-play-button-progress circle{transition:stroke-dashoffset .05s linear}.audio-play-button-icon{position:relative;z-index:1;width:50%;height:50%;display:flex;align-items:center;justify-content:center}.audio-play-button-icon svg{width:100%;height:100%}.audio-play-button.loading .audio-play-button-icon svg{animation:spin var(--duration-normal) linear infinite}.audio-play-button.playing .audio-play-button-bg circle{animation:audio-button-pulse 2s ease-in-out infinite}@keyframes audio-button-pulse{0%,to{opacity:.2}50%{opacity:.35}}:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-primary: var(--color-primary-600);--color-primary-light: var(--color-primary-500);--color-primary-dark: var(--color-primary-700);--color-primary-lighter: var(--color-primary-300);--color-accent-50: #fff7ed;--color-accent-100: #ffedd5;--color-accent-200: #fed7aa;--color-accent-300: #fdba74;--color-accent-400: #fb923c;--color-accent-500: #f97316;--color-accent-600: #ea580c;--color-accent-700: #c2410c;--color-accent: var(--color-accent-500);--color-accent-light: var(--color-accent-400);--color-accent-glow: rgba(249, 115, 22, .2);--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success: var(--color-success-500);--color-success-light: var(--color-success-300);--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning: var(--color-warning-500);--color-warning-light: var(--color-warning-300);--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error: var(--color-error-500);--color-error-light: var(--color-error-300);--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--text: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-muted: var(--color-neutral-600);--text-light: var(--color-neutral-400);--text-inverse: #ffffff;--bg: #ffffff;--bg-subtle: var(--color-neutral-50);--bg-muted: var(--color-neutral-100);--bg-dark: var(--color-neutral-900);--bg-darker: var(--color-neutral-800);--surface: #ffffff;--surface-raised: #ffffff;--surface-overlay: rgba(15, 23, 42, .6);--border: var(--color-neutral-200);--border-light: var(--color-neutral-100);--border-dark: var(--color-neutral-300);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-600) 100%);--gradient-primary-dark: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);--gradient-warm: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-dark: linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-800) 100%);--gradient-surface: linear-gradient(180deg, var(--bg-subtle) 0%, var(--bg) 100%);--space-0: 0;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-3-5: .875rem;--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;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 2rem;--text-6xl: 2.5rem;--text-7xl: 3rem;--text-8xl: 3.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .1em;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-4xl: 20px;--radius-5xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 14px rgba(13, 148, 136, .3);--shadow-primary-lg: 0 8px 24px rgba(13, 148, 136, .25);--shadow-glow: 0 0 20px rgba(13, 148, 136, .3);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-normal: all var(--duration-normal) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-in-out);--transition-colors: color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-modal-above: 550;--z-popover: 600;--z-toast: 650;--z-tooltip: 700;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--min-touch-target: 44px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes expand-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0d948866}50%{box-shadow:0 0 0 8px #0d948800}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2400}}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 4px #ef44441a}}@keyframes streak-glow{0%,to{box-shadow:0 0 #f9731633}50%{box-shadow:0 0 12px 2px #f9731626}}@keyframes fire-flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.1) rotate(3deg)}}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-10px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(-20px,-20px) scale(1.02)}}@keyframes icon-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes copy-success{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg-subtle);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-appear{opacity:0;animation:fade-slide-up .4s ease-out forwards;animation-delay:calc(var(--index, 0) * .05s)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slide-up var(--duration-slow) var(--ease-out-expo)}.animate-slide-down{animation:slide-down var(--duration-slow) var(--ease-out-expo)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-out)}.animate-shimmer{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--sm{width:16px;height:16px}.loading-spinner--lg{width:32px;height:32px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text--sm{height:.75em}.skeleton-text--lg{height:1.25em}.skeleton-box{border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);text-decoration:none;cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:saturate(.8)}.btn--primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--gradient-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.btn--secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-dark)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-2xl)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card--hover{transition:var(--transition-normal)}.card--hover:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer;transition:var(--transition-normal)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2xl);font-size:var(--text-base);background:var(--bg);color:var(--text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.input:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--success{background:var(--color-success-100);color:var(--color-success-700)}.badge--warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge--error{background:var(--color-error-100);color:var(--color-error-700)}.badge--neutral{background:var(--bg-muted);color:var(--text-muted)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container--sm{max-width:var(--container-sm)}.container--lg{max-width:var(--container-2xl)}.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-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-target{min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #0d948833}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #0d94884d}.context-menu{position:fixed;z-index:var(--z-popover);min-width:180px;max-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-1);box-shadow:var(--shadow-lg);animation:context-menu-in .15s var(--ease-out)}@keyframes context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);background:transparent;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text);text-align:left;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.context-menu-item:hover{background:var(--bg-muted)}.context-menu-item:focus{outline:none;background:var(--bg-muted)}.context-menu-item--danger{color:var(--color-error)}.context-menu-item--danger:hover{background:var(--color-error-50)}.context-menu-item--disabled{opacity:.5;cursor:not-allowed}.context-menu-item--disabled:hover{background:transparent}.context-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.context-menu-icon svg{width:100%;height:100%}.context-menu-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-divider{height:1px;background:var(--border);margin:var(--space-1) var(--space-2)}@media (max-width: 720px){.container{padding:0 var(--space-4)}}@media (max-width: 480px){.container{padding:0 var(--space-3)}.btn--mobile-full{width:100%}}.app{max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-20)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);align-items:start}.eyebrow{display:inline-block;letter-spacing:var(--tracking-widest);text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);margin:0 0 var(--space-4)}h1{font-size:clamp(32px,4vw,48px);margin:0 0 var(--space-4)}.subhead{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed)}.card{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-3xl);box-shadow:0 24px 48px #0f172a14;display:grid;gap:var(--space-4)}.card h2{font-size:var(--text-2xl);margin:0 0 var(--space-1);color:var(--text)}.hero .card{border:1px solid var(--border);transition:box-shadow var(--duration-normal),border-color var(--duration-normal)}.hero .card:hover{border-color:var(--border-dark);box-shadow:0 32px 64px #0f172a1f}.auth{display:grid;gap:var(--space-4);margin-top:var(--space-6);max-width:520px}.auth-card{border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-4);display:grid;gap:var(--space-3);background:var(--bg-subtle)}.auth-card h3{margin:0;font-size:var(--text-lg)}.auth-header{display:flex;flex-direction:column;gap:var(--space-1)}.auth-status{font-size:var(--text-sm);color:var(--text-secondary)}.auth-actions{display:grid;gap:var(--space-2)}.auth-divider{text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:var(--text-xs);color:var(--text-light);text-align:center}label{display:grid;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.input-hint{font-size:var(--text-sm);color:var(--text-light);margin-top:calc(-1 * var(--space-1))}select,input[type=url],input[type=text],input[type=email],input[type=password],input[type=number],input[type=file],textarea{padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--border);font-size:var(--text-base);background:var(--bg);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}@media screen and (max-width: 768px){select,input[type=url],input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-size:16px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}select:focus,input[type=url]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}textarea{min-height:84px;resize:vertical}button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);border:none;background:var(--bg-dark);color:var(--text-inverse);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}button:hover{background:var(--bg-darker);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}button:disabled{background:var(--text-light);cursor:not-allowed;transform:none}.card button[type=button]:not(.secondary):not(:disabled){background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.card button[type=button]:not(.secondary):not(:disabled):hover{background:var(--gradient-primary-dark);box-shadow:var(--shadow-primary-lg)}button.secondary{background:var(--border);color:var(--text)}button.secondary:hover{background:var(--border-dark)}.set-password{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:var(--space-1)}.set-password-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text)}.set-password .close-button{padding:var(--space-1) var(--space-2);font-size:var(--text-xl);line-height:1;background:transparent;color:var(--text-muted)}.set-password .close-button:hover{background:var(--border);color:var(--text)}.success{color:var(--color-success-600);margin-top:var(--space-2)}.error{color:var(--color-error-600);margin-top:var(--space-2)}.warning{color:var(--color-warning-600);margin-top:var(--space-2)}.checkbox{display:flex;align-items:center;gap:var(--space-2)}.note{font-size:var(--text-sm);color:var(--text-light);margin:0;white-space:pre-wrap;word-break:break-word}.note.muted{color:var(--text-muted);text-align:center;padding:var(--space-2) 0;font-style:italic}.note.error{color:var(--color-error-600);background:var(--color-error-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border-left:3px solid var(--color-error-600);font-weight:var(--font-medium)}.url-preview{display:grid;gap:var(--space-3)}.url-preview-card{display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--bg-subtle)}.url-preview-card img{width:120px;height:72px;border-radius:var(--radius-xl);object-fit:cover}.url-preview-placeholder{width:120px;height:72px;border-radius:var(--radius-xl);background:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.url-preview-body{display:grid;gap:var(--space-2)}.url-preview-body strong{font-size:var(--text-md)}.url-preview-body span{color:var(--text-muted);font-size:var(--text-sm)}.url-preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.preview{margin-top:var(--space-12)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.placeholder{margin-top:var(--space-4);padding:var(--space-8);border-radius:var(--radius-3xl);border:1px dashed var(--border-dark);color:var(--text-light);text-align:center}.jobs{display:grid;gap:var(--space-3)}.job{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-3xl);border:1px solid transparent;text-align:left}.job.active{border-color:var(--text);box-shadow:0 12px 24px #0f172a14}.job span{display:block;font-size:var(--text-sm);color:var(--text-muted)}.job-card{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border-radius:var(--radius-2xl);border:1px solid transparent;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.job-card:hover{border-color:var(--border)}.job-card.active{border-color:var(--text);box-shadow:0 4px 12px #0f172a14}.job-card-thumbnail{flex-shrink:0;width:80px;height:56px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-muted);display:flex;align-items:center;justify-content:center}.job-card-thumbnail img{width:100%;height:100%;object-fit:cover}.job-card-file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.job-card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.job-card-title{font-weight:var(--font-medium);font-size:var(--text-base);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.job-card-external-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.job-card-external-link:hover{color:var(--text);background:var(--bg-muted)}.job-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.job-card-status{font-weight:var(--font-medium);text-transform:capitalize}.job-card-separator{color:var(--border-dark)}.job-card-date{color:var(--text-muted)}.job-card-retry-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:none;border-radius:var(--radius-sm);background:var(--color-error-100);color:var(--color-error-600);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.job-card-retry-btn:hover{background:var(--color-error-200);color:var(--color-error-700)}.job-card-retry-btn svg{width:12px;height:12px}.details{margin-top:var(--space-12);background:var(--surface);padding:var(--space-6);border-radius:var(--radius-3xl);box-shadow:0 16px 32px #0f172a14}.details h3{margin:0 0 var(--space-2)}.details p{margin:0;color:var(--text-secondary)}.anonymous-banner{background:linear-gradient(135deg,var(--color-info-500) 0%,var(--color-info-600) 100%);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-6);color:var(--text-inverse)}.anonymous-banner-content{display:grid;gap:var(--space-2)}.anonymous-banner-content strong{font-size:var(--text-lg);font-weight:var(--font-semibold)}.anonymous-banner-content p{margin:0;font-size:var(--text-base);line-height:var(--leading-normal);opacity:.95;color:var(--text-inverse)}.job-warning-banner{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);margin-top:var(--space-4);background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-2xl)}.job-warning-banner svg{width:24px;height:24px;color:var(--color-warning-600);flex-shrink:0}.job-warning-banner strong{display:block;color:var(--color-warning-800);margin-bottom:var(--space-1)}.job-warning-banner p{margin:0;color:var(--color-warning-700);font-size:var(--text-base)}.actions{display:flex;gap:var(--space-3)}.cards{display:grid;gap:var(--space-6);margin-top:var(--space-6)}.card-row{border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-4);display:grid;gap:var(--space-4)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.card-meta span{color:var(--text-muted);font-size:var(--text-sm)}.card-fields{display:grid;gap:var(--space-3)}.card-fields textarea{max-height:80px;min-height:60px;resize:none;overflow-y:auto}.card-actions{display:flex;justify-content:flex-end}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.audio{display:flex;align-items:center;gap:var(--space-3)}.muted{color:var(--text-light);font-size:var(--text-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-zone{margin-top:var(--space-4)}.upload-zone-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--border-dark);border-radius:var(--radius-2xl);background:var(--bg-subtle);cursor:pointer;transition:border-color var(--duration-normal),background var(--duration-normal)}.upload-zone-label:hover{border-color:var(--color-primary);background:var(--color-primary-50)}.upload-zone-label svg{color:var(--text-muted)}.upload-zone-label:hover svg{color:var(--color-primary)}.upload-zone-label span{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.upload-zone-hint{font-size:var(--text-sm);color:var(--text-light);font-weight:var(--font-normal)}.file-selected{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl)}.file-selected svg{color:var(--color-primary);flex-shrink:0}.file-selected-name{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected-remove{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--bg-muted);color:var(--text-secondary)}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;z-index:1000;box-shadow:0 -2px 10px #0000001a}.pwa-install-banner-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium)}.pwa-install-banner-content svg{flex-shrink:0}.pwa-install-banner-actions{display:flex;align-items:center;gap:var(--space-2)}.pwa-install-banner-install{padding:var(--space-2) var(--space-4);background:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer}.pwa-install-banner-install:hover{background:var(--color-primary-50)}.pwa-install-banner-dismiss{padding:var(--space-2);background:transparent;border:none;color:#fff;opacity:.8;cursor:pointer}.pwa-install-banner-dismiss:hover{opacity:1}.library-page{padding:var(--space-8) var(--space-6) var(--space-16);min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}.library-container{max-width:1200px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.library-header h1{margin:0;font-size:var(--text-4xl)}.library-subtitle{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-1)}.library-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.library-search{flex:1;max-width:400px;position:relative}.library-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.library-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 24px);border:1px solid var(--border);border-radius:var(--radius-2xl);font-size:var(--text-base);background:var(--surface)}.library-filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2xl);font-size:var(--text-base);background:var(--surface);min-width:140px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.library-grid-sparse{grid-template-columns:repeat(auto-fit,minmax(280px,320px))}.library-deck-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}.library-deck-card.clickable{cursor:pointer}.library-deck-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.library-deck-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-muted);overflow:hidden}.library-deck-thumbnail img{width:100%;height:100%;object-fit:cover}.library-deck-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.library-deck-thumbnail-placeholder svg{width:40px;height:40px;color:var(--text-light)}.library-deck-public-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.library-deck-public-badge svg{width:16px;height:16px;color:var(--color-primary)}.library-deck-content{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.library-deck-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-deck-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.library-deck-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);margin-top:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot-processing{background:var(--color-warning);animation:pulse 1.5s infinite}.status-dot-queued{background:var(--color-info-400)}.status-dot-failed{background:var(--color-error)}.library-deck-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light)}.library-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast)}.library-action-btn:hover{background:var(--border)}.library-action-btn svg{width:18px;height:18px;color:var(--text-secondary)}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6)}.library-empty-illustration{margin-bottom:var(--space-6)}.library-empty h3{margin:0 0 var(--space-2);font-size:var(--text-2xl)}.library-empty p{color:var(--text-muted);margin:0 0 var(--space-6)}.library-empty-cta{padding:var(--space-4) var(--space-6)}.library-auth-prompt{max-width:400px;margin:var(--space-12) auto;text-align:center}.library-auth-prompt h1{margin-bottom:var(--space-2)}.library-auth-prompt p{color:var(--text-muted);margin-bottom:var(--space-6)}.auth-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-prompt-modal{background:var(--surface);border-radius:var(--radius-3xl);width:100%;max-width:400px;padding:var(--space-8);position:relative;box-shadow:var(--shadow-xl)}.auth-prompt-modal h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:600}.auth-prompt-modal>p{color:var(--text-muted);margin-bottom:var(--space-6)}.auth-prompt-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s ease}.auth-prompt-close:hover{background:var(--border)}.auth-prompt-close svg{width:20px;height:20px}.auth-prompt-modal .auth-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-prompt-modal .auth-divider{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-4) 0;position:relative}.auth-prompt-modal .auth-divider:before,.auth-prompt-modal .auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.auth-prompt-modal .auth-divider:before{left:0}.auth-prompt-modal .auth-divider:after{right:0}.auth-prompt-modal label{display:block;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:500}.auth-prompt-modal label input{margin-top:var(--space-1);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-alt);font-size:var(--text-base)}.auth-prompt-modal label input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.auth-prompt-modal .error{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-3)}.auth-prompt-modal .note{color:var(--text-muted);font-size:var(--text-sm);text-align:center}.auth-prompt-modal .auth-modal-benefits{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.library-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.library-modal{background:var(--surface);border-radius:var(--radius-3xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scale-in var(--duration-normal) var(--ease-out)}.library-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);border-bottom:1px solid var(--border)}.library-modal-title-section h2{margin:0 0 var(--space-1);font-size:var(--text-2xl)}.library-modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.meta-separator{color:var(--text-light)}.library-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border:none;border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0}.library-modal-close:hover{background:var(--border)}.library-modal-close svg{width:20px;height:20px;color:var(--text-muted)}.library-modal-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--bg-subtle);border-bottom:1px solid var(--border)}.library-modal-actions .btn-primary,.library-modal-actions .btn-secondary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.library-modal-actions svg{width:18px;height:18px}.library-modal-content{flex:1;overflow-y:auto;padding:var(--space-6)}.library-modal-empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.library-deck-skeleton{pointer-events:none}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{height:20px;width:80%;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-meta{height:14px;width:50%;border-radius:var(--radius-sm)}@media (max-width: 720px){.section-header,.card-meta{flex-direction:column;align-items:flex-start}.url-preview-card{grid-template-columns:1fr}.url-preview-card img,.url-preview-placeholder{width:100%;height:160px}.library-page{padding:var(--space-6) var(--space-4) var(--space-12)}.library-header{flex-direction:column;gap:var(--space-3)}.library-header h1{font-size:var(--text-3xl)}.library-filters{flex-direction:column}.library-search{max-width:100%}.library-filter-select{width:100%}.library-grid{grid-template-columns:1fr;gap:var(--space-4)}.library-modal-overlay{padding:0;align-items:flex-end}.library-modal{max-height:calc(100vh - var(--safe-area-inset-top, 0px));max-height:calc(100dvh - var(--safe-area-inset-top, 0px));max-width:100%;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;animation:slide-up var(--duration-slow) var(--ease-out)}.library-modal-header{padding:var(--space-5) var(--space-4)}.library-modal-title-section h2{font-size:var(--text-xl)}.library-modal-actions{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.library-modal-actions .btn-primary,.library-modal-actions .btn-secondary{flex:1;justify-content:center;min-width:0}.library-modal-content{padding:var(--space-4)}}@media (max-width: 480px){.library-deck-actions{padding:var(--space-2) var(--space-3)}.library-action-btn{width:40px;height:40px}}.site-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff1a inset,0 1px 2px #0000000d;position:sticky;top:0;z-index:var(--z-sticky)}.site-header-inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text)}.logo-icon{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--text-inverse);width:36px;height:36px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0d94884d}.footer-logo{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.logo-text{font-weight:var(--font-semibold);font-size:var(--text-xl)}.site-nav{display:flex;gap:var(--space-2)}.nav-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.nav-cta{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-normal)}.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.header-auth-actions{display:flex;align-items:center;gap:var(--space-4)}.nav-login{background:none;border:none;color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-normal);cursor:pointer;padding:0}.nav-login:hover{color:var(--text)}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.user-menu-trigger:hover{background:var(--border);border-color:var(--border-dark)}.credits-badge-inline{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-50);padding:2px var(--space-2);border-radius:var(--radius-full)}.user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:50%}.user-menu-trigger svg{color:var(--text-muted);transition:transform var(--duration-normal)}.user-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:0 12px 32px #0f172a1f;z-index:var(--z-dropdown);overflow:hidden;animation:dropdown-fade var(--duration-fast) ease-out}.user-menu-header{padding:var(--space-4) var(--space-4);display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.user-email{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.plan-badge{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:3px var(--space-2);border-radius:var(--radius-full)}.plan-badge.free{background:var(--border);color:var(--text-muted)}.plan-badge.plus{background:linear-gradient(135deg,var(--color-info-500) 0%,var(--color-info-400) 100%);color:var(--text-inverse)}.plan-badge.pro{background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-purple-400) 100%);color:var(--text-inverse)}.plan-badge.dev{background:var(--color-warning-100);color:var(--color-warning-800)}.user-menu-credits{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;background:var(--color-primary-50)}.credits-label{font-size:var(--text-sm);color:var(--text-muted)}.credits-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary)}.user-menu-divider{height:1px;background:var(--border)}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background var(--duration-fast);min-height:var(--min-touch-target)}.user-menu-item:hover{background:var(--bg-subtle);color:var(--text)}.user-menu-item svg{color:var(--text-light)}.user-menu-item:hover svg{color:var(--text-muted)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;padding:var(--space-3);cursor:pointer;min-width:var(--min-touch-target);min-height:var(--min-touch-target);margin:-8px;border-radius:var(--radius-lg);transition:background var(--duration-normal);z-index:var(--z-modal-above);position:relative}.mobile-menu-toggle:hover,.mobile-menu-toggle:active{background:var(--bg-muted)}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:1px;transition:transform var(--duration-normal),opacity var(--duration-normal)}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--duration-normal);touch-action:none}.mobile-menu-overlay.visible{display:block;opacity:1}.site-footer{background:var(--bg-dark);color:var(--text-light);padding:var(--space-16) var(--space-6) var(--space-6);margin-top:var(--space-20)}.footer-inner{max-width:var(--container-xl);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-brand p{font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:300px}.footer-links{display:contents}.footer-column{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column h4{color:var(--text-inverse);font-size:var(--text-base);margin:0 0 var(--space-2)}.footer-column a{color:var(--text-light);text-decoration:none;font-size:var(--text-base)}.footer-column a:hover{color:var(--text-inverse)}.footer-bottom{max-width:var(--container-xl);margin:var(--space-12) auto 0;padding-top:var(--space-6);border-top:1px solid var(--bg-darker);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:var(--text-sm);margin:0}.footer-version{font-size:var(--text-xs);color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-darker) 0%,var(--color-neutral-700) 100%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}@media (max-width: 768px){.site-nav{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:var(--surface);flex-direction:column;align-items:stretch;padding:calc(60px + var(--safe-area-inset-top)) var(--space-6) var(--space-6);gap:0;box-shadow:-4px 0 24px #0f172a26;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out-expo);z-index:var(--z-modal);overflow-y:auto;-webkit-overflow-scrolling:touch}.site-nav.open{transform:translate(0)}.site-nav a{padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-lg);border-bottom:1px solid var(--border-light);transition:background var(--duration-fast)}.site-nav a:last-child{border-bottom:none}.site-nav a:hover{background:var(--bg-muted)}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)}.mobile-menu-overlay.visible{opacity:1;pointer-events:auto}}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr;gap:var(--space-5);text-align:center}.footer-brand{align-items:center}.footer-brand p{max-width:100%}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.header-auth-actions{gap:var(--space-2)}.header-auth-actions .nav-cta{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.user-menu-dropdown{right:0;left:auto;min-width:200px}}@media (max-width: 480px){.site-header-inner{padding:var(--space-3) var(--space-4)}.logo-text,.nav-login{display:none}.user-menu-dropdown{right:-8px;min-width:180px}}.processing-container{animation:fade-in .4s var(--ease-out-expo)}.processing-view{animation:slide-up .6s var(--ease-out-expo);background:var(--surface);border-radius:var(--radius-5xl);box-shadow:0 24px 80px #0f172a26;overflow:hidden}.processing-header{display:flex;justify-content:space-between;align-items:center;padding:28px var(--space-8);background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 50%,var(--bg-dark) 100%);background-size:200% 200%;animation:header-gradient 15s ease infinite;color:var(--text-inverse);position:relative;overflow:hidden}.processing-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.1) 0%,transparent 50%);animation:header-orb 20s linear infinite}@keyframes header-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes header-orb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-header h2{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.processing-header-content{flex:1;color:var(--text-inverse)}.processing-header-content h2{color:var(--text-inverse)}.processing-header-content span{color:#ffffffd9}.processing-status{display:flex;align-items:center;gap:var(--space-3)}.processing-progress-bar{width:200px;height:8px;background:#ffffff26;border-radius:var(--radius-sm);overflow:hidden;position:relative}.processing-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-info-500) 0%,var(--color-info-400) 50%,var(--color-info-500) 100%);background-size:200% 100%;border-radius:var(--radius-sm);transition:width .5s var(--ease-out-expo);position:relative;animation:progress-gradient 2s linear infinite}@keyframes progress-gradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.processing-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer var(--duration-slower) ease-in-out infinite}.processing-progress-text{font-size:var(--text-base);color:var(--text-inverse)}.processing-complete-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#22c55e40,#10b98140);border-radius:var(--radius-5xl);color:var(--color-success-300);font-size:var(--text-base);font-weight:var(--font-semibold);animation:complete-badge-appear .5s var(--ease-out-back);box-shadow:0 0 20px #22c55e33}@keyframes complete-badge-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.processing-complete-badge svg{width:18px;height:18px;animation:checkmark-draw .6s ease-out .2s backwards}@keyframes checkmark-draw{0%{stroke-dasharray:20;stroke-dashoffset:20}to{stroke-dasharray:20;stroke-dashoffset:0}}.export-button{display:flex;align-items:center;gap:10px;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--surface) 0%,var(--bg-subtle) 100%);color:var(--text);border-radius:var(--radius-2xl);font-weight:var(--font-semibold);font-size:var(--text-md);transition:var(--transition-slow);box-shadow:0 4px 12px #0000001a;position:relative;z-index:1;animation:export-button-appear .5s var(--ease-out-back) .3s backwards}@keyframes export-button-appear{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.export-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #00000026;background:var(--surface)}.export-button:active{transform:translateY(-1px) scale(.98)}.export-button svg{width:20px;height:20px;transition:transform var(--duration-slow) ease}.export-button:hover svg{transform:translateY(2px)}.processing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) var(--space-8);text-align:center}.processing-animation{position:relative;width:200px;height:200px;margin-bottom:var(--space-8)}.wave-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-2)}.wave-bar{width:8px;height:40px;background:linear-gradient(180deg,var(--color-info-500),var(--color-purple-500));border-radius:var(--radius-sm);animation:wave-bar 1s ease-in-out infinite}@keyframes wave-bar{0%,to{height:20px;opacity:.5}50%{height:60px;opacity:1}}.orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px}.orbit{position:relative;width:100%;height:100%;animation:orbit-spin 8s linear infinite;will-change:transform}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-card{position:absolute;width:36px;height:36px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;will-change:transform;display:flex;align-items:center;justify-content:center;animation:orbit-float 3s ease-in-out infinite}.orbit-card:nth-child(1){top:0;left:50%;transform:translate(-50%)}.orbit-card:nth-child(2){bottom:15%;left:10%}.orbit-card:nth-child(3){bottom:15%;right:10%}.orbit-card svg{width:20px;height:20px;color:var(--color-info-500);animation:orbit-counter 8s linear infinite}@keyframes orbit-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.processing-message{font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--text);margin:0 0 var(--space-3);max-width:400px;line-height:var(--leading-snug);transition:opacity var(--duration-slow) ease}.processing-message.fade{opacity:0}.processing-submessage{font-size:var(--text-base);color:var(--text-muted);margin:0}.processing-error{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--color-error-50);border-bottom:1px solid var(--color-error-200)}.processing-error svg{width:24px;height:24px;color:var(--color-error-600);flex-shrink:0}.processing-error strong{display:block;color:var(--color-error-800);margin-bottom:var(--space-1)}.processing-error p{margin:0;color:var(--color-error-700);font-size:var(--text-base)}.processing-error button{margin-left:auto;padding:var(--space-2) var(--space-4);background:var(--color-error-600);font-size:var(--text-base)}.processing-error button:hover{background:var(--color-error-700)}.processing-warning{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--color-warning-50);border-bottom:1px solid var(--color-warning-200)}.processing-warning svg{width:24px;height:24px;color:var(--color-warning-600);flex-shrink:0}.processing-warning strong{display:block;color:var(--color-warning-800);margin-bottom:var(--space-1)}.processing-warning p{margin:0;color:var(--color-warning-700);font-size:var(--text-base)}.processing-warning button{margin-left:auto;padding:var(--space-2) var(--space-4);background:var(--color-warning-600);font-size:var(--text-base)}.processing-warning button:hover{background:var(--color-warning-700)}.processing-url-metadata{padding:var(--space-6) var(--space-8) 0}.processing-url-metadata .url-preview-card{margin-bottom:var(--space-2)}.processing-cards{padding:var(--space-6) var(--space-8) var(--space-8)}.processing-cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);font-size:var(--text-base);color:var(--text-muted)}.processing-cards-loading{display:flex;align-items:center;gap:var(--space-2)}.processing-cards-loading:before{content:"";width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--color-info-500);border-radius:50%;animation:spin .8s linear infinite}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card-preview{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-5);animation:card-appear .4s ease-out backwards;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}@media (hover: hover){.card-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}}@keyframes card-appear{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-preview-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.card-expression{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text)}.card-reading{font-size:var(--text-base);color:var(--text-muted)}.card-definition{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal)}.card-example{margin:0;font-size:var(--text-sm);color:var(--text-light);font-style:italic;line-height:var(--leading-normal)}.card-audio{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.card-audio audio{width:100%;height:32px}.audio-load-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg)}.audio-load-button:hover{background:var(--border)}.audio-load-button svg{width:14px;height:14px}.audio-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.audio-loading svg{width:16px;height:16px;animation:spin 1s linear infinite}.audio-loading svg circle{stroke-dasharray:32;stroke-dashoffset:32;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:32}50%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}.preview-gate{padding:var(--space-8);animation:slide-up .5s var(--ease-out-expo)}.preview-gate-content{max-width:480px;margin:0 auto;text-align:center;padding:var(--space-8);background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--surface) 100%);border:1px solid var(--border);border-radius:var(--radius-4xl);box-shadow:0 16px 48px #0f172a1a}.preview-gate-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-success-100) 0%,var(--color-success-50) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{transform:scale(1);box-shadow:0 0 #22c55e4d}50%{transform:scale(1.05);box-shadow:0 0 0 12px #22c55e00}}.preview-gate-icon svg{width:32px;height:32px;color:var(--color-success-600)}.preview-gate-content h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-3)}.preview-gate-content>p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.preview-gate-content strong{color:var(--color-primary);font-weight:var(--font-semibold)}.preview-gate-benefits{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left}.preview-gate-benefits .benefit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text)}.preview-gate-benefits .benefit svg{width:18px;height:18px;color:var(--color-success-500);flex-shrink:0}.preview-gate-content button.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal)}.preview-gate-content button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.preview-gate-content button.primary svg{width:22px;height:22px}.preview-gate-note{margin:var(--space-4) 0 0!important;font-size:var(--text-sm)!important;color:var(--text-muted)!important}.export-button.signup-cta{background:var(--gradient-primary);color:var(--text-inverse)}.export-button.signup-cta:hover{background:var(--gradient-primary);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-primary)}.processing-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:0 var(--space-8) var(--space-8)}.processing-actions-primary{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.processing-actions button{min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.processing-actions button.primary{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal)}.processing-actions button.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.processing-actions button.primary svg{width:18px;height:18px}.processing-actions button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-normal)}.processing-actions button.secondary:hover{background:var(--bg-subtle);border-color:var(--border-dark)}.processing-actions button.secondary svg{width:16px;height:16px;color:var(--text-muted)}.processing-actions button.text-btn{background:none;border:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;padding:var(--space-2) var(--space-4)}.processing-actions button.text-btn:hover{color:var(--color-primary)}@media (max-width: 720px){.processing-header{flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.processing-header h2{font-size:var(--text-2xl)}.processing-progress-bar{width:100%}.export-button{width:100%;justify-content:center}.processing-loading{padding:var(--space-12) var(--space-6)}.processing-animation{width:160px;height:160px}.processing-message{font-size:var(--text-xl)}.processing-cards{padding:var(--space-5) var(--space-6) var(--space-6)}.cards-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.processing-view,.processing-header,.processing-progress-fill,.wave-bar,.orbit,.orbit-card,.orbit-card svg,.card-preview,.processing-complete-badge,.processing-complete-badge svg,.export-button,.processing-message{animation:none!important;transition:none!important}.processing-header{background-size:100% 100%}.processing-header:before{animation:none}.wave-bar{height:40px;opacity:.7}}.usage-display{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-2xl);transition:var(--transition-normal)}.usage-display.low-minutes{background:var(--color-warning-100);border:1px solid var(--color-warning-400)}.usage-display.out-of-minutes{background:var(--color-error-50);border:1px solid var(--color-error-300)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.usage-header span{font-size:var(--text-sm);color:var(--text-muted)}.usage-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.usage-badge.free{background:var(--border);color:var(--text-secondary)}.usage-badge.pro{background:linear-gradient(135deg,var(--color-info-500),var(--color-purple-500));color:var(--text-inverse)}.usage-badge.dev{background:var(--color-warning-100);color:var(--color-warning-800)}.usage-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:var(--space-2)}.usage-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-info-500),var(--color-info-400));border-radius:3px;transition:width var(--duration-slow) ease}.usage-bar-fill.warning{background:linear-gradient(90deg,var(--color-warning-500),var(--color-warning-400))}.usage-bar-fill.critical{background:linear-gradient(90deg,var(--color-error-500),var(--color-error-400))}.usage-text{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}.usage-upgrade-prompt{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);text-align:center}.usage-upgrade-prompt.warning{border-top-color:var(--color-warning-400)}.usage-upgrade-prompt.critical{border-top-color:var(--color-error-300)}.usage-upgrade-prompt strong{display:block;font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-1)}.usage-upgrade-prompt.warning strong{color:var(--color-warning-800)}.usage-upgrade-prompt.critical strong{color:var(--color-error-800)}.usage-upgrade-prompt p{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3)}.usage-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);background:linear-gradient(135deg,var(--color-info-500),var(--color-purple-500));border-radius:var(--radius-lg);width:100%;transition:var(--transition-normal)}.usage-upgrade-btn:hover{background:linear-gradient(135deg,var(--color-info-600),var(--color-purple-600));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.usage-upgrade-btn svg{width:14px;height:14px}.usage-pricing-link{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-info-500);text-decoration:none}.usage-pricing-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-6);animation:fade-in var(--duration-normal) ease-out}.modal-content{background:var(--surface);border-radius:var(--radius-5xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slide-up var(--duration-slow) ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) 0}.modal-header h2{margin:0;font-size:var(--text-3xl)}.modal-close{background:var(--bg-muted);padding:var(--space-2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border)}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-6)}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.pricing-plan{border:2px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-6);transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.pricing-plan:hover{border-color:var(--color-info-500);box-shadow:0 8px 24px #3b82f61f}.pricing-plan.recommended{border-color:var(--color-info-500);position:relative}.pricing-plan.recommended:before{content:"Recommended";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-info-500),var(--color-purple-500));color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pricing-plan.current{border-color:var(--color-success-500);background:var(--color-success-50)}.plan-header{margin-bottom:var(--space-4)}.plan-name{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-1)}.plan-description{font-size:var(--text-base);color:var(--text-muted);margin:0}.plan-price{margin-bottom:var(--space-4)}.plan-price-amount{font-size:36px;font-weight:var(--font-bold)}.plan-price-period{font-size:var(--text-base);color:var(--text-muted)}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-5)}.plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary);padding:var(--space-2) 0}.plan-features li svg{width:16px;height:16px;color:var(--color-success-500);flex-shrink:0}.plan-button{width:100%;padding:var(--space-3);border-radius:var(--radius-xl)}.plan-button.current{background:var(--color-success-500);cursor:default}.credit-packs{border-top:1px solid var(--border);padding-top:var(--space-6)}.credit-packs-header{text-align:center;margin-bottom:var(--space-6)}.credit-packs-header h3{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.credit-packs-header p{margin:0;font-size:var(--text-base);color:var(--text-muted)}.credit-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.credit-tier{position:relative;display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);border:2px solid var(--border);border-radius:var(--radius-3xl);background:var(--surface);transition:var(--transition-normal)}.credit-tier:hover{border-color:var(--border-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.credit-tier.popular{border-color:var(--color-info-500);background:linear-gradient(180deg,var(--color-info-50) 0%,var(--surface) 100%);transform:scale(1.02);box-shadow:0 12px 32px #3b82f626;z-index:1}.credit-tier.popular:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 16px 40px #3b82f633}.credit-tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-4xl);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.credit-tier-badge.best-value{background:linear-gradient(135deg,var(--color-info-500),var(--color-purple-500));color:var(--text-inverse);box-shadow:0 4px 12px #3b82f64d}.credit-tier-badge.savings{background:var(--color-success-100);color:var(--color-success-700)}.credit-tier-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.credit-tier-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}.credit-tier-minutes{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-muted)}.credit-tier-price{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.credit-tier-amount{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-none)}.credit-tier-per-min{font-size:var(--text-sm);color:var(--text-muted)}.credit-tier-description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3);line-height:var(--leading-snug);flex-grow:1}.credit-tier-savings{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-success-100);color:var(--color-success-700);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.credit-tier-btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-weight:var(--font-semibold);font-size:var(--text-base);transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.credit-tier-btn.primary{background:linear-gradient(135deg,var(--color-info-500),var(--color-info-600));color:var(--text-inverse);border:none;box-shadow:0 4px 12px #3b82f640}.credit-tier-btn.primary:hover{background:linear-gradient(135deg,var(--color-info-600),var(--color-info-700));transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.credit-tier-btn.secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.credit-tier-btn.secondary:hover{background:var(--border);border-color:var(--border-dark)}.credit-tier-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.payment-required-banner{background:linear-gradient(135deg,var(--color-warning-100),var(--color-warning-200));border-radius:var(--radius-2xl);padding:var(--space-4);margin-bottom:var(--space-4);display:grid;gap:var(--space-2)}.payment-required-banner strong{color:var(--color-warning-800);display:flex;align-items:center;gap:var(--space-2)}.payment-required-banner p{margin:0;color:var(--color-warning-900);font-size:var(--text-base)}.payment-required-banner button{justify-self:start;padding:var(--space-2) var(--space-4);background:var(--color-warning-800);font-size:var(--text-sm)}.payment-required-banner button:hover{background:var(--color-warning-900)}@media (max-width: 720px){.pricing-plans{grid-template-columns:1fr}.pricing-plan{padding:var(--space-5)}.pricing-plan.recommended:before{font-size:10px;padding:4px var(--space-2);top:-10px}.plan-price-amount{font-size:28px}.credit-tiers{grid-template-columns:1fr;gap:var(--space-5)}.credit-tier{padding:var(--space-5) var(--space-4)}.credit-tier.popular{transform:none;order:-1}.credit-tier.popular:hover{transform:translateY(-2px)}.credit-tier-badge{top:-10px;font-size:10px}.credit-tier-amount{font-size:var(--text-4xl)}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:calc(100vh - env(safe-area-inset-top,0px));max-height:calc(100dvh - env(safe-area-inset-top,0px));border-radius:var(--radius-4xl) var(--radius-4xl) 0 0;animation:slide-up var(--duration-slow) ease-out}.modal-header{padding:var(--space-5) var(--space-4) 0}.modal-header h2{font-size:var(--text-2xl)}.modal-body{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.pricing-plan{padding:var(--space-4)}.plan-name{font-size:var(--text-xl)}.plan-price-amount{font-size:24px}.plan-features li{font-size:var(--text-sm)}.credit-tier-amount{font-size:var(--text-3xl)}.credit-packs-header h3{font-size:var(--text-xl)}}.landing-hero{background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--border) 100%);padding:var(--space-20) var(--space-6) 100px}.landing-hero.for-schools{background:linear-gradient(135deg,var(--color-success-50) 0%,var(--color-success-100) 100%)}.landing-hero.for-podcasts{background:linear-gradient(135deg,var(--color-warning-100) 0%,var(--color-warning-200) 100%)}.landing-hero.for-enterprise{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.landing-hero.for-partners{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%)}.landing-hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-eyebrow{display:inline-block;background:#0f172a1a;color:var(--text);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6);letter-spacing:var(--tracking-wide)}.landing-hero h1{font-size:clamp(32px,5vw,56px);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:var(--text)}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto var(--space-8)}.hero-stats{display:flex;justify-content:center;gap:var(--space-12);margin:var(--space-10) 0;flex-wrap:wrap}.hero-stat{text-align:center}.stat-number{display:block;font-size:42px;font-weight:var(--font-extrabold);color:var(--color-primary);background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.stat-label{display:block;font-size:var(--text-base);color:var(--text-muted);margin-top:var(--space-1)}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6);margin-top:var(--space-8)}.hero-feature{display:flex;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--text-base);font-weight:var(--font-medium);background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);box-shadow:0 2px 8px #0f172a0f}.hero-feature svg{width:18px;height:18px;stroke:var(--color-primary)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-10)}.hero-anki-note{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.hero-anki-note a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.hero-anki-note a:hover{text-decoration:underline}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-weight:var(--font-semibold);font-size:var(--text-md);text-decoration:none;transition:var(--transition-normal);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--gradient-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-secondary{background:var(--surface);color:var(--text);padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-weight:var(--font-semibold);font-size:var(--text-md);text-decoration:none;border:1px solid var(--border);transition:var(--transition-normal)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-dark)}section{padding:var(--space-20) var(--space-6)}section h2{font-size:clamp(28px,4vw,40px);text-align:center;margin:0 0 var(--space-4);color:var(--text)}.section-subtitle{text-align:center;color:var(--text-muted);font-size:var(--text-xl);max-width:600px;margin:0 auto var(--space-12);line-height:var(--leading-relaxed)}.app-section{background:linear-gradient(180deg,var(--bg-subtle) 0%,var(--surface) 100%);padding:0 var(--space-6) var(--space-20);position:relative}.app-section:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,var(--border) 0%,transparent 100%);pointer-events:none}.app-container{max-width:var(--container-xl);margin:-60px auto 0;background:var(--surface);border-radius:var(--radius-5xl);box-shadow:0 32px 64px #0f172a1f;padding:var(--space-12);position:relative;z-index:1}.app-container .hero{margin-bottom:var(--space-8)}.app-container .hero h2{text-align:left;margin:0 0 var(--space-4);font-size:clamp(24px,3vw,32px)}.how-it-works{background:var(--bg-subtle)}.how-it-works h2{margin-bottom:var(--space-12)}.steps-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);position:relative}.steps-grid:before{content:"";position:absolute;top:28px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:2px;background:linear-gradient(90deg,var(--border) 0%,var(--color-primary) 50%,var(--border) 100%);z-index:0}.step{text-align:center;position:relative;z-index:1}.step-number{width:56px;height:56px;background:var(--gradient-primary);color:var(--text-inverse);font-weight:var(--font-bold);font-size:var(--text-2xl);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);box-shadow:0 4px 16px #3b82f64d}.step h3{font-size:17px;margin:0 0 var(--space-2);color:var(--text)}.step p{font-size:var(--text-base);color:var(--text-muted);margin:0;line-height:var(--leading-normal)}.b2b-teaser{background:var(--bg-dark);color:var(--text-inverse);text-align:center}.b2b-teaser h2{color:var(--text-inverse)}.b2b-teaser .section-subtitle{color:var(--text-light);text-align:center;max-width:600px;margin:0 auto var(--space-12)}.b2b-cards{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.b2b-card{background:var(--bg-darker);padding:var(--space-6);border-radius:var(--radius-3xl);text-decoration:none;transition:var(--transition-normal)}.b2b-card:hover{background:var(--color-neutral-700);transform:translateY(-4px)}.b2b-card-icon{width:48px;height:48px;background:var(--color-neutral-700);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.b2b-card-icon svg{width:24px;height:24px;stroke:var(--color-primary-light)}.b2b-card h3{color:var(--text-inverse);font-size:var(--text-lg);margin:0 0 var(--space-2)}.b2b-card p{color:var(--text-light);font-size:var(--text-base);margin:0 0 var(--space-4);line-height:var(--leading-normal)}.b2b-card-link{color:var(--color-primary-light);font-size:var(--text-base);font-weight:var(--font-medium)}.problem-section{background:var(--color-error-50)}.problem-content{max-width:900px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.problem-card{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-3xl);text-align:center}.problem-stat{font-size:48px;font-weight:var(--font-bold);color:var(--color-error-600);margin-bottom:var(--space-3)}.problem-card p{color:var(--text-muted);font-size:var(--text-md);margin:0;line-height:var(--leading-normal)}.solution-section{background:var(--surface)}.solution-demo{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.demo-step{display:flex;gap:var(--space-6);align-items:flex-start}.demo-step-number{width:40px;height:40px;background:var(--text);color:var(--text-inverse);font-weight:var(--font-bold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-step-content h3{margin:0 0 var(--space-2);font-size:var(--text-xl);color:var(--text)}.demo-step-content p{margin:0;color:var(--text-muted);line-height:var(--leading-normal)}.benefits-section{background:var(--bg-subtle)}.features-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.feature-card{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-3xl);box-shadow:0 4px 16px #0f172a0a}.feature-icon{width:48px;height:48px;background:var(--bg-muted);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.feature-icon svg{width:24px;height:24px;stroke:var(--text)}.feature-card h3{font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--text)}.feature-card p{font-size:var(--text-base);color:var(--text-muted);margin:0;line-height:var(--leading-relaxed)}.stats-section{background:var(--bg-dark);padding:60px var(--space-6)}.stats-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-value{font-size:36px;font-weight:var(--font-bold);color:var(--text-inverse)}.testimonials-section{background:var(--surface)}.testimonials-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.testimonial-card{background:var(--bg-subtle);padding:var(--space-8);border-radius:var(--radius-3xl)}.testimonial-card blockquote{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-6);font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:var(--space-1)}.testimonial-author strong{font-size:var(--text-base);color:var(--text)}.testimonial-author span{font-size:var(--text-sm);color:var(--text-light)}.pricing-preview{background:var(--bg-subtle)}.pricing-tiers-preview{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.pricing-tier-preview{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-3xl);text-align:center;position:relative;border:2px solid transparent}.pricing-tier-preview.highlighted{border-color:var(--text);box-shadow:0 8px 32px #0f172a1f}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--text);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.pricing-tier-preview h3{font-size:var(--text-xl);margin:0 0 var(--space-4);color:var(--text)}.pricing-tier-preview .price{font-size:36px;font-weight:var(--font-bold);color:var(--text)}.pricing-tier-preview .price span{font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--text-muted)}.pricing-tier-preview p{font-size:var(--text-base);color:var(--text-muted);margin:var(--space-2) 0 0}.pricing-note{text-align:center;color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-6)}.roi-section{background:var(--surface)}.roi-calculator{max-width:700px;margin:0 auto}.roi-example{background:var(--bg-subtle);padding:var(--space-10);border-radius:var(--radius-3xl)}.roi-example h3{font-size:var(--text-xl);margin:0 0 var(--space-6);color:var(--text);text-align:center}.roi-grid{display:flex;flex-direction:column;gap:var(--space-4)}.roi-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-lg)}.roi-item.highlight{background:var(--color-success-100)}.roi-item.result{background:var(--text);color:var(--text-inverse);margin-top:var(--space-2)}.roi-item.result .roi-value{color:var(--color-success-400)}.roi-label{color:var(--text-muted);font-size:var(--text-base)}.roi-item.result .roi-label{color:var(--text-inverse)}.roi-value{font-weight:var(--font-semibold);color:var(--text)}.use-cases-section{background:var(--surface)}.use-cases-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.use-case-card{background:var(--bg-subtle);padding:var(--space-6);border-radius:var(--radius-2xl)}.use-case-card h3{font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--text)}.use-case-card p{font-size:var(--text-base);color:var(--text-muted);margin:0;line-height:var(--leading-normal)}.paths-section{background:var(--surface)}.paths-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.path-card{background:var(--bg-subtle);padding:var(--space-10);border-radius:var(--radius-3xl)}.path-icon{width:56px;height:56px;background:var(--text);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.path-icon svg{width:28px;height:28px;stroke:var(--text-inverse)}.path-card h3{font-size:var(--text-xl);margin:0 0 var(--space-3);color:var(--text)}.path-card p{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-5);line-height:var(--leading-relaxed)}.popular-section{background:var(--bg-subtle);padding:var(--space-16) 0}.popular-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.popular-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.popular-header-content{flex:1}.popular-badge{display:inline-block;background:var(--color-primary-100);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.popular-header h2{font-size:clamp(24px,3vw,32px);text-align:left;margin:0 0 var(--space-2);color:var(--text)}.popular-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:500px;line-height:var(--leading-relaxed);margin:0}.popular-nav{display:flex;gap:var(--space-2)}.popular-nav-btn{width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.popular-nav-btn:hover{background:var(--bg-muted);border-color:var(--border-dark)}.popular-nav-btn svg{width:20px;height:20px;color:var(--text)}.popular-carousel{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-4)}.popular-carousel::-webkit-scrollbar{display:none}.popular-card{flex:0 0 320px;background:var(--surface);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 4px 16px #0f172a0f;scroll-snap-align:start;display:flex;flex-direction:column;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}.popular-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0f172a1f}.popular-card-thumbnail{position:relative;height:160px;background:var(--bg-muted);overflow:hidden}.popular-card-thumbnail img{width:100%;height:100%;object-fit:cover}.popular-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.popular-card-placeholder svg{width:40px;height:40px}.popular-card-provider{position:absolute;bottom:var(--space-2);left:var(--space-2);width:28px;height:28px;background:#fffffff2;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.provider-icon{width:18px;height:18px}.provider-icon.youtube{color:red}.provider-icon.spotify{color:#1db954}.provider-icon.default{color:var(--text-muted)}.popular-card-category{position:absolute;top:var(--space-2);right:var(--space-2);background:#0f172ab3;color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.popular-card-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.popular-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.popular-card-uploader{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3)}.popular-card-description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.popular-card-preview{background:var(--bg-subtle);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.popular-card-preview-expression{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-1)}.popular-card-preview-reading{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-1)}.popular-card-preview-definition{font-size:var(--text-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.popular-card-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);margin-top:auto;margin-bottom:var(--space-4)}.popular-card-stat{display:flex;align-items:center;gap:var(--space-1)}.popular-card-stat svg{width:14px;height:14px}.popular-card-stat.downloads{color:var(--color-primary)}.popular-card-download{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-primary)}.popular-card-download:hover{background:var(--gradient-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.popular-card-download:disabled{opacity:.7;cursor:not-allowed;transform:none}.popular-card-download svg{width:18px;height:18px}.popular-loading{text-align:center;padding:var(--space-8);color:var(--text-muted)}.popular-cta{text-align:center;margin-top:var(--space-8)}.popular-cta p{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-3)}@media (max-width: 900px){.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.b2b-cards,.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr;max-width:500px}}@media (max-width: 768px){.landing-hero{padding:var(--space-12) var(--space-6) var(--space-16)}.hero-stats{gap:var(--space-8)}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}.problem-grid{grid-template-columns:1fr}.pricing-tiers-preview{grid-template-columns:1fr;max-width:400px}.use-cases-grid,.paths-grid{grid-template-columns:1fr}.app-container{padding:var(--space-6);border-radius:var(--radius-3xl)}.popular-section{display:none}}@media (max-width: 600px){.steps-grid{grid-template-columns:1fr;max-width:300px}.b2b-cards{grid-template-columns:1fr;max-width:300px;margin:0 auto}.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.stats-grid{grid-template-columns:1fr}}.dashboard{max-width:1400px;margin:0 auto;padding:0 var(--space-6) var(--space-8);overflow-x:hidden}.dashboard-content{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);margin-top:var(--space-8)}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-6);box-shadow:var(--shadow-xs);animation:slide-up .5s var(--ease-out-expo) backwards;transition:box-shadow var(--duration-slow) var(--ease-in-out-smooth),transform var(--duration-slow) var(--ease-in-out-smooth)}@media (hover: hover){.dashboard-section:hover{box-shadow:var(--shadow-md)}}.dashboard-main>.dashboard-section:nth-child(1){animation-delay:.1s}.dashboard-main>.dashboard-section:nth-child(2){animation-delay:.2s}.dashboard-main>.dashboard-section:nth-child(3){animation-delay:.3s}.dashboard-sidebar>*:nth-child(1){animation-delay:.15s}.dashboard-sidebar>*:nth-child(2){animation-delay:.25s}.dashboard-sidebar>*:nth-child(3){animation-delay:.35s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-header h3{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text)}.section-subtitle{color:var(--text-muted);font-size:var(--text-base);margin:var(--space-1) 0 0}.view-all-link{color:var(--color-primary);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);transition:gap var(--duration-normal);padding:var(--space-2) var(--space-3);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-3));min-height:var(--min-touch-target)}.view-all-link:hover{text-decoration:none;gap:var(--space-2)}.view-all-link:after{content:"→"}.quick-action-bar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary-dark) 100%);border-radius:var(--radius-4xl);padding:var(--space-8);color:var(--text-inverse);position:relative;overflow:hidden;box-shadow:0 8px 32px #0d948840;transition:box-shadow var(--duration-normal),transform var(--duration-normal)}.quick-action-bar--dragging{box-shadow:0 12px 40px #0d948866,0 0 0 3px #fff6;transform:scale(1.01)}.quick-action-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d9488f2;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);border-radius:var(--radius-4xl);border:3px dashed rgba(255,255,255,.6);animation:drop-zone-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes drop-zone-pulse{0%,to{border-color:#fff9}50%{border-color:#ffffffe6}}.quick-action-drop-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-inverse);text-align:center}.quick-action-drop-content svg{width:48px;height:48px;animation:drop-icon-bounce .6s ease-in-out infinite alternate}@keyframes drop-icon-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.quick-action-drop-content span{font-size:var(--text-xl);font-weight:var(--font-semibold)}.quick-action-bar:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.quick-action-bar:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle at center,rgba(20,184,166,.3) 0%,transparent 60%);pointer-events:none}.quick-action-bar-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.quick-action-header h2{margin:0 0 var(--space-6);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.quick-action-step{margin-bottom:var(--space-6)}.quick-action-step:last-child{margin-bottom:0}.quick-action-step-label{font-size:.8125rem;font-weight:var(--font-semibold);color:#fffffff2;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.quick-action-source-row{display:flex;gap:var(--space-3);align-items:center}.quick-action-or{font-size:var(--text-base);color:#ffffffb3;font-weight:var(--font-medium)}.quick-action-input-row{display:flex;gap:var(--space-3);align-items:stretch}.quick-action-url-container{flex:1;position:relative}.quick-action-url-input{width:100%;padding:var(--space-4) var(--space-5);border:2px solid transparent;border-radius:var(--radius-2xl);font-size:var(--text-lg);background:#fffffffa;color:var(--text);transition:box-shadow var(--duration-normal),border-color var(--duration-normal)}.quick-action-url-input::placeholder{color:var(--text-muted)}.quick-action-url-input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 4px #fff3}.quick-action-url-input:disabled{opacity:.5;cursor:not-allowed}.quick-action-buttons{display:flex;gap:var(--space-2)}.quick-action-upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:#ffffff1f;border:2px solid rgba(255,255,255,.25);border-radius:var(--radius-2xl);color:var(--text-inverse);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal),border-color var(--duration-normal),transform var(--duration-normal)}.quick-action-upload-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.quick-action-upload-btn svg{width:20px;height:20px}.quick-action-submit-btn{width:100%;padding:var(--space-4) var(--space-8);background:var(--color-primary);border:none;border-radius:var(--radius-2xl);color:var(--text-inverse);font-size:1.0625rem;font-weight:var(--font-bold);cursor:pointer;transition:transform var(--duration-normal),box-shadow var(--duration-normal),background var(--duration-normal);box-shadow:0 4px 12px #0d94884d;margin-top:var(--space-2)}.quick-action-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0d948866;background:var(--color-primary-dark)}.quick-action-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.recent-urls-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;z-index:var(--z-dropdown);margin-top:var(--space-1);overflow:hidden}.recent-urls-header{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--text-muted);background:var(--bg-muted)}.recent-url-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;cursor:pointer;text-align:left;transition:background var(--duration-normal)}.recent-url-item:hover{background:var(--bg-muted)}.recent-url-title{font-weight:var(--font-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.recent-url-url{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.quick-action-preview{margin-top:var(--space-3)}.quick-action-loading{font-size:var(--text-base);color:#fffc;margin:0}.quick-action-preview-error{font-size:var(--text-base);color:var(--color-error-200);margin:0}.quick-action-preview-card{display:flex;gap:var(--space-4);padding:var(--space-3);background:#ffffff1a;border-radius:var(--radius-lg)}.quick-action-preview-card img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.quick-action-preview-placeholder{width:80px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-sm)}.quick-action-preview-placeholder svg{width:24px;height:24px;opacity:.5}.quick-action-preview-info{flex:1;min-width:0}.quick-action-preview-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action-preview-meta{font-size:var(--text-base);color:#ffffffe6;margin-top:var(--space-1)}.quick-action-file-selected{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff1a;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.quick-action-file-selected svg{width:24px;height:24px;flex-shrink:0}.quick-action-file-selected span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action-file-selected button{padding:var(--space-1) var(--space-3);background:#fff3;border:none;border-radius:var(--radius-sm);color:var(--text-inverse);font-size:var(--text-base);cursor:pointer}.quick-action-file-selected button:hover{background:#ffffff4d}.quick-action-expanded-panel{background:#fffffffa;border-radius:var(--radius-2xl);padding:var(--space-5);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.quick-action-options-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.quick-action-field{display:flex;flex-direction:column;gap:var(--space-1)}.quick-action-field-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted)}.quick-action-field select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:var(--text-base);min-width:160px;cursor:pointer}.quick-action-field select:hover{border-color:var(--color-primary-300)}.quick-action-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0d948826}.quick-action-field select option{color:var(--text);background:var(--surface)}.quick-action-time-range{display:flex;flex-direction:column;gap:var(--space-1)}.quick-action-time-inputs{display:flex;align-items:center;gap:var(--space-2)}.quick-action-time-inputs input{width:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:var(--text-base);text-align:center}.quick-action-time-inputs input:hover{border-color:var(--color-primary-300)}.quick-action-time-inputs input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0d948826}.quick-action-time-inputs input::placeholder{color:var(--text-muted)}.quick-action-time-separator{font-size:var(--text-base);color:var(--text-muted)}.quick-action-time-unit{font-size:var(--text-sm);color:var(--text-muted)}.quick-action-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer;padding:var(--space-2) 0}.quick-action-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.quick-action-checkbox span{color:var(--text)}.quick-action-language-section{margin-top:0}.quick-action-note{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.quick-action-reminder{margin:0;font-size:var(--text-sm);color:var(--color-warning-600);font-weight:var(--font-medium)}.quick-action-error{margin:0;font-size:var(--text-sm);color:var(--color-error-600);font-weight:var(--font-medium)}.active-jobs-grid{display:grid;gap:var(--space-4)}.active-job-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-2xl);border:1px solid var(--border);transition:border-color var(--duration-normal),box-shadow var(--duration-normal);animation:slide-in-left .4s var(--ease-out-back) backwards}.active-job-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0d94881a}.active-job-thumb{width:64px;height:48px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0}.active-job-thumb-placeholder{width:64px;height:48px;border-radius:var(--radius-lg);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-job-thumb-placeholder svg{width:24px;height:24px;color:var(--text-light)}.active-job-info{flex:1;min-width:0}.active-job-title{font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-job-progress{display:flex;align-items:center;gap:var(--space-2)}.active-job-progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.active-job-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s var(--ease-out-expo);position:relative}.active-job-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 1.5s ease-in-out infinite}.active-job-progress-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);min-width:42px;text-align:right}.recent-decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,280px));gap:var(--space-4)}.recent-decks-empty{text-align:center;padding:var(--space-8)}.recent-decks-empty .empty-state-icon{margin-bottom:var(--space-4)}.recent-decks-empty .empty-state-icon svg{width:48px;height:48px;color:var(--text-light)}.recent-decks-empty h4{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}.recent-decks-empty p{margin:0 0 var(--space-6);color:var(--text-muted);max-width:400px;margin-left:auto;margin-right:auto}.recent-decks-footer{margin-top:var(--space-5);text-align:center}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-subtle) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-title{width:70%;margin-bottom:var(--space-2)}.skeleton-meta{width:50%}.skeleton-btn{width:36px;height:36px;border-radius:var(--radius-lg)}.recent-deck-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);text-decoration:none;transition:transform var(--duration-normal),box-shadow var(--duration-normal),border-color var(--duration-normal);animation:scale-in .4s var(--ease-out-back) backwards}@media (hover: hover){.recent-deck-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}}.recent-deck-card:active{transform:scale(.98)}.recent-deck-thumb{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);object-fit:cover;margin-bottom:var(--space-3)}.recent-deck-thumb-placeholder{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-muted) 0%,var(--border) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.recent-deck-thumb-placeholder svg{width:32px;height:32px;color:var(--text-light)}.recent-deck-title{font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);font-size:var(--text-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-deck-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.recent-deck-cards-count{display:flex;align-items:center;gap:var(--space-1)}.recent-deck-cards-count svg{width:14px;height:14px}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--text-light)}.empty-state-title{font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2)}.empty-state-text{font-size:var(--text-base);margin:0}.usage-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-2xl);animation:slide-up var(--duration-slow) var(--ease-out-expo) backwards}.usage-alert.warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200)}.usage-alert.critical{background:var(--color-error-50);border:1px solid var(--color-error-200);animation:alert-pulse 2s ease-in-out infinite}.usage-alert-icon{width:24px;height:24px;flex-shrink:0}.usage-alert.warning .usage-alert-icon{color:var(--color-warning-500)}.usage-alert.critical .usage-alert-icon{color:var(--color-error-500)}.usage-alert-content h4{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:var(--font-semibold)}.usage-alert.warning .usage-alert-content h4{color:var(--color-warning-800)}.usage-alert.critical .usage-alert-content h4{color:var(--color-error-800)}.usage-alert-content p{margin:0 0 var(--space-3);font-size:var(--text-base)}.usage-alert.warning .usage-alert-content p{color:var(--color-warning-700)}.usage-alert.critical .usage-alert-content p{color:var(--color-error-700)}.quick-stats{display:grid;gap:var(--space-4)}.quick-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-2xl)}.quick-stat-icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-stat-icon svg{width:20px;height:20px}.quick-stat-icon.decks{background:var(--color-primary-100);color:var(--color-primary-600)}.quick-stat-icon.cards{background:var(--color-info-100);color:var(--color-info-600)}.quick-stat-icon.streak{background:var(--color-accent-100);color:var(--color-accent-600)}.quick-stat-content{flex:1;min-width:0}.quick-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-none)}.quick-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.getting-started-steps{display:grid;gap:var(--space-4)}.getting-started-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-2xl);transition:background var(--duration-normal)}.getting-started-step.completed{background:var(--color-success-50)}.step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);flex-shrink:0}.getting-started-step:not(.completed) .step-indicator{background:var(--color-primary-100);color:var(--color-primary-600)}.getting-started-step.completed .step-indicator{background:var(--color-success-500);color:var(--text-inverse)}.step-indicator svg{width:16px;height:16px}.step-content{flex:1}.step-content h4{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text)}.step-content p{margin:0;font-size:var(--text-base);color:var(--text-muted)}.referral-widget{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);border-radius:var(--radius-3xl);padding:var(--space-6);color:var(--text-inverse)}.referral-widget.compact{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.referral-widget-header h4{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--font-semibold)}.referral-widget-header p{margin:0;font-size:var(--text-base);color:#ffffffb3}.referral-widget.compact .referral-widget-header{display:flex;align-items:center;gap:var(--space-2);flex:1}.referral-widget.compact .referral-widget-header svg{width:18px;height:18px;flex-shrink:0}.referral-widget.compact .referral-widget-header span{font-size:var(--text-sm)}.referral-widget-rewards{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-4);background:#ffffff1a;border-radius:var(--radius-xl)}.referral-reward{text-align:center}.reward-amount{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-inverse)}.reward-label{display:block;font-size:var(--text-sm);color:#ffffffb3;margin-top:var(--space-1)}.referral-arrow{color:#ffffff80}.referral-arrow svg{width:24px;height:24px}.referral-widget-share{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.referral-url-input{flex:1;padding:var(--space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--text-sm);font-family:var(--font-mono)}.referral-url-input:focus{outline:none;border-color:#fff6}.referral-copy-btn{padding:var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;transition:background var(--duration-normal);display:flex;align-items:center;justify-content:center}.referral-copy-btn:hover{background:var(--color-primary-dark)}.referral-copy-btn.copied{background:var(--color-success)}.referral-copy-btn svg{width:18px;height:18px}.referral-widget-copy{padding:var(--space-2) var(--space-3);background:#fff3;border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal)}.referral-widget-copy:hover{background:#ffffff4d}.referral-widget-copy.copied{background:var(--color-success)}.referral-widget-earned{font-size:var(--text-sm);color:#ffffffb3}.referral-widget-stats{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.referral-stat{font-size:var(--text-sm);color:#ffffffb3}.referral-stat strong{color:var(--text-inverse);font-weight:var(--font-semibold)}.referral-stat.highlight,.referral-stat.highlight strong{color:var(--color-success-300)}.referral-widget-code{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ffffff1a;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.referral-widget-code code{flex:1;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.referral-widget-code button{padding:var(--space-2) var(--space-3);background:#fff3;border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer}.referral-widget-code button:hover{background:#ffffff4d}@media (max-width: 1100px) and (min-width: 1025px){.dashboard-content{grid-template-columns:1fr 300px}}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.dashboard{padding:0 var(--space-4) var(--space-6)}.quick-action-bar{padding:var(--space-6);border-radius:var(--radius-3xl)}.quick-action-header h2{font-size:var(--text-2xl)}.quick-action-input-row{flex-direction:column}.quick-action-buttons{width:100%}.quick-action-upload-btn{flex:1;justify-content:center}.quick-action-expanded-panel{padding:var(--space-4)}.quick-action-options-grid{flex-direction:column}.quick-action-field,.quick-action-field select{width:100%}.recent-decks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.recent-decks-grid{grid-template-columns:1fr}.active-job-card{flex-direction:column;align-items:stretch}.active-job-thumb,.active-job-thumb-placeholder{width:100%;height:auto;aspect-ratio:16/9}}.discover-section{overflow:hidden}.discover-section.collapsed{padding:var(--space-4) var(--space-6)}.discover-section.collapsed .section-header{margin-bottom:0}.discover-nav{display:flex;align-items:center;gap:var(--space-3)}.discover-loading{text-align:center;padding:var(--space-8);color:var(--text-muted)}.discover-carousel{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);scroll-padding-left:var(--space-6);padding-left:var(--space-6);padding-right:var(--space-6)}.discover-carousel::-webkit-scrollbar{display:none}.discover-card{flex-shrink:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;scroll-snap-align:start;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}@media (hover: hover){.discover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.discover-card:active{transform:scale(.98)}.discover-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-muted);overflow:hidden}.discover-card-thumbnail img{width:100%;height:100%;object-fit:cover}.discover-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--border) 100%)}.discover-card-placeholder svg{width:32px;height:32px;color:var(--text-light)}.discover-card-provider{position:absolute;bottom:var(--space-2);right:var(--space-2);width:28px;height:28px;background:#000000b3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.discover-card-provider .provider-icon{width:14px;height:14px;color:#fff}.discover-card-provider .provider-icon.youtube{color:red}.discover-card-provider .provider-icon.spotify{color:#1db954}.discover-card-content{padding:var(--space-3)}.discover-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--leading-snug)}.discover-card-uploader{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-card-stats{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-light);margin-bottom:var(--space-3)}.discover-card-download{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal)}.discover-card-download:hover:not(:disabled){background:var(--color-primary-dark)}.discover-card-download:disabled{opacity:.5;cursor:not-allowed}.nav-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-normal),border-color var(--duration-normal)}.nav-btn:hover{background:var(--bg-muted);border-color:var(--border-dark)}.nav-btn svg{width:18px;height:18px;color:var(--text-secondary)}.expand-btn,.collapse-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--duration-normal)}.expand-btn:hover,.collapse-btn:hover{color:var(--text)}.expand-btn svg,.collapse-btn svg{width:16px;height:16px}.job-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;justify-content:flex-end;animation:overlay-fade-in var(--duration-slow) var(--ease-out)}.job-detail-panel{width:100%;max-width:600px;height:100%;background:var(--surface);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:panel-slide-in var(--duration-slow) var(--ease-out-expo)}.job-detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.job-detail-panel-header h2{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold)}.job-detail-close-btn{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--duration-normal)}.job-detail-close-btn:hover{background:var(--bg-muted)}.job-detail-close-btn svg{width:20px;height:20px}.job-detail-panel-content{flex:1;overflow-y:auto;padding:var(--space-6)}.deck-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:transform var(--duration-normal),box-shadow var(--duration-normal);cursor:pointer;display:flex;flex-direction:column}@media (hover: hover){.deck-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.deck-card:active{transform:scale(.98)}.deck-card-skeleton{background:var(--bg-muted);animation:shimmer 2s infinite;background-image:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-subtle) 50%,var(--bg-muted) 100%);background-size:200% 100%}.deck-card-thumbnail{width:100%;aspect-ratio:16/9;background:var(--bg-muted);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.deck-card-thumbnail img{width:100%;height:100%;object-fit:cover}.deck-card-content{padding:var(--space-4)}.deck-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deck-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap}.deck-card-date{color:var(--text-light)}.deck-card-language{display:flex;align-items:center;gap:var(--space-1)}.deck-card-file-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--border) 100%)}.deck-card-file-icon svg{width:32px;height:32px;color:var(--text-light)}.deck-card-public-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ffffffe6;color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.deck-card-public-badge svg{width:12px;height:12px}.deck-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.deck-action-btn{flex:1;padding:var(--space-2);min-height:var(--min-touch-target);min-width:var(--min-touch-target);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-1);transition:background var(--duration-normal),border-color var(--duration-normal)}.deck-action-btn:hover{background:var(--bg-muted);border-color:var(--border-dark)}.deck-action-btn svg{width:14px;height:14px}.usage-alert-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.usage-alert-header h4{margin:0;font-size:var(--text-md);font-weight:var(--font-semibold)}.usage-alert-bar{height:8px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.usage-alert-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out-expo)}.usage-alert.warning .usage-alert-bar-fill{background:var(--color-warning-500)}.usage-alert.critical .usage-alert-bar-fill{background:var(--color-error-500)}.usage-alert-message{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4)}.usage-alert-actions{display:flex;gap:var(--space-3);align-items:center}.usage-alert-cta{padding:var(--space-2) var(--space-4);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal)}.usage-alert-cta:hover{background:var(--color-primary-dark)}.usage-alert-link{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.usage-alert-link:hover{text-decoration:underline}.quick-stats-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-4)}.quick-stats-grid{display:grid;gap:var(--space-3)}.streak-fire{margin-right:var(--space-1)}.streak-best{font-size:var(--text-sm);color:var(--text-light);font-weight:var(--font-normal)}.streak-reminder{font-size:var(--text-xs);color:var(--color-warning-600);margin-top:var(--space-1)}.getting-started-section{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--bg) 100%)}.getting-started-card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-5)}.getting-started-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.getting-started-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.getting-started-icon svg{width:24px;height:24px;color:var(--color-primary-600)}.getting-started-header-text h3{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:var(--font-semibold)}.getting-started-header-text p{margin:0;color:var(--text-muted)}.getting-started-tips{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.getting-started-tips li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.getting-started-tips li:before{content:"✓";color:var(--color-success-500);font-weight:var(--font-bold)}.getting-started-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.active-jobs-section .section-header{display:flex;justify-content:space-between;align-items:center}.active-jobs-list{display:grid;gap:var(--space-3)}.active-job-content{flex:1;min-width:0}.active-job-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);margin-bottom:var(--space-2)}.active-job-status.processing{background:var(--color-primary-100);color:var(--color-primary-700)}.active-job-status.queued{background:var(--color-warning-100);color:var(--color-warning-700)}.active-job-status.failed{background:var(--color-error-100);color:var(--color-error-700)}.active-job-error{font-size:var(--text-sm);color:var(--color-error-600);margin-top:var(--space-2)}.active-job-action{padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal)}.active-job-action:hover{background:var(--bg-muted)}.active-job-thumbnail{width:80px;height:60px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0}.active-job-thumbnail-placeholder{width:80px;height:60px;border-radius:var(--radius-lg);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-job-thumbnail-placeholder svg{width:24px;height:24px;color:var(--text-light)}.job-card-thumbnail{width:64px;height:48px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0}.job-card-content{flex:1;min-width:0}.job-card-title-row{display:flex;align-items:center;gap:var(--space-2)}.job-card-title{font-weight:var(--font-semibold);color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-card-external-link{width:16px;height:16px;color:var(--text-light);flex-shrink:0}.job-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.job-card-separator{color:var(--border)}.job-card-date{color:var(--text-light)}.job-card-file-icon{width:14px;height:14px}.job-card-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.job-card-status.failed{background:var(--color-error-100);color:var(--color-error-700)}.job-card-retry-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-normal)}.job-card-retry-btn:hover{background:var(--bg-muted)}.empty-state-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.input-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.grid{display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl)}.checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.highlight{background:var(--color-primary-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.compact{padding:var(--space-4)}@media (max-width: 768px){.discover-card{width:180px}.job-detail-panel{max-width:100%}.discover-nav .nav-btn{display:none}}.dl-hero{background:linear-gradient(135deg,var(--bg-subtle) 0%,#e8f4f3 50%,var(--bg-subtle) 100%);padding:var(--space-20) var(--space-12) 0;overflow:hidden}.dl-hero-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-16);align-items:center}.dl-hero-content{max-width:560px}.dl-trust-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#0d94881a,#14b8a61a);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.dl-trust-badge svg{width:16px;height:16px}.dl-hero h1{font-size:clamp(40px,4vw,56px);line-height:var(--leading-tight);font-weight:var(--font-extrabold);color:var(--text);margin:0 0 var(--space-5);letter-spacing:var(--tracking-tight)}.dl-highlight{color:#0d9488;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@supports not (background-clip: text){.dl-highlight{background:none;-webkit-text-fill-color:initial;color:#0d9488}}.dl-subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0 0 var(--space-5)}.dl-hero-stats{display:flex;align-items:center;gap:var(--space-4);margin-bottom:28px;flex-wrap:wrap}.dl-hero-stat{font-size:var(--text-base);color:var(--text-muted)}.dl-hero-stat strong{color:var(--color-primary);font-weight:var(--font-bold)}.dl-hero-stat-divider{width:4px;height:4px;background:var(--border);border-radius:50%}.dl-url-input-wrapper{margin-bottom:var(--space-8)}.dl-url-input-container{display:flex;align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.dl-url-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #0d94881a,var(--shadow-md)}.dl-url-icon{width:20px;height:20px;color:var(--text-light);flex-shrink:0}.dl-url-input{flex:1;border:none;background:transparent;padding:var(--space-4) var(--space-3);font-size:var(--text-lg);color:var(--text);outline:none}.dl-url-input::placeholder{color:var(--text-muted)}.dl-try-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-md);font-weight:var(--font-bold);border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-primary)}.dl-try-btn:hover{background:var(--gradient-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.dl-try-btn svg{width:18px;height:18px}.dl-input-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-light);padding-left:var(--space-1)}.dl-file-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-muted);transition:var(--transition-normal);flex-shrink:0;margin-right:var(--space-2)}.dl-file-btn:hover{background:var(--bg-subtle);border-color:var(--color-primary);color:var(--color-primary)}.dl-file-btn svg{width:20px;height:20px}.dl-file-selected{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg);border:2px solid var(--color-primary);border-radius:var(--radius-3xl);margin-bottom:var(--space-3)}.dl-file-selected svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.dl-file-selected span{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-file-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:var(--transition-normal)}.dl-file-clear:hover{background:var(--bg-muted);color:var(--text)}.dl-file-clear svg{width:16px;height:16px}.dl-validation-error{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-error-600);background:#dc262614;border-radius:var(--radius-2xl);border-left:3px solid var(--color-error-600)}.dl-preview-loading{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-light);font-style:italic}.dl-url-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:var(--bg-muted);border-radius:var(--radius-2xl);margin-top:var(--space-3)}.dl-preview-thumb{width:60px;height:45px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.dl-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dl-preview-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-preview-duration{font-size:var(--text-sm);color:var(--text-muted)}.dl-expanded-options{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-2xl);animation:expand-in var(--duration-slow) ease-out}.dl-option-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.dl-option-field{display:flex;flex-direction:column;gap:var(--space-2)}.dl-option-field label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dl-option-field select{padding:var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);font-size:var(--text-base);color:var(--text);min-width:160px;cursor:pointer}.dl-option-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.dl-required{color:var(--color-error-500);font-weight:var(--font-bold)}.dl-field-error label{color:var(--color-error-600)}.dl-select-error{border-color:var(--color-error-500);animation:dl-shake .4s ease-in-out}.dl-select-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px #ef444426}@keyframes dl-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.dl-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-3) 0}.dl-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.dl-checkbox span{font-size:var(--text-base);color:var(--text)}.dl-submit-btn{width:100%;margin-top:var(--space-4);justify-content:center}.dl-platforms{display:flex;align-items:center;gap:var(--space-4)}.dl-platforms-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-light);font-weight:var(--font-semibold)}.dl-platform-logos{display:flex;align-items:center;gap:var(--space-3)}.dl-platform{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}@media (hover: hover){.dl-platform:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.dl-platform svg{width:20px;height:20px}.dl-platform:nth-child(1) svg{color:red}.dl-platform:nth-child(2) svg{color:#000}.dl-platform:nth-child(3) svg{color:#93f}.dl-platform:nth-child(4) svg{color:#1ab7ea}.dl-more-platforms{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.dl-hero-demo{position:relative}.dl-demo-window{background:var(--bg);border-radius:var(--radius-5xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border)}.dl-demo-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-muted);border-bottom:1px solid var(--border)}.dl-demo-dots{display:flex;gap:var(--space-2)}.dl-demo-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.dl-demo-dots span:nth-child(1){background:#ff5f57}.dl-demo-dots span:nth-child(2){background:#febc2e}.dl-demo-dots span:nth-child(3){background:#28c840}.dl-demo-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);margin-left:auto}.dl-demo-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.dl-demo-source{position:relative;border-radius:var(--radius-2xl);overflow:hidden}.dl-demo-thumb{width:100%;height:160px;object-fit:cover}.dl-demo-source-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8) var(--space-4) var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,transparent 100%);display:flex;flex-direction:column;gap:var(--space-1)}.dl-demo-source-badge{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:#ffffffb3}.dl-demo-source-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-inverse);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dl-demo-transform{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.dl-demo-arrow-line{flex:1;height:2px;background:linear-gradient(90deg,var(--border) 0%,var(--color-primary) 50%,var(--border) 100%)}.dl-demo-arrow-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.dl-demo-arrow-icon svg{width:18px;height:18px;color:var(--text-inverse)}.dl-demo-arrow-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.dl-demo-card{position:relative;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-success-50) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-3xl);padding:var(--space-5)}.dl-demo-card-badge{position:absolute;top:-10px;left:20px;background:var(--color-primary);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.dl-demo-card-content{padding-top:var(--space-2)}.dl-demo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.dl-demo-card-word{display:flex;flex-direction:column;gap:2px}.dl-demo-expression{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text)}.dl-demo-reading{font-size:var(--text-sm);color:var(--text-muted)}.dl-demo-definition{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-2)}.dl-demo-example{font-size:var(--text-base);color:var(--text-muted);font-style:italic;line-height:var(--leading-normal);margin-bottom:var(--space-3)}.dl-demo-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium)}.dl-demo-meta svg{width:14px;height:14px}.dl-demo-card-nav{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(13,148,136,.2)}.dl-demo-dot{width:8px;height:8px;border-radius:50%;background:#0d94884d;border:none;padding:0;cursor:pointer;transition:var(--transition-normal)}.dl-demo-dot.active{background:var(--color-primary);transform:scale(1.25)}.dl-demo-dot:hover:not(.active){background:#0d948880}.dl-demo-more{font-size:var(--text-xs);color:var(--text-light);margin-left:var(--space-1)}.dl-demo-caption{text-align:center;font-size:var(--text-base);color:var(--text-muted);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#0d94880d;border-radius:var(--radius-2xl)}.dl-demo-caption strong{color:var(--color-primary);font-weight:var(--font-semibold)}.dl-demo-loading{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.dl-demo-skeleton-thumb{height:160px;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--border) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-2xl)}.dl-demo-skeleton-card{height:180px;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--border) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-3xl)}.dl-social-proof{background:var(--text);margin-top:var(--space-20);margin-left:-48px;margin-right:-48px;padding:0 48px}.dl-social-proof-inner{max-width:1280px;margin:0 auto;padding:var(--space-6) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.dl-proof-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.dl-proof-number{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--text-inverse)}.dl-proof-label{font-size:var(--text-sm);color:var(--text-light);margin-top:2px}.dl-proof-divider{width:1px;height:40px;background:#ffffff26}.dl-proof-quote{display:flex;flex-direction:column;max-width:300px}.dl-proof-quote-text{font-size:var(--text-base);color:#ffffffe6;font-style:italic;line-height:var(--leading-normal)}.dl-proof-quote-author{font-size:var(--text-sm);color:var(--text-light);margin-top:var(--space-1)}@media (max-width: 1024px){.dl-hero{padding:60px var(--space-8) 0}.dl-hero-container{gap:var(--space-12)}.dl-social-proof{margin-left:-32px;margin-right:-32px;padding:0 var(--space-8)}}@media (max-width: 900px){.dl-hero-container{grid-template-columns:1fr;gap:var(--space-12)}.dl-hero-content{max-width:100%;text-align:center}.dl-platforms{justify-content:center}.dl-hero-demo{max-width:500px;margin:0 auto}.dl-social-proof-inner{flex-wrap:wrap;gap:var(--space-6)}.dl-proof-quote{flex-basis:100%;max-width:100%;text-align:center}}@media (max-width: 768px){.dl-hero{display:none}}@media (max-width: 600px){.dl-url-input-container{flex-direction:column;padding:var(--space-2);gap:var(--space-2)}.dl-url-icon{display:none}.dl-url-input{width:100%;text-align:center}.dl-try-btn{width:100%;justify-content:center}.dl-platform-logos{flex-wrap:wrap;justify-content:center}.dl-proof-divider{display:none}.dl-social-proof-inner{flex-direction:column;gap:var(--space-4)}}.mobile-landing{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.ml-hero{background:linear-gradient(180deg,var(--bg-subtle) 0%,var(--bg) 100%);padding:var(--space-6) var(--space-5) var(--space-10);text-align:center}.ml-hero-content{max-width:100%}.ml-hero-badge{display:inline-flex;align-items:center;gap:var(--space-1-5);background:linear-gradient(135deg,#0d94881a,#14b8a61a);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1-5) var(--space-3-5);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.ml-hero-badge svg{width:14px;height:14px}.ml-hero h1{font-size:28px;line-height:1.2;font-weight:var(--font-extrabold);color:var(--text);margin:0 0 var(--space-3)}.ml-hero-highlight{color:#0d9488;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@supports not (background-clip: text){.ml-hero-highlight{background:none;-webkit-text-fill-color:initial;color:#0d9488}}.ml-hero-subtitle{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0 0 var(--space-5)}.ml-platforms{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.ml-platforms-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-weight:var(--font-semibold)}.ml-platform-icons{display:flex;align-items:center;gap:var(--space-4)}.ml-platform-icons svg{width:24px;height:24px}.ml-platform-icons .youtube{color:red}.ml-platform-icons .spotify{color:#1db954}.ml-platform-icons .tiktok{color:#000}.ml-more{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.ml-cta-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;max-width:320px;margin:0 auto;padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:17px;font-weight:var(--font-bold);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 16px #0d948859;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.ml-cta-primary:active{transform:scale(.98);box-shadow:0 2px 8px #0d94884d}.ml-cta-primary svg{width:20px;height:20px}.ml-cta-primary.large{padding:18px 36px;font-size:var(--text-lg)}.ml-cta-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-light)}.ml-demo{background:var(--bg);padding:var(--space-8) var(--space-5)}.ml-demo-header{text-align:center;margin-bottom:var(--space-5)}.ml-demo-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1-5) var(--space-3-5);border-radius:var(--radius-full);margin-bottom:var(--space-2)}.ml-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.ml-demo-header p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.ml-demo-source{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.ml-demo-thumb{width:100%;height:180px;object-fit:cover}.ml-demo-source-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-10) var(--space-4) var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%)}.ml-demo-source-title{color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ml-demo-arrow{display:flex;justify-content:center;padding:var(--space-4) 0}.ml-demo-arrow svg{width:28px;height:28px;color:var(--color-primary);animation:bounce 2s infinite}.ml-demo-card{background:var(--bg);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;box-shadow:var(--shadow-xl)}.ml-demo-card-badge{position:absolute;top:-10px;left:var(--space-5);background:var(--color-primary);color:#fff;font-size:11px;font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.ml-demo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-top:var(--space-1)}.ml-demo-card-word{display:flex;flex-direction:column;gap:2px}.ml-demo-expression{font-size:24px;font-weight:var(--font-extrabold);color:var(--text)}.ml-demo-reading{font-size:var(--text-sm);color:var(--text-muted)}.ml-demo-definition{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-2)}.ml-demo-example{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.ml-demo-timing{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium)}.ml-demo-timing svg{width:14px;height:14px}.ml-demo-dots{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.ml-demo-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:var(--transition-fast)}.ml-demo-dot.active{background:var(--color-primary);transform:scale(1.25)}.ml-demo-more{font-size:11px;color:var(--text-light)}.ml-demo-cta{display:block;width:100%;margin-top:var(--space-5);padding:var(--space-3-5) var(--space-6);background:var(--bg-muted);color:var(--text);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.ml-demo-cta:active{background:var(--border)}.ml-social-proof{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--space-6) var(--space-5)}.ml-stats{display:flex;justify-content:space-around}.ml-stat{text-align:center}.ml-stat-number{display:block;font-size:var(--text-lg);font-weight:var(--font-extrabold);color:#fff}.ml-stat-label{display:block;font-size:11px;color:#fffc;margin-top:2px}.ml-popular{background:var(--bg-subtle);padding:var(--space-8) 0}.ml-section-header{text-align:center;padding:0 var(--space-5);margin-bottom:var(--space-5)}.ml-section-header h2{font-size:22px;font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-1-5)}.ml-section-header p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.ml-popular-scroll{display:flex;gap:var(--space-3);padding:0 var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ml-popular-scroll::-webkit-scrollbar{display:none}.ml-popular-card{flex:0 0 260px;scroll-snap-align:start;background:var(--bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}.ml-popular-thumb{position:relative;height:120px;background:var(--bg-muted)}.ml-popular-thumb img{width:100%;height:100%;object-fit:cover}.ml-popular-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--border) 100%)}.ml-popular-provider{position:absolute;bottom:var(--space-2);left:var(--space-2);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#000000b3;color:#fff}.ml-popular-provider.youtube{background:red}.ml-popular-provider.spotify{background:#1db954}.ml-popular-info{padding:var(--space-3-5);flex:1;display:flex;flex-direction:column}.ml-popular-info h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.ml-popular-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-light);margin-top:auto}.ml-popular-download{display:flex;align-items:center;justify-content:center;width:44px;height:44px;position:absolute;bottom:var(--space-3-5);right:var(--space-3-5);background:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #0d94884d;transition:var(--transition-fast)}.ml-popular-download:active{transform:scale(.95)}.ml-popular-download:disabled{opacity:.6}.ml-popular-download svg{width:20px;height:20px}.ml-how-it-works{background:var(--bg);padding:var(--space-8) var(--space-5)}.ml-steps{display:flex;flex-direction:column;gap:var(--space-5)}.ml-step{display:flex;gap:var(--space-4);align-items:flex-start}.ml-step-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.ml-step-icon svg{width:24px;height:24px;color:#fff}.ml-step-content h3{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-1)}.ml-step-content p{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.4}.ml-pricing{background:var(--bg-subtle);padding:var(--space-8) var(--space-5)}.ml-pricing-card{background:var(--bg);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.ml-pricing-free{text-align:center;margin-bottom:var(--space-5)}.ml-pricing-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);margin-bottom:var(--space-1)}.ml-pricing-value{display:block;font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-primary)}.ml-pricing-detail{display:block;font-size:var(--text-sm);color:var(--text-light);margin-top:var(--space-1)}.ml-pricing-divider{height:1px;background:var(--border);margin:0 calc(-1 * var(--space-6))}.ml-pricing-upgrade{text-align:center;padding-top:var(--space-5)}.ml-pricing-upgrade-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.ml-pricing-upgrade-link{display:inline-flex;align-items:center;gap:var(--space-1-5);color:var(--color-primary);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none}.ml-pricing-upgrade-link svg{width:16px;height:16px}.ml-final-cta{background:linear-gradient(135deg,var(--text) 0%,var(--color-neutral-800) 100%);padding:var(--space-12) var(--space-5);text-align:center}.ml-final-cta h2{font-size:24px;font-weight:var(--font-extrabold);color:#fff;margin:0 0 var(--space-3)}.ml-final-cta p{font-size:var(--text-base);color:var(--text-light);margin:0 0 var(--space-6)}.ml-sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:var(--z-fixed);transform:translateY(0);transition:transform .3s ease}.ml-sticky-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 16px #0d948859;-webkit-tap-highlight-color:transparent}.ml-sticky-btn:active{transform:scale(.98)}.ml-sticky-btn svg{width:18px;height:18px}.ml-auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--transition-fast) ease}.ml-auth-modal{background:var(--bg);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-6) var(--space-5) var(--space-10);animation:slide-up .3s ease}.ml-auth-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border:none;border-radius:50%;cursor:pointer}.ml-auth-close svg{width:18px;height:18px;color:var(--text-muted)}.ml-auth-content{text-align:center}.ml-auth-content h2{font-size:22px;font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-2)}.ml-auth-content p{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-6)}.spin{animation:spin 1s linear infinite}@media (min-width: 769px){.mobile-landing{display:none}}@media (max-width: 768px){.desktop-only{display:none!important}}@media (max-width: 380px){.ml-hero h1{font-size:24px}.ml-demo-expression{font-size:20px}.ml-popular-card{flex:0 0 220px}.ml-stats{flex-wrap:wrap;gap:var(--space-4)}.ml-stat{flex:0 0 calc(50% - var(--space-2))}}@media (max-height: 500px) and (orientation: landscape){.ml-hero{padding:var(--space-4) var(--space-5) var(--space-6)}.ml-hero h1{font-size:22px}.ml-sticky-cta{padding:var(--space-2) var(--space-4)}.ml-sticky-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}}