@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,400;1,500&family=Roboto+Mono:wght@400;500&display=swap);:root{--brand-blue:#1a73e8;--brand-blue-hover:#1557b0;--brand-blue-light:#e8f0fe;--brand-blue-mid:#1a73e826;--ai-violet:#7c3aed;--ai-violet-hover:#6d28d9;--ai-violet-light:#f4eeff;--ai-violet-mid:#7c3aed26;--ai-gradient:linear-gradient(135deg,#1a73e8,#a953ff);--ai-mastery-gradient:linear-gradient(135deg,#8b5cf6,#7c3aed);--accent:#fbbc04;--accent-hover:#f2a600;--accent-light:#feefc3;--accent-mid:#fbbc0440;--narrator-bg:#fff7ed;--narrator-border:#f97316;--narrator-text:#7c2d12;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--primary-500:var(--brand-blue);--primary-600:var(--brand-blue-hover);--primary-700:#0d47a1;--secondary-500:var(--accent);--secondary-600:var(--accent-hover);--gray-0:#fff;--gray-50:#fff;--gray-100:#f1f3f4;--gray-200:#e8eaed;--gray-300:#e2e8f0;--gray-400:#dadce0;--gray-500:#5f6368;--gray-700:#3c4043;--gray-900:#202124;--slate-50:#f8fafc;--slate-100:var(--gray-100);--slate-200:var(--gray-200);--slate-300:var(--gray-300);--slate-500:var(--gray-500);--slate-700:var(--gray-700);--slate-800:var(--gray-900);--slate-900:#0f172a;--bg-main:var(--gray-50);--surface:var(--gray-0);--surface-hover:var(--gray-100);--sidebar-bg:var(--gray-0);--topbar-bg:#fffffff5;--border:var(--gray-300);--border-subtle:#0000000d;--grad-primary:var(--brand-blue);--grad-premium:var(--ai-gradient);--grad-subtle:var(--gray-100);--glass-bg:#ffffffeb;--glass-border:#0000000f;--glass-blur:blur(12px);--font-display:"Roboto",system-ui,-apple-system,sans-serif;--font-main:"Roboto",system-ui,-apple-system,sans-serif;--font-serif:"Roboto",system-ui,-apple-system,sans-serif;--font-mono:"Roboto Mono",ui-monospace,monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:500;--weight-bold:500;--text-h1:2.25rem;--text-h2:1.5rem;--text-h3:1.1875rem;--text-body-lg:0.9375rem;--text-body-md:0.875rem;--text-label:0.8125rem;--text-caption:0.75rem;--lh-tight:1.2;--lh-body:1.6;--lh-label:1.4;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--card-inset:24px;--touch-min:44px;--touch-gap:8px;--fab-inset:24px;--btn-height-standard:44px;--btn-height-comfortable:48px;--btn-padding-x:18px;--btn-padding-x-comfy:24px;--btn-radius:9999px;--btn-icon-size:20px;--focus-ring:2px solid #202124;--focus-offset:3px;--radius-sm:4px;--radius-input:12px;--radius-card-sm:16px;--radius-card:20px;--radius-modal:24px;--radius-full:9999px;--shadow-card-base:0 2px 12px -2px #00000008;--shadow-card-hover:0 6px 18px #0000000f;--shadow-modal:0 25px 60px -15px #00000040,0 0 0 1px #0000000d;--shadow-fab:0 6px 20px #1a73e859;--shadow-ai-btn:0 4px 14px #7c3aed47;--shadow-ai-btn-hover:0 6px 18px #7c3aed61;--transition-figma:200ms cubic-bezier(0.16,1,0.3,1);--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-soft:250ms cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0}body{background-color:#fff;color:#202124;color:var(--gray-900);font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #202124;outline:var(--focus-ring);outline-offset:3px;outline-offset:var(--focus-offset)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--slate-800);font-family:var(--font-main);font-size:var(--text-body-lg);font-weight:400;letter-spacing:.01em;line-height:var(--lh-body);margin:0;transition:background-color var(--transition-base),color var(--transition-base)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500}h1{font-size:var(--text-h1);letter-spacing:-.02em}h1,h2{line-height:var(--lh-tight)}h2{font-size:var(--text-h2);letter-spacing:-.015em}h3{font-size:var(--text-h3);letter-spacing:-.01em;line-height:var(--lh-tight)}h4,h5,h6{font-size:var(--text-body-lg);line-height:1.35}button,input,select,textarea{font-family:var(--font-display);font-size:var(--text-label);font-weight:500}b,strong{font-weight:500}::selection{background-color:var(--primary-600);color:#fff}.glass-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium)}.mission-layout{background-color:var(--surface);max-height:100vh}.main-content,.mission-layout{display:flex;height:100vh;overflow:hidden}.main-content{background:var(--surface);min-width:0;position:relative;z-index:101}.main-content,.view-container{flex:1 1;flex-direction:column}.view-container{display:flex;height:calc(100vh - 64px);overflow-y:auto;padding:0}@media (max-width:768px){.mission-layout{flex-direction:column}.view-container{padding:1rem 1rem 5.5rem}}.view-enter{opacity:0;transform:translateY(6px)}.view-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s}::selection{background-color:var(--accent-light);color:var(--gray-900)}.flashcards-fullpage-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.flashcards-wrapper-modal{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow-y:auto;padding:2rem;position:relative;width:100%}.live-chat-floating-bubble{align-items:center;background:#fbbc04;background:var(--accent,#fbbc04);border:none;border-radius:50%;bottom:24px;bottom:var(--fab-inset,24px);box-shadow:0 4px 16px #00000026,0 2px 4px #0000001a;color:#202124;color:var(--gray-900,#202124);cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;right:var(--fab-inset,24px);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s;width:60px;z-index:4999}.live-chat-floating-bubble:hover{background:#f2a600;background:var(--accent-hover,#f2a600);box-shadow:0 8px 24px #0003,0 3px 8px #00000026;transform:scale(1.08) translateY(-2px)}.live-chat-floating-bubble:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.live-chat-floating-bubble:active{transform:scale(.95)}@media (max-width:768px){.live-chat-floating-bubble{display:none!important}}.admin-floating-simulator-pill{align-items:center;animation:slideUpPill .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172aeb;border:1px solid #ffffff26;border-radius:40px;bottom:24px;box-shadow:0 8px 30px #0000004d;color:#f8fafc;display:flex;font-size:13px;gap:10px;left:24px;padding:8px 14px;position:fixed;z-index:5000}.pill-dot{animation:pulseDot 2s infinite;background:#38bdf8;border-radius:50%;box-shadow:0 0 8px #38bdf8;height:8px;width:8px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes slideUpPill{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pill-label strong{color:#38bdf8;font-weight:500;letter-spacing:.5px}.pill-action-btn{background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:11.5px;font-weight:500;padding:4px 10px;transition:all .2s ease}.pill-action-btn:hover{background:#ffffff40}.pill-btn-exit{background:#ef444433;border-color:#ef444466;color:#fca5a5}.pill-btn-exit:hover{background:#ef444459;color:#fff}.mission-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;padding:1.5rem 0 1rem;position:sticky;top:0;transition:width .2s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.mission-sidebar.collapsed{padding:1.5rem 0 1rem;width:72px}.sidebar-brand{align-items:center;display:flex;gap:.625rem;margin-bottom:2rem;padding:0 1.25rem;transition:gap .2s,padding .2s}.mission-sidebar.collapsed .sidebar-brand{gap:0;justify-content:center;padding:0}.brand-icon-figma{align-items:center;display:flex;flex-shrink:0;justify-content:center}.brand-name-figma{color:#202124;font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;max-width:200px;opacity:1;transition:opacity .15s,max-width .15s,visibility .15s;visibility:visible;white-space:nowrap}.mission-sidebar.collapsed .brand-name-figma{max-width:0;opacity:0;visibility:hidden}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-item{align-items:center;background:#0000;border:none;border-radius:0 999px 999px 0;color:#5f6368;cursor:pointer;display:flex;font-family:var(--font-main);font-size:.875rem;font-weight:500;gap:1rem;margin-right:12px;padding:.75rem 1.25rem;text-align:left;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;width:calc(100% - 12px)}.mission-sidebar.collapsed .nav-item{border-radius:50%;gap:0;height:48px;justify-content:center;margin:0 auto;padding:.75rem;width:48px}.nav-label{max-width:200px;opacity:1;transition:opacity .15s,max-width .15s,visibility .15s;visibility:visible}.mission-sidebar.collapsed .nav-label{max-width:0;opacity:0;visibility:hidden}.nav-item:hover{background:#f1f3f4;color:#202124}.nav-item.active{background:#e8f0fe;color:#1a73e8;font-weight:600}.nav-item.active .nav-icon{color:#1a73e8}.nav-item.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.nav-item.disabled:hover{background:#0000;color:var(--gray-500)}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.75rem}.daily-practice-card{background:#f8fafc;border:1px solid var(--gray-200);border-radius:12px;display:flex;flex-direction:column;gap:.35rem;margin:0 .75rem .75rem;padding:.875rem 1rem}.practice-card-header{align-items:center;display:flex;gap:.375rem}.practice-card-icon{color:#1a73e8;font-size:.9rem}.practice-card-title{color:#1a73e8;font-family:var(--font-main);font-size:.8125rem;font-weight:700}.practice-card-sub{color:var(--gray-500);font-size:.75rem;margin:0}.practice-progress-bar{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:.125rem;margin-top:.25rem;overflow:hidden;width:100%}.practice-progress-fill{background:#1a73e8;border-radius:999px;height:100%;transition:width .3s ease}.practice-card-meta{color:var(--gray-500);font-size:.6875rem}.daily-practice-card.admin-mode-card{background:linear-gradient(180deg,#f8fafc,#f5f3ff);border-color:#c7d2fe}.admin-practice-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:6px;box-shadow:0 1px 3px #4f46e540;color:#fff;display:inline-flex;font-size:.5625rem;font-weight:800;gap:.2rem;letter-spacing:.04em;margin-left:auto;padding:.125rem .375rem;text-transform:uppercase}.admin-practice-timer-box{background:#fff;border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 1px 2px #6366f10d;margin:.2rem 0;padding:.45rem .6rem}.admin-timer-row{align-items:baseline;display:flex;gap:.35rem}.admin-timer-digits{color:#0f172a;font-family:var(--font-mono);font-size:1.125rem;font-weight:500;letter-spacing:-.02em}.admin-timer-goal{color:#64748b;font-family:var(--font-mono);font-size:.6875rem}.admin-timer-pct{background:#eef2ff;border-radius:4px;color:#4f46e5;font-size:.6875rem;font-weight:500;margin-left:auto;padding:.1rem .35rem}.admin-timer-status{align-items:center;border-top:1px dashed #e2e8f0;display:flex;font-size:.65rem;font-weight:600;gap:.35rem;margin-top:.25rem;padding-top:.25rem}.admin-timer-status.ticking{color:#059669}.admin-timer-status.paused{color:#d97706}.admin-timer-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.admin-timer-status.ticking .admin-timer-dot{animation:adminDotPulse 1.8s ease-in-out infinite;background:#10b981;box-shadow:0 0 0 2px #10b98140}.admin-timer-status.paused .admin-timer-dot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}@keyframes adminDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.sidebar-bottom-actions{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.help-feedback-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--gray-600);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem .625rem;transition:background .15s ease}.help-feedback-btn.active,.help-feedback-btn:hover{background:var(--gray-100);color:var(--gray-900);font-weight:600}.logout-btn-minimal{background:#0000;border:none;color:var(--gray-400);cursor:pointer;font-size:.75rem;padding:.35rem .625rem;text-align:left;transition:color .15s ease}.logout-btn-minimal:hover{color:#ef4444}.collapse-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;font-family:var(--font-main);font-size:var(--text-body-lg);font-weight:500;gap:.75rem;margin-bottom:.75rem;margin-top:.25rem;padding:.5625rem .75rem;text-align:left;transition:all .25s;width:100%}.collapse-toggle-btn:hover{background:var(--gray-100);color:var(--gray-700)}.mission-sidebar.collapsed .collapse-toggle-btn{gap:0;justify-content:center;padding:.5625rem}.collapse-toggle-btn span{max-width:200px;opacity:1;transition:opacity .2s,max-width .2s,visibility .2s;visibility:visible;white-space:nowrap}.mission-sidebar.collapsed .collapse-toggle-btn span{max-width:0;opacity:0;visibility:hidden}.mission-sidebar.collapsed .user-profile-card{align-items:center;padding:.75rem .25rem}.mission-sidebar.collapsed .user-info{gap:0;justify-content:center}.logout-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;margin-top:.25rem;padding:6px;transition:all var(--transition-fast);width:32px}.logout-icon-btn:hover{background:var(--accent-light);color:var(--accent)}.user-profile-actions{align-items:center;display:flex;gap:.5rem;margin-top:.125rem;width:100%}.profile-action-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.profile-action-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.mission-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-right:none;border-top:1px solid var(--border-subtle);bottom:0;box-shadow:0 -1px 0 var(--border-subtle);flex-direction:row;height:56px;left:0;padding:0;position:fixed;right:0;top:auto;width:100vw;z-index:999}.mission-sidebar.collapsed{height:56px!important;padding:0!important;width:100vw!important}.sidebar-brand{display:none!important}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;width:100%}.nav-item,.sidebar-nav{align-items:center;height:100%}.nav-item{border-radius:0;flex:1 1;flex-direction:column;font-size:.6875rem;font-weight:500;gap:2px;justify-content:center;padding:4px 0;text-align:center}.mission-sidebar.collapsed .nav-item{align-items:center!important;flex-direction:column!important;gap:2px!important;justify-content:center!important;padding:4px 0!important}.nav-item.active{background:#0000;color:var(--accent)}.nav-icon svg{height:18px;width:18px}.collapse-toggle-btn,.sidebar-footer{display:none!important}.nav-item-dashboard{display:flex!important}.nav-item-media{display:none!important}}.nav-badge-pill{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:6px;color:#7c3aed;font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-left:auto;padding:.15rem .45rem}.sidebar-subscription-box{cursor:pointer;margin-bottom:.75rem}.sidebar-sub-card{border-radius:14px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.sub-card-upgrade{background:linear-gradient(135deg,#7c3aed0f,#9333ea08);border:1px solid #7c3aed40;box-shadow:0 4px 12px #7c3aed0f}.sub-card-upgrade:hover{border-color:#7c3aed;box-shadow:0 6px 16px #7c3aed24;transform:translateY(-2px)}.sub-card-active{background:#f8fafc;border:1px solid #e2e8f0}.sub-card-active:hover{background:#f1f5f9;border-color:#cbd5e1}.sub-card-header{align-items:center;display:flex;justify-content:space-between}.sub-card-tag{background:#7c3aed1f;border-radius:4px;color:#7c3aed;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:.1rem .4rem}.sub-card-title{color:#0f172a;font-size:.85rem;font-weight:700;margin-top:.15rem}.sub-card-desc{color:#64748b;font-size:.72rem;line-height:1.3}.sub-card-btn{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;margin-top:.35rem;padding:.4rem .6rem;transition:background .15s ease;width:100%}.sub-card-btn:hover{background:#6d28d9}.sub-card-btn-secondary{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:.72rem;font-weight:600;margin-top:.35rem;padding:.35rem .6rem;width:100%}.mission-topbar{background:var(--surface);border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:.75rem 2rem;position:sticky;top:0;z-index:50}.mission-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:1rem}.page-title{color:var(--gray-500);font-family:var(--font-display);font-size:1.375rem;font-weight:500;letter-spacing:0}.search-wrapper{position:relative;width:260px}.search-icon{align-items:center;color:var(--gray-400);display:flex;justify-content:center;left:.625rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--gray-900);font-family:var(--font-main);font-size:var(--text-body-md);padding:.4375rem .75rem .4375rem 2rem;transition:var(--transition-fast);width:100%}.search-input::placeholder{color:var(--gray-400)}.search-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.topbar-right{align-items:center;display:flex;gap:.875rem}.topbar-plan-pill{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:flex;font-family:var(--font-main);font-size:.75rem;font-weight:600;gap:.45rem;padding:.35rem .75rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.topbar-plan-pill.plan-pill-free{background:#f8fafc;border-color:#e2e8f0;color:#475569}.topbar-plan-pill.plan-pill-free:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.topbar-plan-pill.plan-pill-premium{background:#7c3aed14;border-color:#7c3aed40;box-shadow:0 2px 8px #7c3aed1f;color:#7c3aed}.topbar-plan-pill.plan-pill-premium:hover{background:#7c3aed24;border-color:#7c3aed66;transform:translateY(-1px)}.plan-pill-badge{background:#0000000f;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.15rem .45rem}.plan-pill-premium .plan-pill-badge{background:#7c3aed;color:#fff}.plan-pill-mins{color:#0f172a;font-weight:700}.plan-pill-premium .plan-pill-mins{color:#7c3aed}.plan-pill-action{color:#7c3aed;font-size:.72rem;font-weight:700;margin-left:.15rem}.topbar-lang-pill{align-items:center;background:var(--surface);border:1px solid var(--gray-300);border-radius:999px;border-radius:var(--radius-full,999px);color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-label,13px);font-weight:600;gap:8px;gap:var(--space-8,8px);height:44px;height:var(--btn-height-standard,44px);padding:0 18px;padding:0 var(--btn-padding-x,18px);transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1))}.topbar-lang-pill:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900)}.topbar-lang-pill:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.topbar-icon-btn{align-items:center;background:var(--surface);border:1px solid var(--gray-300);border-radius:50%;color:var(--gray-700);cursor:pointer;display:flex;height:44px;height:var(--touch-min,44px);justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1));width:44px;width:var(--touch-min,44px)}.topbar-icon-btn:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900)}.topbar-icon-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.topbar-user-wrapper{position:relative}.topbar-user-pill{align-items:center;background:#0000;border-radius:999px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .625rem .25rem .25rem;transition:all .15s ease;-webkit-user-select:none;user-select:none}.topbar-user-pill.active,.topbar-user-pill:hover{background:var(--gray-100)}.topbar-avatar{align-items:center;background:#f4eeff;border:1px solid #8b5cf633;border-radius:50%;color:#8b5cf6;display:flex;font-family:var(--font-display);font-size:.8125rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.topbar-avatar-img{border-radius:50%;display:block;height:32px;object-fit:cover;width:32px}.topbar-username{color:var(--gray-900);font-family:var(--font-main);font-size:.8125rem;font-weight:600}.topbar-chevron{color:var(--gray-500);transition:transform .2s ease}.topbar-chevron.open{transform:rotate(180deg)}.topbar-user-dropdown{animation:dropdown-pop .18s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 12px 32px -4px #0f172a14,0 4px 12px -2px #0f172a08;box-sizing:border-box;font-family:var(--font-display);max-width:calc(100vw - 24px);padding:1rem;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.65rem}.dropdown-avatar-img{object-fit:cover}.dropdown-avatar-img,.dropdown-avatar-initial{border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:50%;flex-shrink:0;height:44px;width:44px}.dropdown-avatar-initial{align-items:center;background:#f8fafc;color:#7c3aed;display:flex;font-family:var(--font-display);font-size:1.15rem;font-weight:700;justify-content:center}.dropdown-user-meta{flex:1 1;min-width:0}.dropdown-user-name{color:#0f172a;font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.dropdown-user-email,.dropdown-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{color:#64748b;font-family:Roboto,sans-serif;font-family:var(--font-main,"Roboto",sans-serif);font-size:.75rem;margin-top:1px}.dropdown-plan-badge{border-radius:6px;display:inline-block;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-top:4px;padding:2px 7px}.dropdown-plan-badge.badge-pro{background:#7c3aed;color:#fff}.dropdown-plan-badge.badge-free{background:#f1f5f9;color:#475569}.dropdown-divider{background:#f1f5f9;margin:.75rem 0}.dropdown-settings-section{display:flex;flex-direction:column;gap:.35rem}.dropdown-section-title{align-items:center;color:#0f172a;display:flex;font-family:var(--font-display);font-size:.8125rem;font-weight:600}.dropdown-section-desc{color:#64748b;font-family:Roboto,sans-serif;font-family:var(--font-main,"Roboto",sans-serif);font-size:.72rem;line-height:1.35}.dropdown-voice-selector{align-items:center;display:flex;gap:.45rem;margin-top:.35rem;width:100%}.dropdown-voice-select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172a;cursor:pointer;flex:1 1 auto;font-family:var(--font-display);font-size:.78rem;font-weight:500;height:36px;min-width:0;outline:none;padding:0 .6rem;transition:all .15s ease}.dropdown-voice-select:hover{background:#fff;border-color:#94a3b8}.dropdown-voice-select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.dropdown-voice-preview-btn{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:var(--font-display);font-size:.75rem;font-weight:600;gap:.35rem;height:36px;justify-content:center;padding:0 .75rem;transition:all .15s ease;white-space:nowrap}.dropdown-voice-preview-btn:hover{background:#ede4ff;border-color:#7c3aed4d;color:#7c3aed}.dropdown-voice-preview-btn.playing{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.dropdown-action-item{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:#334155;cursor:pointer;display:flex;font-family:var(--font-display);font-size:.8125rem;font-weight:500;padding:.65rem .75rem;text-align:left;transition:all .15s ease;width:100%}.dropdown-action-item:hover{background:#f8fafc;color:#0f172a}.dropdown-logout-item{color:#dc2626;margin-top:2px}.dropdown-logout-item .dropdown-action-svg{color:#ef4444}.dropdown-logout-item:hover{background:#fef2f2;color:#b91c1c}.dropdown-logout-item:hover .dropdown-action-svg{color:#b91c1c}@media (max-width:768px){.mission-topbar{padding:.625rem 1rem}.search-wrapper{display:none}.topbar-left{gap:.5rem}.page-title{font-size:var(--text-body-lg)}}.tutor-gemini-container{align-items:center;animation:view-enter .5s var(--transition-soft);background:var(--bg-main);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-main);justify-content:space-between;min-height:calc(100vh - 120px);overflow:hidden;padding:3rem 2rem}.tutor-header-text{margin-bottom:.5rem;text-align:center}.tutor-main-heading{color:var(--gray-900);font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem}.tutor-sub-heading{color:var(--gray-500);font-family:var(--font-main);font-size:1rem;font-weight:400;margin:0}.blue-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#ff8f00);-webkit-background-clip:text}.tutor-main-stage{align-items:center;contain:layout;display:flex;flex:1 1;justify-content:center;transition:transform .5s cubic-bezier(.2,.8,.2,1);width:100%}.tutor-main-stage.centered,.tutor-main-stage.split{flex-direction:column;gap:2.5rem}.tutor-main-stage.split{transform:translateX(-180px)}.tutor-orb-section{contain:layout;flex-direction:column;gap:1.5rem}.tutor-orb-section,.tutor-orb-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.tutor-orb-wrapper{contain:layout size;height:230px;position:relative;width:230px}.tutor-gemini-orb{backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 40px #1a73e84d;height:160px;transform:translateZ(0);transform-origin:center center;transition:background .4s ease,box-shadow .4s ease;width:160px;will-change:transform;z-index:5}.tutor-gemini-orb:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.orb-pulse-ring-1,.orb-pulse-ring-2{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border-radius:50%;height:160px;pointer-events:none;position:absolute;transform-origin:center center;transition:all .5s ease;width:160px;will-change:transform,opacity;z-index:1}.tutor-gemini-orb.inactive{background:radial-gradient(circle at 35% 35%,#4285f4,#1a73e8 60%,#1557b0);box-shadow:0 10px 35px #1a73e859;transition:transform .2s ease,background .4s ease,box-shadow .4s ease}.tutor-gemini-orb.inactive:hover{transform:scale(1.05) translateZ(0)!important}.tutor-gemini-orb.inactive+.orb-pulse-ring-1{animation:orb-radar 3s linear infinite;border:1px solid #1a73e84d}.tutor-gemini-orb.inactive~.orb-pulse-ring-2{animation:orb-radar 3s linear 1.5s infinite;border:1px solid #1a73e826}.tutor-gemini-orb.speaking{box-shadow:0 0 50px #9b72f880}.tutor-gemini-orb.speaking+.orb-pulse-ring-1{animation:orb-radar 2.5s linear infinite;border:1px solid #9b72f866}.tutor-gemini-orb.listening{box-shadow:0 0 45px #12b5cb66}.tutor-gemini-orb.listening+.orb-pulse-ring-1{animation:orb-radar 3s linear infinite;border:1px solid #12b5cb59}.tutor-gemini-orb.user-speaking{background:linear-gradient(135deg,#34a853,#12b5cb,#4285f4);box-shadow:0 0 60px #34a853a6}.tutor-gemini-orb.thinking{box-shadow:0 0 50px #9b72f873}.tutor-gemini-orb.standby{background:radial-gradient(circle at 35% 35%,#f0a000,#d08000 60%,#905000);box-shadow:0 10px 40px #f0a00073}.tutor-gemini-orb.standby+.orb-pulse-ring-1{animation:orb-radar 3s linear infinite;border:1px solid #f0a00066}.tutor-gemini-orb.standby~.orb-pulse-ring-2{animation:orb-radar 3s linear 1.5s infinite;border:1px solid #f0a00033}.tutor-gemini-orb.standby:hover{transform:scale(1.05)!important}.orb-core{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.orb-mic-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.orb-mic-svg,.orb-play-svg{fill:#fff;height:54px;width:54px}.orb-play-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));margin-left:6px}.orb-wave-container{align-items:center;display:flex;gap:8px;justify-content:center}.orb-wave-container .wave-bar{animation:orb-wave-bounce .8s ease-in-out infinite;background-color:#fff;border-radius:3px;height:25px;width:5px}.orb-wave-container .wave-bar.bar-1{animation-delay:.1s}.orb-wave-container .wave-bar.bar-2{animation-delay:.3s}.orb-wave-container .wave-bar.bar-3{animation-delay:.2s}.orb-wave-container.green .wave-bar{animation-duration:.5s;background-color:#fff}.orb-pulse-dot{animation:orb-dot-pulse 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:24px;width:24px}.orb-spinner{animation:orb-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;width:48px}.tutor-status-label{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;color:var(--slate-500);contain:layout style;display:flex;font-size:1.1rem;font-weight:600;height:52px;justify-content:center;letter-spacing:-.2px;line-height:1.35;max-height:52px;max-width:500px;min-height:52px;text-align:center;transform:translateZ(0)}.tutor-side-transcript{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#ffffffd1;border-bottom:1px solid #dadce099;border-left:1px solid #dadce099;border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-top:1px solid #dadce099;bottom:25px;box-shadow:-10px 0 30px #3c404314;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;right:0;top:90px;transform:translateX(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s cubic-bezier(.2,.8,.2,1);width:400px;z-index:100}.tutor-side-transcript.open{opacity:1;transform:translateX(0)}.side-transcript-header{border-bottom:1px solid #dadce080;color:var(--slate-800);font-size:1.05rem;font-weight:800;letter-spacing:.5px;padding:1.5rem 1.5rem 1rem;text-transform:uppercase}.transcript-scroll-area{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem;scroll-behavior:smooth}.transcript-scroll-area::-webkit-scrollbar{width:6px}.transcript-scroll-area::-webkit-scrollbar-track{background:#0000}.transcript-scroll-area::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}.transcript-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.transcript-bubble{animation:message-fade-in .3s ease forwards;display:flex;flex-direction:column;gap:.25rem}.transcript-bubble.bot{align-items:flex-start}.transcript-bubble.user{align-items:flex-end}.bubble-speaker{color:var(--slate-500);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bubble-text{background-color:var(--slate-100);border-radius:var(--radius-lg);color:var(--slate-800);font-size:.95rem;line-height:1.45;max-width:90%;padding:.75rem 1rem;word-break:break-word}.bot .bubble-text{background-color:var(--slate-50);border:1px solid var(--border);border-top-left-radius:4px}.user .bubble-text{background:var(--accent-light);border:1px solid #fbbc0459;border-top-right-radius:4px;color:var(--gray-900)}.transcript-evaluation{background-color:#fef7e0;border:1px solid #feefc3;border-radius:var(--radius-md);color:#b06000;font-size:.8rem;line-height:1.4;margin-top:.4rem;padding:6px 10px;width:90%}.tutor-minimal-tips{background-color:var(--slate-100);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--slate-500);font-size:.85rem;padding:.6rem 1.25rem;text-align:center}.tutor-resume-btn{background:linear-gradient(135deg,#f0a000,#d08000);border:none;border-radius:var(--radius-full);box-shadow:0 4px 14px #f0a00059;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;outline:none;padding:.75rem 2.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.tutor-resume-btn:hover{box-shadow:0 6px 18px #f0a00080;transform:translateY(-2px)}.tutor-resume-btn:active{transform:translateY(0)}.tutor-transcript-toggle-btn{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffffbf;border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--slate-600);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:6px;outline:none;padding:.5rem 1.25rem;transition:all .2s ease;z-index:10}.tutor-transcript-toggle-btn:hover{background-color:var(--slate-100);border-color:var(--slate-400);color:var(--slate-800);transform:translateY(-1px)}.tutor-transcript-toggle-btn:active{transform:translateY(0)}.tutor-transcript-toggle-btn.active{background-color:var(--slate-200);border-color:var(--slate-400);color:var(--slate-800)}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes message-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-radar{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(1.6) translateZ(0)}}@keyframes orb-morph{0%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}33%{border-radius:56% 44% 62% 38%/48% 62% 38% 52%}66%{border-radius:44% 56% 38% 62%/62% 38% 56% 44%}to{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}}@keyframes orb-breathe{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.04) translateZ(0)}}@keyframes orb-rotate-pulse{0%{transform:rotate(0deg) scale(1) translateZ(0)}50%{transform:rotate(180deg) scale(1.06) translateZ(0)}to{transform:rotate(1turn) scale(1) translateZ(0)}}@keyframes orb-wave-bounce{0%,to{transform:scaleY(.35) translateZ(0)}50%{transform:scaleY(1.3) translateZ(0)}}@keyframes orb-dot-pulse{0%,to{opacity:.7;transform:scale(.85) translateZ(0)}50%{opacity:1;transform:scale(1.15) translateZ(0)}}@keyframes orb-spin{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@media (max-width:768px){.tutor-minimal-title{font-size:2rem}.tutor-main-stage.split{transform:translateY(0)}.tutor-side-transcript{border:1px solid #dadce0cc;border-radius:var(--radius-lg);bottom:10px;box-shadow:0 -10px 30px #3c40431a;height:320px;left:10px;opacity:0;position:fixed;right:10px;top:auto;transform:translateY(120%);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease;width:auto}.tutor-side-transcript.open{opacity:1;transform:translateY(0)}.tutor-orb-section{gap:1.5rem}.orb-pulse-ring-1,.orb-pulse-ring-2,.tutor-gemini-orb{height:140px;width:140px}}.tutor-header-area{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.tutor-title-row{align-items:center;display:flex;gap:.75rem}.tutor-title-row .tutor-minimal-title{margin-bottom:0}.tutor-settings-icon-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);border-radius:50%;box-shadow:0 2px 6px #0000000a;color:#475569;color:var(--slate-600,#475569);cursor:pointer;display:flex;height:44px;height:var(--touch-min,44px);justify-content:center;min-height:44px;min-height:var(--touch-min,44px);min-width:44px;min-width:var(--touch-min,44px);transition:all .2s ease;width:44px;width:var(--touch-min,44px)}.tutor-settings-icon-btn:hover{background:#f1f5f9;background:var(--slate-100,#f1f5f9);color:#1a73e8;color:var(--primary,#1a73e8);transform:rotate(30deg) translateY(-2px)}.tutor-settings-icon-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.tutor-badge-container{align-items:center;display:flex;justify-content:center}.live-technology-badge{align-items:center;background:#1a73e814;border:1px solid #1a73e833;border-radius:999px;color:#1a73e8;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.2px;padding:.35rem .9rem}.badge-pulse-dot{animation:badge-blink 1.5s infinite;background:#34a853;border-radius:50%;box-shadow:0 0 8px #34a853;height:8px;width:8px}@keyframes badge-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.classic-technology-badge{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;color:#475569;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.35rem .9rem}.tutor-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-md,8px);color:#b91c1c;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin-bottom:1rem;max-width:600px;padding:.75rem 1.25rem;width:100%}.error-close-btn{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:1.2rem}.tutor-action-buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tutor-pill-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);border-radius:9999px;border-radius:var(--btn-radius,9999px);box-shadow:0 2px 8px #0000000a;color:#334155;color:var(--slate-700,#334155);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.5rem;line-height:140%;min-height:44px;min-height:var(--btn-height-standard,44px);padding:0 1.25rem;transition:all .2s ease}.tutor-pill-btn:hover{background:#f8fafc;background:var(--slate-50,#f8fafc);border-color:#1a73e8;border-color:var(--primary,#1a73e8);box-shadow:var(--shadow-sm);color:#1a73e8;color:var(--primary,#1a73e8);transform:translateY(-2px)}.tutor-pill-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.tutor-pill-btn.camera-active{background:#e8f0fe;border-color:#1a73e8;box-shadow:0 0 12px #1a73e833;color:#1a73e8}.tutor-camera-pip{background:#fffffff2;border:1px solid #1a73e84d;border-radius:16px;bottom:24px;box-shadow:0 12px 36px #00000026;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:24px;transition:width .2s ease;width:240px;z-index:999}.tutor-camera-pip.screen-share{width:320px}.tutor-camera-pip.screen-share .pip-video-feed{height:180px;object-fit:contain}.pip-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem .75rem}.pip-badge{color:#1a73e8;font-size:.75rem;font-weight:700}.pip-close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.85rem}.pip-video-feed{background:#000;height:160px;object-fit:cover;width:100%}.pip-footer{background:#fff;color:#64748b;font-size:.7rem;padding:.4rem .6rem;text-align:center}.side-transcript-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.side-transcript-header-row .side-transcript-header{margin:0}.live-tag{background:#ea4335;border-radius:4px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.5px;padding:.15rem .45rem}.live-settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.live-settings-modal-card{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;max-width:520px;padding:2rem;width:100%}.live-settings-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:.75rem}.live-settings-modal-header h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0}.live-settings-modal-header .close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem}.live-settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-field-group{display:flex;flex-direction:column;gap:.4rem}.settings-label{color:#334155;font-size:.85rem;font-weight:600}.label-with-badge{align-items:center;display:flex;justify-content:space-between}.api-key-link{color:#1a73e8;font-size:.8rem;font-weight:600;text-decoration:none}.api-key-link:hover{text-decoration:underline}.settings-radio-toggle{display:flex;flex-direction:column;gap:.5rem}.settings-radio-toggle .toggle-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.settings-radio-toggle .toggle-option.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:600}.settings-input,.settings-select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.settings-input:focus,.settings-select:focus{border-color:#1a73e8}.input-with-action{position:relative}.eye-toggle-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.8rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.settings-hint{color:#64748b;font-size:.75rem;line-height:1.3}.live-settings-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.tutor-quick-start-box{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.quick-btn-key{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:600;padding:.65rem 1.1rem;transition:all .2s}.quick-btn-key:hover{background:#e2e8f0;border-color:#94a3b8}.quick-btn-classic{background:linear-gradient(135deg,#1a73e8,#34a853);border:none;border-radius:999px;box-shadow:0 4px 14px #1a73e84d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.65rem 1.25rem;transition:all .2s}.quick-btn-classic:hover{box-shadow:0 6px 18px #1a73e866;transform:translateY(-1px)}.modal-classic-shortcut{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1.1rem}.modal-classic-shortcut .shortcut-text strong{color:#15803d;display:block;font-size:.9rem;margin-bottom:.2rem}.modal-classic-shortcut .shortcut-text p{color:#166534;font-size:.8rem;margin:0}.btn-shortcut-classic{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.6rem 1rem;transition:background .2s;white-space:nowrap}.btn-shortcut-classic:hover{background:#15803d}.tutor-inline-key-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 10px 25px -5px #0000000f,0 8px 10px -6px #0000000a;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;max-width:520px;padding:1.1rem 1.25rem;width:100%}.key-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.key-card-title{color:#1e293b;font-size:.88rem;font-weight:700}.key-card-link{color:#1a73e8;font-size:.78rem;font-weight:600;text-decoration:none}.key-card-link:hover{text-decoration:underline}.key-inline-form{display:flex;gap:.5rem;width:100%}.key-inline-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;flex:1 1;font-family:inherit;font-size:.85rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.key-inline-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.btn-activate-orb{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.65rem 1.1rem;transition:all .2s;white-space:nowrap}.btn-activate-orb:hover:not(:disabled){box-shadow:0 6px 16px #10b98159;transform:translateY(-1px)}.btn-activate-orb:disabled{cursor:not-allowed;opacity:.6}.key-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:space-between;padding-top:.6rem}.key-hint{color:#64748b;font-size:.78rem}.btn-inline-classic{background:none;border:none;border-radius:6px;color:#1a73e8;cursor:pointer;font-size:.8rem;font-weight:700;padding:.2rem .4rem;transition:background .15s}.btn-inline-classic:hover{background:#eff6ff;text-decoration:underline}.tutor-key-active-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#166534;display:inline-flex;font-size:.8rem;gap:.45rem;margin-top:.4rem;padding:.35rem .8rem}.tutor-key-active-badge .dot{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99;height:8px;width:8px}.btn-change-key{background:none;border:none;color:#15803d;cursor:pointer;font-size:.75rem;font-weight:700;margin-left:.25rem;padding:0;text-decoration:underline}.btn-change-key:hover{color:#166534}.status-badge-ok{color:#16a34a;font-size:.8rem;font-weight:700}.btn-save-start{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.btn-save-start:hover{box-shadow:0 6px 16px #10b98166!important}.btn-save-only{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.1rem;transition:all .2s}.btn-save-only:hover{background:#e2e8f0}.tutor-active-call-controls{backface-visibility:hidden;contain:layout;display:flex;justify-content:center;margin-bottom:.25rem;margin-top:.85rem;transform:translateZ(0)}.btn-end-call-prominent{align-items:center;animation:pulse-end-btn 2.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 4px 16px #ef44446b;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.55rem;justify-content:center;letter-spacing:.01em;padding:.72rem 1.65rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-end-call-prominent:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 22px #dc26268c;transform:translateY(-2px) scale(1.02)}.btn-end-call-prominent:active{transform:translateY(1px)}.btn-end-call-prominent .end-call-icon{font-size:1.1rem}@keyframes pulse-end-btn{0%,to{box-shadow:0 4px 16px #ef44446b}50%{box-shadow:0 4px 24px #ef4444a6}}.tutor-context-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--bg-card,#ffffffd9);border:1px solid #e2e8f0cc;border:1px solid var(--border-light,#e2e8f0cc);border-radius:20px;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000008;box-sizing:border-box;margin-bottom:.5rem;max-width:580px;padding:1.15rem 1.45rem;transition:all .3s ease;width:100%}.context-bar-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.9rem}.context-bar-title-row{align-items:center;display:flex;gap:.65rem}.context-icon{font-size:1.5rem;line-height:1}.context-title-wrap{display:flex;flex-direction:column}.context-heading{color:#1e293b;color:var(--slate-800,#1e293b);font-size:.98rem;font-weight:700;letter-spacing:-.01em;margin:0}.context-subheading{color:#64748b;color:var(--slate-500,#64748b);font-size:.76rem;margin:.15rem 0 0}.btn-preview-story{align-items:center;background:#2563eb14;border:1px solid #2563eb38;border-radius:10px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.38rem .8rem;transition:all .2s ease;white-space:nowrap}.btn-preview-story:hover{background:#2563eb29;border-color:#2563eb66;transform:translateY(-1px)}.context-selectors-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.context-field{display:flex;flex-direction:column;gap:.3rem}.context-label{align-items:center;color:#475569;color:var(--slate-600,#475569);display:flex;font-size:.75rem;font-weight:600;gap:.3rem}.field-icon{font-size:.85rem}.select-wrapper{position:relative;width:100%}.context-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-color:var(--bg-main,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--slate-800,#1e293b);cursor:pointer;font-size:.82rem;font-weight:600;outline:none;padding:.55rem 2rem .55rem .75rem;transition:all .2s ease;width:100%}.context-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.context-select:disabled{background-color:#f1f5f9;background-color:var(--slate-100,#f1f5f9);cursor:not-allowed;opacity:.65}.selected-context-info{align-items:center;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-light,#e2e8f0);display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.45rem}.context-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;gap:.35rem;line-height:1.25;padding:.28rem .65rem}.story-pill{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.exercise-pill{background:#faf5ff;border:1px solid #f0abfc;color:#86198f;max-width:100%}.active-call-pill{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}.neutral-pill{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.story-preview-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172aa6;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1050}.story-preview-modal-content{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:24px;box-shadow:0 25px 60px -15px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;max-width:620px;overflow:hidden;width:100%}.story-preview-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.story-preview-titles h3{color:#0f172a;color:var(--slate-900,#0f172a);font-size:1.25rem;font-weight:800;margin:.35rem 0 .15rem}.story-preview-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase}.story-preview-category{color:#64748b;color:var(--slate-500,#64748b);display:block;font-size:.78rem}.story-preview-close-btn{align-items:center;background:#f1f5f9;background:var(--slate-100,#f1f5f9);border:none;border-radius:50%;color:#475569;color:var(--slate-600,#475569);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.story-preview-close-btn:hover{background:#e2e8f0;background:var(--slate-200,#e2e8f0);color:#0f172a;color:var(--slate-900,#0f172a)}.story-preview-body{color:#334155;color:var(--slate-700,#334155);display:flex;flex:1 1;flex-direction:column;font-size:.95rem;gap:1rem;line-height:1.7;overflow-y:auto;padding:1.5rem}.story-preview-paragraph{margin:0;text-indent:1rem}.story-preview-footer{align-items:center;background:#f8fafc;background:var(--bg-main,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.story-exercise-reminder{color:#475569;color:var(--slate-600,#475569);font-size:.82rem}.btn-start-from-preview{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb59;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:.6rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-start-from-preview:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 18px #2563eb73;transform:translateY(-1px)}@media (max-width:640px){.context-selectors-grid{gap:.65rem;grid-template-columns:1fr}.tutor-context-bar{padding:.9rem 1rem}.story-preview-footer{align-items:stretch;flex-direction:column}}.tutor-figma-container{box-sizing:border-box;font-family:var(--font-main);margin:0 auto;max-width:1180px;padding:1.5rem 2.5rem 2rem;width:100%}.chat-live-header-section{margin-bottom:1.75rem;width:100%}.chat-live-eyebrow{color:#1a73e8;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase}.chat-live-title{color:#202124;font-family:var(--font-display);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.chat-live-subtitle{color:#5f6368;font-size:1rem;margin:0}.chat-live-ready-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 12px #00000005;margin-bottom:2rem;padding:2rem 2.5rem;width:100%}.card-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.badge-purple-pill{background:#f4eeff;border-radius:999px;color:#8b5cf6;font-size:.75rem;font-weight:600;padding:.35rem .875rem}.badge-level-text{color:#5f6368;font-size:.8125rem;font-weight:500}.card-center-stage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;text-align:center;width:100%}.figma-orb-wrapper{height:220px;margin:0 auto 1.5rem;width:220px}.figma-gemini-orb,.figma-orb-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.figma-gemini-orb{background:radial-gradient(circle at 35% 35%,#4285f4,#8b5cf6 70%);border:none;border-radius:50%;box-shadow:0 12px 44px #4285f473;cursor:pointer;height:155px;transition:transform .2s ease,box-shadow .2s ease;width:155px;z-index:2}.figma-gemini-orb:hover{box-shadow:0 16px 52px #8b5cf68c;transform:scale(1.06)}.orb-halo-ring{animation:orb-radar 3s linear infinite;border:1px solid #8b5cf640;border-radius:50%;height:200px;pointer-events:none;position:absolute;width:200px}.ready-stage-heading{color:#202124;font-family:var(--font-display);font-size:1.625rem;font-weight:800;margin-bottom:.35rem}.ready-stage-hint{color:#5f6368;font-size:.9375rem;margin-bottom:1.5rem}.btn-figma-start-primary{align-items:center;background:#1a73e8;background:var(--brand-blue,#1a73e8);border:none;border-radius:9999px;border-radius:var(--btn-radius,9999px);box-shadow:0 4px 14px #1a73e84d;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.625rem;line-height:140%;min-height:48px;min-height:var(--btn-height-comfortable,48px);padding:0 2.25rem;transition:all .15s ease}.btn-figma-start-primary:hover{background:#1557b0;background:var(--brand-blue-hover,#1557b0);box-shadow:0 6px 18px #1a73e866;transform:translateY(-2px)}.btn-figma-start-primary:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.ready-mic-notice{color:#80868b;font-size:.75rem;margin-top:1.25rem}.chat-live-active-container{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr 360px;margin-bottom:2rem;max-height:calc(100vh - 200px);width:100%}.active-call-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;border-radius:var(--radius-card,24px);box-sizing:border-box;flex-direction:column;max-height:calc(100vh - 200px);min-height:480px;padding:24px;padding:var(--card-inset,24px)}.active-call-main-card,.active-card-top{display:flex;justify-content:space-between}.active-card-top{align-items:center}.status-pill-green{align-items:center;background:#e6f4ea;border-radius:999px;color:#137333;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.35rem .875rem}.green-pulse-dot{animation:orb-dot-pulse 1.5s ease-in-out infinite;background:#34a853;border-radius:50%;height:8px;width:8px}.session-timer{color:#5f6368;font-family:var(--font-mono);font-size:.8125rem}.active-orb-center{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1.5rem 0;text-align:center;width:100%}.active-stage-heading{color:#202124;font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin-bottom:.35rem}.active-stage-caption{color:#5f6368;font-size:.9375rem;font-style:italic;margin:0}.active-control-dock{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 16px #0000000f;display:inline-flex;gap:.75rem;margin:0 auto;padding:.5rem 1rem}.dock-btn{align-items:center;background:#f1f3f4;border:none;border-radius:50%;color:#3c4043;cursor:pointer;display:flex;height:44px;height:var(--touch-min,44px);justify-content:center;min-height:44px;min-height:var(--touch-min,44px);min-width:44px;min-width:var(--touch-min,44px);transition:all .15s ease;width:44px;width:var(--touch-min,44px)}.dock-btn:hover{background:#e8eaed;box-shadow:var(--shadow-sm);color:#202124;transform:translateY(-2px)}.dock-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.dock-btn.active{background:#e8f0fe;color:#1a73e8}.dock-divider{background:#dadce0;height:24px;margin:0 .25rem;width:1px}.dock-btn-end{align-items:center;background:#fce8e6;border:none;border-radius:9999px;border-radius:var(--btn-radius,9999px);color:#c5221f;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.5rem;line-height:140%;min-height:44px;min-height:var(--btn-height-standard,44px);padding:0 1.25rem;transition:background .15s ease,transform .15s ease}.dock-btn-end:hover{background:#fad2cf;transform:translateY(-2px)}.dock-btn-end:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.active-transcript-drawer{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 200px);overflow:hidden;padding:1.25rem}.drawer-header-row{margin-bottom:.75rem}.drawer-title{color:#202124;font-family:var(--font-display);font-size:1rem}.drawer-close-btn{color:#5f6368;padding:2px}.drawer-filter-bar{align-items:center;border-bottom:1px solid #f1f3f4;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.lang-filter-pill{background:#f1f3f4;border-radius:999px;color:#3c4043;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.copy-all-btn{background:#0000;border:none;cursor:pointer;font-size:.875rem}.drawer-scroll-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;padding-right:.25rem}.transcript-msg-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:.875rem}.msg-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.speaker-tag{border-radius:999px;font-size:.6875rem;font-weight:700;padding:.15rem .5rem}.speaker-tag.buddy{background:#f4eeff;color:#8b5cf6}.speaker-tag.you{background:#e8f0fe;color:#1a73e8}.msg-time{color:#80868b;font-size:.6875rem}.msg-en-text{color:#202124;font-size:.875rem;font-weight:600;line-height:1.4;margin:0}.msg-pl-sub{color:#5f6368;font-size:.75rem;font-style:italic;margin:.25rem 0 0}.msg-card-actions{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.msg-action-btn{background:#0000;border:none;cursor:pointer;font-size:.75rem}.msg-action-btn.save-word{border:1px solid #d2e3fc;border-radius:999px;color:#1a73e8;font-size:.6875rem;font-weight:600;padding:.2rem .6rem;transition:background .15s ease}.msg-action-btn.save-word:hover{background:#e8f0fe}.drawer-footer-live-status{align-items:center;border-top:1px solid #f1f3f4;color:#1a73e8;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.live-bars{display:flex;gap:2px}.live-bars .bar{animation:orb-wave-bounce .8s ease-in-out infinite;background:#1a73e8;border-radius:1px;height:10px;width:2px}.chat-live-starters-section{margin-top:1.5rem;width:100%}.starters-header-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:1.25rem;width:100%}.starters-section-title{color:#202124;font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin:0}.starters-section-sub{color:#5f6368;font-size:.8125rem}.starters-grid{grid-gap:1.15rem;display:grid;gap:1.15rem;grid-template-columns:repeat(3,1fr);width:100%}.starter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.starter-card:hover{border-color:#1a73e8;box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.starter-card.active{background:#f8fbff;border-color:#1a73e8;box-shadow:0 4px 16px #1a73e81f}.starter-card-top{align-items:center;display:flex;justify-content:space-between}.starter-category-pill{background:#e8f0fe;border-radius:999px;color:#1a73e8;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.25rem .65rem}.starter-active-pill{background:#e6f4ea;border:1px solid #ceead6;border-radius:999px;color:#0d652d;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:.2rem .55rem;text-transform:uppercase}.ready-current-mode-badge{background:#f1f5fe;border:1px solid #d2e3fc;border-radius:999px;color:#1a73e8;display:inline-block;font-size:.8125rem;font-weight:700;margin-bottom:.35rem;margin-top:.75rem;padding:.3rem .85rem}.starter-icon-wrap.blue{align-items:center;background:#e8f0fe;border-radius:10px;color:#1a73e8;display:flex;height:36px;justify-content:center;width:36px}.starter-arrow{color:#5f6368;font-size:1.125rem;font-weight:500}.starter-title{color:#202124;font-family:var(--font-display);font-size:1rem;font-weight:800;margin:.85rem 0 .25rem}.starter-desc{color:#5f6368;flex:1 1;font-size:.8125rem;margin:0 0 1rem}.starter-badge{color:#1a73e8;font-size:.75rem;font-weight:600}.starter-preview-btn{background:#edf5ff;border:1px solid #c6dcfc;border-radius:999px;color:#1a73e8;cursor:pointer;font-size:.725rem;font-weight:700;padding:.2rem .55rem;transition:all .15s ease;white-space:nowrap}.starter-preview-btn:hover{background:#e1eeff;border-color:#1a73e8;transform:translateY(-1px)}.starter-selects-container{display:flex;flex:1 1;flex-direction:column;gap:.4rem;margin:.5rem 0 .85rem}.starter-select-item{display:flex;flex-direction:column;gap:.15rem}.starter-select-label{color:#64748b;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.starter-compact-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.75rem;font-weight:600;outline:none;overflow:hidden;padding:.35rem .5rem;text-overflow:ellipsis;transition:border-color .15s ease;white-space:nowrap;width:100%}.starter-compact-select:focus,.starter-compact-select:hover{border-color:#1a73e8}.starter-card-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-top:auto;width:100%}.starter-badge.purple{background:#f4eeff;border-radius:999px;color:#8b5cf6;font-size:.75rem;font-weight:600;max-width:135px;overflow:hidden;padding:.15rem .5rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.starters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.chat-live-active-container,.starters-grid{grid-template-columns:1fr}}@media (min-width:901px){.tutor-figma-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:1180px;padding:1.25rem 2.5rem 1.5rem}.chat-live-header-section{flex-shrink:0;margin-bottom:.875rem}.chat-live-ready-card{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 2rem}.figma-orb-wrapper{height:180px;margin-bottom:1rem;width:180px}.figma-gemini-orb{height:130px;width:130px}.orb-halo-ring{height:165px;width:165px}}.summary-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.summary-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.summary-modal-header{align-items:center;background:var(--slate-50);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.75rem}.summary-modal-header h2{color:var(--slate-800);font-size:1.4rem;font-weight:700;letter-spacing:-.2px;margin:0}.summary-modal-header .close-btn{background:none;border:none;color:var(--slate-500);cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color var(--transition-fast)}.summary-modal-header .close-btn:hover{color:var(--slate-900)}.summary-modal-body{display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;padding:1.75rem}.summary-modal-body::-webkit-scrollbar{width:8px}.summary-modal-body::-webkit-scrollbar-track{background:#0000}.summary-modal-body::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}.summary-modal-body::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.card-header{flex-wrap:wrap;justify-content:space-between}.card-header,.card-title-group{align-items:center;display:flex;gap:.5rem}.card-icon{font-size:1.25rem}.card-header h3{color:var(--slate-800);font-size:1.05rem;font-weight:700;margin:0}.status-badge{border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.success{background:#e6f4ea;color:#137333}.status-badge.warning{background:#fef7e0;color:#b06000}.status-badge.level-wysokie{background:#e8f0fe;border:1px solid #1a73e833;color:#1a73e8}.status-badge.level-średnie{background:#e2f1f8;color:#0288d1}.status-badge.level-niskie{background:#f1f3f4;color:#5f6368}.progress-bar-container{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.progress-bar-label{color:var(--slate-500);display:flex;font-size:.85rem;justify-content:space-between}.progress-track{background:var(--slate-200);height:8px;overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full)}.progress-fill{background:var(--primary-500);height:100%;transition:width .5s ease-out}.feedback-text{color:var(--slate-700);font-size:.95rem;line-height:1.5;margin:0}.stats-row{display:flex;gap:1rem;margin-bottom:.25rem}.stat-box{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:.15rem;padding:.75rem;text-align:center}.stat-num{color:var(--primary-600);font-size:1.5rem;font-weight:700}.stat-lbl{color:var(--slate-500);font-size:.8rem}.summary-section{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.section-title-wrapper{align-items:center;display:flex;gap:.5rem}.section-title-icon{font-size:1.25rem}.section-title-wrapper h3{color:var(--slate-800);font-size:1.1rem;font-weight:700;margin:0}.drills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.drill-word-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.35rem;padding:1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.drill-word-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.drill-word-card.mispronounced{background:#fff9f9;border-left:4px solid;border-color:#fadbd8}.drill-word-card.mispronounced .drill-word{color:#c5221f}.drill-word-card.mispronounced .drill-count-badge{background:#fce8e6;color:#c5221f;font-weight:700}.drill-card-top{align-items:center;display:flex;justify-content:space-between}.drill-word{color:var(--slate-800);font-size:1.1rem;font-weight:700}.drill-count-badge{background:var(--slate-100);border-radius:var(--radius-sm);color:var(--slate-700);font-size:.75rem;font-weight:700;padding:.15rem .5rem}.drill-translation{color:var(--primary-600);font-size:.95rem;font-weight:600;margin:0}.drill-example{background:var(--slate-50);border-left:2px solid var(--slate-300);border-radius:var(--radius-sm);color:var(--slate-600);font-size:.85rem;margin-top:.25rem;padding:.5rem}.vocab-sub-layout{display:flex;flex-direction:column;gap:1.5rem}.added-words-container h4,.forgotten-words-container h4{color:var(--slate-700);font-size:.95rem;font-weight:700;margin-bottom:.75rem}.added-words-chips{display:flex;flex-wrap:wrap;gap:.5rem}.added-word-chip{background:#e6f4ea;border-radius:var(--radius-full);color:#137333;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.no-data-subtext,.no-data-text{color:var(--slate-500);font-size:.9rem;font-style:italic;margin:0}.no-data-subtext.success-msg{color:#137333;font-style:normal;font-weight:500}.forgotten-words-list{display:flex;flex-direction:column;gap:.75rem}.forgotten-word-card{background:#fff9f9;border:1px solid #fadbd8;border-left:4px solid #e74c3c;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.35rem;padding:1rem}.forgotten-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.forgotten-word-title{color:#c0392b;font-size:1.1rem;font-weight:700;margin:0}.forgotten-translation{color:#7b241c;font-size:.9rem;font-weight:600}.btn-save-forgotten{background:var(--primary-500);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:.35rem .75rem;transition:all var(--transition-fast);white-space:nowrap}.btn-save-forgotten:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.btn-save-forgotten.saved{background:#27ae60;box-shadow:none;color:#fff;cursor:default}.forgotten-example{background:#fff;border:1px solid #f2d7d5;border-radius:var(--radius-sm);color:var(--slate-700);font-size:.85rem;margin-top:.25rem;padding:.5rem}.forgotten-reason{background:#e74c3c0d;border-radius:var(--radius-sm);color:#7b241c;font-size:.85rem;margin:0;padding:.35rem .5rem}.email-report-section{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.email-report-section h3{color:var(--slate-800);font-size:1.05rem;font-weight:700;margin:0}.email-form{display:flex;gap:.75rem}.premium-text-input{background:var(--surface);border:1px solid var(--slate-300);color:var(--slate-800);flex:1 1;outline:none;padding:.6rem .9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn-send-report{background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:background var(--transition-fast)}.btn-send-report:hover:not(:disabled){background:var(--primary-600)}.btn-send-report:disabled{cursor:not-allowed;opacity:.6}.status-msg{font-size:.85rem;font-weight:600;margin:0}.status-msg.success{color:#137333}.status-msg.error{color:#c0392b}.summary-modal-footer{background:var(--slate-50);border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1rem 1.75rem}.btn-close-footer{padding:.6rem 1.25rem}@keyframes zoom{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-zoom{animation:zoom .2s cubic-bezier(.16,1,.3,1)}.workspace-layout{animation:view-enter .5s var(--transition-soft);display:flex;gap:2rem;height:100%;position:relative}@media (max-width:768px){.workspace-layout{flex-direction:column;gap:1rem}}.workspace-main{display:flex;flex:1 1;flex-direction:column;gap:2rem}.workspace-header{background-color:var(--bg-main);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;padding-top:.75rem;position:sticky;top:0;z-index:100}.header-left-group{align-items:center;display:flex;gap:.75rem;width:100%}.workspace-header h1{color:var(--slate-800);font-size:1.5rem;font-weight:700;margin:0}.header-actions-group{align-items:center;display:flex;gap:.5rem;margin-left:auto}.header-action-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;display:flex;height:44px;height:var(--touch-min,44px);justify-content:center;min-height:44px;min-height:var(--touch-min,44px);min-width:44px;min-width:var(--touch-min,44px);padding:0;transition:all var(--transition-fast);width:44px;width:var(--touch-min,44px)}.header-action-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.header-action-btn svg{height:18px;width:18px}.header-action-btn:hover{background:var(--gray-100);border-color:var(--gray-400);box-shadow:var(--shadow-sm);color:var(--gray-900);transform:translateY(-2px)}.header-action-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.header-action-btn.clear-btn:hover{background:#fff5f5;border-color:#f5c6cb;color:#c0392b}.header-action-text-btn{align-items:center;background:var(--gray-100);border:1px solid var(--border);border-radius:9999px;border-radius:var(--btn-radius,9999px);color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.5rem;height:44px;height:var(--btn-height-standard,44px);justify-content:center;line-height:140%;min-height:44px;min-height:var(--touch-min,44px);padding:0 1.25rem;transition:all var(--transition-fast);white-space:nowrap}.header-action-text-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.header-action-text-btn svg{height:16px;width:16px}.header-action-text-btn:hover{background:var(--gray-200);border-color:var(--gray-400);box-shadow:var(--shadow-sm);color:var(--gray-900);transform:translateY(-2px)}.header-action-text-btn.mastery-btn{background:var(--accent);border-color:var(--accent);color:var(--gray-900);font-weight:600;gap:.5rem;height:36px;padding:0 1.125rem}.header-action-text-btn.mastery-btn svg{height:16px;width:16px}.header-action-text-btn.mastery-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--gray-900);transform:none}.apple-player-controls-floating{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:var(--radius-full);box-shadow:0 10px 30px -5px #00000014,0 8px 15px -6px #0000000d;display:flex;gap:.5rem;left:50%;padding:.35rem .75rem .35rem .5rem;position:fixed;top:4.85rem;transform:translateX(-50%);transition:box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;z-index:1000}.apple-player-controls-floating.dragging{border-color:var(--primary-300);box-shadow:0 15px 35px -5px #0000001f,0 10px 20px -6px #00000014}.drag-handle{align-items:center;color:var(--slate-400);cursor:grab;display:flex;height:20px;justify-content:center;margin-right:.15rem;transition:color .2s ease;width:20px}.drag-handle:hover{color:var(--slate-600)}.apple-player-controls-floating.dragging .drag-handle{color:var(--primary-500);cursor:grabbing}.drag-handle svg{height:14px;width:14px}.player-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--slate-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.player-btn svg{height:16px;width:16px}.player-btn:hover:not(:disabled){background:var(--slate-200);color:var(--slate-900)}.player-btn:disabled{color:var(--slate-300);cursor:not-allowed}.player-btn.play-pause-btn.playing{background:var(--primary-500);color:#fff}.player-btn.play-pause-btn.playing:hover{background:var(--primary-600)}.back-btn-inline{align-items:center;background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.back-btn-inline:hover{background:var(--slate-100);border-color:var(--primary-200);color:var(--primary-600);transform:translateX(-2px)}.back-btn-inline svg{height:16px;width:16px}.modal-overlay{align-items:center;animation:modal-fade-in .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000052;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.modal-content{animation:modal-zoom-in .25s cubic-bezier(.34,1.56,.64,1);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:2.5rem;text-align:center;width:90%}.modal-content h3{color:var(--gray-900);font-size:var(--text-headline-sm);font-weight:700;letter-spacing:var(--ls-headline);margin-bottom:1.25rem;margin-top:0}.modal-content p{color:var(--gray-500);line-height:var(--lh-body)}.modal-content p,.premium-input{font-size:var(--text-body-md);margin-bottom:1.5rem}.premium-input{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-900);font-family:var(--font-main);outline:none;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.premium-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-actions button{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-label-lg);font-weight:600;justify-content:center;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.modal-actions .btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--gray-900)}.modal-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.modal-actions .btn-secondary{background:#0000;border:1px solid var(--border);color:var(--gray-500)}.modal-actions .btn-secondary:hover:not(:disabled){background:var(--gray-100);color:var(--gray-700)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu{animation:context-menu-fade-in .2s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 20px #0000001f,0 2px 8px #0000000f;font-family:var(--font-main);padding:12px 16px;pointer-events:auto;position:absolute;width:300px;z-index:10000}@keyframes context-menu-fade-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu-actions{display:flex;flex-wrap:wrap;gap:6px}.context-menu button{align-items:center;background-color:#f1f3f4;background-color:var(--slate-100,#f1f3f4);border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#3c4043;color:var(--slate-700,#3c4043);cursor:pointer;display:inline-flex;flex:1 1;font-size:.8rem;font-weight:500;gap:5px;justify-content:center;min-width:calc(50% - 4px);padding:5px 8px;transition:all .15s;transition:all var(--transition-fast,.15s);white-space:nowrap}.context-menu button:hover{background-color:#e8eaed;background-color:var(--slate-200,#e8eaed);color:#202124;color:var(--slate-900,#202124)}.context-menu button.ctx-translate-btn{background-color:#1a73e81a;color:#1a73e8}.context-menu button.ctx-translate-btn:hover{background-color:#1a73e833}.context-menu button.ctx-speak-btn{background-color:#fb8c001a;color:#e65100}.context-menu button.ctx-speak-btn:hover{background-color:#fb8c0033}.context-menu button.ctx-vocab-btn{background-color:#1987541a;color:#198754}.context-menu button.ctx-vocab-btn:hover{background-color:#19875433}.context-menu button.ctx-practice-btn{background-color:var(--accent-light);border:1px solid #fbbc0440;color:var(--gray-700);flex:0 0 100%}.context-menu button.ctx-practice-btn:hover{background-color:var(--accent-mid)}.context-menu button svg{flex-shrink:0;height:13px;width:13px}.saved-stories-section{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.saved-stories-section h3{color:var(--slate-900);font-size:1.15rem;font-weight:800;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:uppercase}.stories-history-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.story-history-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.5rem;transition:all var(--transition-fast)}.story-history-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.story-card-header{display:flex;flex-direction:column;gap:.25rem}.story-card-title{color:var(--slate-900);font-size:1.05rem;font-weight:800;margin:0}.story-card-date{color:var(--slate-400);font-size:.75rem;font-weight:600}.story-card-snippet{color:var(--slate-600);font-size:.85rem;line-height:1.5;margin:0}.story-card-actions{align-items:center;border-top:1px solid var(--slate-100);display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.read-story-btn{background:var(--grad-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1rem;transition:all var(--transition-fast)}.read-story-btn:hover{box-shadow:0 4px 12px #7c3aed33;filter:brightness(1.05)}.delete-story-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--slate-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.delete-story-btn:hover{background:var(--slate-50);border-color:var(--secondary-500);color:var(--secondary-500)}.no-stories-state{background:var(--slate-50);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--slate-500);font-size:.9rem;padding:2.5rem;text-align:center}.chapter-tabs{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.chapter-tab{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-600);cursor:pointer;font-family:var(--font-main);font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all var(--transition-fast)}.chapter-tab:hover{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-800)}.chapter-tab.active{background:var(--slate-900);border-color:var(--slate-900);box-shadow:var(--shadow-sm);color:#fff}.chapter-tab.continue-tab{background:#0000;border-color:var(--primary-400);border-style:dashed;color:var(--primary-600)}.chapter-tab.continue-tab:hover{background:#7c3aed0d;border-color:var(--primary-500)}.chapter-tab.continue-tab.active{background:var(--primary-600);border-color:var(--primary-600);border-style:solid;color:#fff}.continuation-actions{align-items:center;display:flex;margin-top:1.5rem}.cancel-continuation-btn{background:#fff;border:1px solid var(--border);color:var(--slate-700);cursor:pointer;font-weight:600;transition:all var(--transition-fast)}.cancel-continuation-btn:hover{background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.spinner-inline{animation:spin-btn .8s linear infinite;border:2px solid #0000001a;border-top-color:initial;margin-right:8px}@keyframes spin-btn{to{transform:rotate(1turn)}}.workspace-figma-container{animation:view-enter .35s ease-out;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1360px;padding:1.25rem 2rem 4rem;position:relative;width:100%}.workspace-figma-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.workspace-back-pill-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;border-radius:var(--btn-radius,9999px);color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:8px;height:44px;height:var(--btn-height-standard,44px);line-height:140%;min-height:44px;min-height:var(--touch-min,44px);padding:0 16px;transition:all .15s ease}.workspace-back-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow-sm);color:#0f172a;transform:translateY(-2px)}.workspace-back-pill-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.workspace-figma-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 360px}@media (max-width:1080px){.workspace-figma-grid{grid-template-columns:1fr}.workspace-figma-sidebar{max-height:none;overflow-y:visible;position:static}.story-words-card{position:static}}.story-reading-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005;display:flex;flex-direction:column;padding:2.5rem 2.75rem;position:relative}@media (max-width:768px){.story-reading-card{border-radius:20px;padding:1.5rem 1.25rem}}.story-card-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.story-card-badges{align-items:center;display:flex;gap:.6rem}.story-badge-level{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-weight:700;justify-content:center;letter-spacing:.02em;padding:3px 10px}.story-badge-category,.story-badge-level{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem}.story-badge-category{background:#f1f5f9;color:#475569;font-weight:600;padding:4px 12px}.story-top-actions{align-items:center;display:flex;gap:.5rem}.story-bookmark-btn{align-items:center;background:#eff6ff;border:1px solid #e2e8f0;border-radius:50%;color:#2563eb;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .15s ease;width:40px}.story-bookmark-btn:hover{background:#dbeafe;border-color:#93c5fd;transform:scale(1.05)}.story-bookmark-btn.active{background:#dbeafe;color:#1d4ed8}.story-reading-title{color:#0f172a;font-size:2.15rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;margin:0 0 .5rem}@media (max-width:768px){.story-reading-title{font-size:1.7rem}}.story-reading-meta{color:#64748b;font-size:.88rem;font-weight:500;margin:0 0 1.5rem}.story-reading-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;padding-bottom:1.25rem}.toolbar-pill-btn{border:1px solid #dbeafe;border-radius:999px;color:#2563eb;font-size:.88rem;gap:.5rem;padding:.45rem 1.15rem;transition:all .15s ease}.toolbar-pill-btn:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.toolbar-pill-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.toolbar-pill-btn.toolbar-stop-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.toolbar-pill-btn.toolbar-stop-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.toolbar-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:all .15s ease;width:38px}.toolbar-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.toolbar-hint-text{color:#94a3b8;font-size:.85rem;font-weight:500;margin-left:.5rem}.story-divider{background:#f1f5f9;height:1px;margin:0 0 1.75rem;width:100%}.story-body-content{color:#1e293b;font-family:inherit;transition:font-size .15s ease}.story-body-content.font-size-normal{font-size:1.05rem;line-height:1.85}.story-body-content.font-size-large{font-size:1.2rem;line-height:1.9}.story-body-content.font-size-xlarge{font-size:1.35rem;line-height:2}.story-paragraph{margin:0 0 1.5rem}.story-paragraph-translation{background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;color:#64748b;font-size:.95rem;font-style:italic;margin:-.75rem 0 1.5rem;padding:.6rem 1rem}.reader-word{border-radius:4px;cursor:pointer;display:inline;padding:1px 2px;transition:background-color .12s ease,color .12s ease}.reader-word:hover{background:#f1f5f9;color:#0f172a}.reader-word.selected-pill{background:#dbeafe!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#1e40af!important;display:inline-block;font-weight:700!important;margin:0 1px;outline:none!important;padding:2px 7px!important}.story-sentence{border:none!important;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;margin:0 1px;outline:none!important;padding:2px 4px;transition:background-color .2s ease,color .2s ease}.reader-word:focus,.reader-word:focus-visible,.story-sentence:focus,.story-sentence:focus-visible{outline:none!important}.story-sentence.reading-now{background-color:#fff7ed!important;background-color:var(--narrator-bg,#fff7ed)!important;border:none!important;border-radius:6px;box-shadow:none!important;color:#7c2d12!important;color:var(--narrator-text,#7c2d12)!important;outline:none!important}.story-sentence.reading-now .reader-word{color:inherit}.story-sentence.reading-now .reader-word:hover{background:#f973162e;background:var(--narrator-highlight,#f973162e);color:#7c2d12;color:var(--narrator-text,#7c2d12)}.story-sentence.reading-now .reader-word.selected-pill{background:#2563eb!important;border:none!important;box-shadow:none!important;color:#fff!important}.workspace-inline-word-card{animation:slide-down .25s ease-out;background:#fff;border:1.5px solid #3b82f6;border-radius:16px;box-shadow:0 4px 16px -2px #3b82f61f,0 2px 6px -1px #0000000a;margin:1.25rem 0 1.75rem;padding:1.25rem 1.5rem}.inline-word-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.65rem}.inline-word-title-group{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem}.inline-word-title{color:#1e40af;font-size:1.25rem;font-weight:700}.inline-word-phonetic{color:#64748b;font-size:.95rem;font-weight:500}.inline-word-pos{color:#64748b;font-size:.9rem}.inline-word-header-actions{align-items:center;display:flex;gap:.35rem}.inline-word-speaker-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#2563eb;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:all .15s ease;width:34px}.inline-word-speaker-btn:hover{background:#eff6ff;border-color:#dbeafe}.inline-word-close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.inline-word-close-btn:hover{background:#f1f5f9;color:#334155}.inline-word-def{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.inline-word-pl{color:#0f172a;font-weight:600}.inline-word-en{color:#475569;font-weight:400}.inline-word-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.inline-save-btn,.inline-trans-sentence-btn{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.45rem;padding:.45rem 1.05rem;transition:all .15s ease}.inline-save-btn:hover,.inline-trans-sentence-btn:hover{background:#eff6ff;border-color:#93c5fd}.inline-save-btn.saved{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.inline-trans-sentence-btn.active{background:#eff6ff;border-color:#3b82f6}.inline-sentence-translation-box{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:10px;color:#334155;font-size:.9rem;line-height:1.5;margin-top:.85rem;padding:.75rem 1rem}.inline-detected-chunk-card{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1.5px solid #d8b4fe;border-radius:14px;box-shadow:0 4px 14px -2px #9333ea1f;margin-bottom:1rem;padding:.85rem 1.15rem;transition:all .2s ease}.chunk-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.45rem}.chunk-badge-pill{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:999px;box-shadow:0 2px 6px #6d28d940;color:#fff;display:inline-flex;font-size:.72rem;font-weight:700;gap:.3rem;letter-spacing:.03em;padding:.2rem .65rem;text-transform:uppercase}.chunk-sparkle{font-size:.8rem}.chunk-hint{color:#7e22ce;font-size:.74rem;font-style:italic;font-weight:500}.chunk-content-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.chunk-text-group{display:flex;flex-direction:column;gap:.15rem;min-width:0}.chunk-phrase-title{color:#4c1d95;font-size:1.08rem;font-weight:800;letter-spacing:-.01em}.chunk-translation-text{color:#6b21a8;font-size:.92rem;font-weight:600}.inline-save-chunk-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:999px;box-shadow:0 3px 10px #6d28d940;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.4rem;padding:.42rem 1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.inline-save-chunk-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 5px 14px #6d28d959;transform:translateY(-1px)}.inline-save-chunk-btn.saved{background:#10b981;box-shadow:0 3px 10px #10b98140;color:#fff}.inline-word-label{color:#64748b;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-right:.35rem;text-transform:uppercase}.story-reading-progress-section{display:flex;flex-direction:column;gap:.65rem;padding-top:.25rem}.progress-labels-row{align-items:center;display:flex;justify-content:space-between}.progress-label-main{color:#334155;font-size:.85rem;font-weight:600}.progress-label-sub{color:#64748b;font-size:.85rem;font-weight:500}.progress-bar-track{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .3s ease}.workspace-figma-sidebar{align-self:start;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto;padding-right:2px;position:sticky;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;top:1.5rem}.workspace-figma-sidebar::-webkit-scrollbar{width:5px}.workspace-figma-sidebar::-webkit-scrollbar-track{background:#0000}.workspace-figma-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.learning-buddy-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 12px -2px #00000008;display:flex;flex-direction:column;padding:1.5rem}.buddy-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.buddy-sparkle-icon{color:#8b5cf6;font-size:1.25rem}.buddy-card-header h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.buddy-card-desc{font-size:.9rem;margin:0 0 1.25rem}.buddy-voice-ai-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:999px;box-shadow:0 4px 14px #7c3aed47;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;height:46px;justify-content:center;transition:all .15s ease;width:100%}.buddy-voice-ai-btn:hover{box-shadow:0 6px 18px #7c3aed61;transform:translateY(-1px)}.buddy-practice-section{margin-top:1.25rem}.practice-section-label{color:#64748b;display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.buddy-practice-chips{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.buddy-practice-chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:.84rem;font-weight:500;overflow:hidden;padding:.55rem .75rem;text-align:center;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.buddy-practice-chip:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.buddy-answer-box{animation:slide-down .2s ease-out;background:#faf5ff;border:1px solid #f3e8ff;border-radius:12px;color:#4c1d95;font-size:.85rem;line-height:1.5;margin-top:.85rem;padding:.75rem .9rem}.story-words-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px -2px #0000000d,0 2px 6px -1px #00000005;display:flex;flex-direction:column;padding:1.5rem;position:sticky;top:0;transition:box-shadow .2s ease;z-index:10}.story-words-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.story-words-header h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.story-words-count-badge{background:#fef3c7;border-radius:999px;color:#d97706;font-size:.8rem;font-weight:700;padding:2px 8px;transition:all .2s ease}.story-words-count-badge.empty{background:#f1f5f9;color:#64748b}.story-words-list{display:flex;flex-direction:column}.story-words-empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;flex-direction:column;margin:.25rem 0 1rem;padding:1.5rem 1rem;text-align:center}.story-words-empty,.story-words-empty-icon{align-items:center;display:flex;justify-content:center}.story-words-empty-icon{color:#94a3b8;margin-bottom:.45rem}.story-words-empty-title{color:#334155;font-family:var(--font-display);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.story-words-empty-sub{color:#64748b;font-family:var(--font-main);font-size:.75rem;line-height:1.4;max-width:230px}.story-word-item{border-bottom:1px solid #f1f5f9;padding:.75rem 0}.story-word-item:last-child{border-bottom:none;padding-bottom:1.25rem}.story-word-item-top{align-items:center;display:flex;justify-content:space-between}.story-word-name{color:#0f172a;cursor:pointer;font-size:1rem;font-weight:700;transition:color .15s ease}.story-word-name:hover{color:#2563eb}.story-word-item-actions{align-items:center;display:flex;gap:.35rem}.story-word-delete-btn,.story-word-speaker-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .15s ease}.story-word-speaker-btn:hover{background:#eff6ff;color:#2563eb}.story-word-delete-btn:hover{background:#fef2f2;color:#ef4444}.story-word-item-sub{color:#64748b;font-size:.85rem;line-height:1.4;margin-top:.2rem}.open-vocabulary-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#2563eb;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.5rem;height:42px;justify-content:center;margin-top:.5rem;transition:all .15s ease;width:100%}.open-vocabulary-btn:hover{background:#eff6ff;border-color:#bfdbfe}.small-steps-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 12px -2px #00000008;display:flex;flex-direction:column;padding:1.5rem}.small-steps-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.small-steps-bulb{font-size:1.25rem}.small-steps-header h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}.small-steps-text{color:#475569;font-size:.88rem;line-height:1.55;margin:0}.chat-live-floating-btn{align-items:center;background:linear-gradient(135deg,#1a73e8,#a953ff);background:var(--ai-gradient,linear-gradient(135deg,#1a73e8 0,#a953ff 100%));border:none;border-radius:9999px;border-radius:var(--btn-radius,9999px);bottom:24px;bottom:var(--fab-inset,24px);box-shadow:0 8px 24px #1a73e859;color:#fff;cursor:pointer;display:flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.55rem;line-height:140%;min-height:48px;min-height:var(--btn-height-comfortable,48px);padding:0 1.5rem;position:fixed;right:24px;right:var(--fab-inset,24px);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100}.chat-live-floating-btn:hover{box-shadow:0 10px 28px #1a73e873;transform:translateY(-2px)}.chat-live-floating-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.chat-live-floating-btn:active{transform:translateY(0)}.story-copied-toast{animation:slide-up-toast .25s ease-out;background:#0f172a;border-radius:999px;bottom:2.5rem;box-shadow:0 10px 25px #0003;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.65rem 1.25rem;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes slide-up-toast{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.workspace-hero-header{margin-bottom:1.5rem;max-height:140px;opacity:1;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.workspace-hero-header.collapsed{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-8px)}.workspace-hero-title{color:#0f172a;font-family:var(--font-display);font-size:2.15rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 .45rem}.workspace-hero-subtitle{color:#64748b;font-size:1.05rem;line-height:1.5;margin:0}.workspace-create-story-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px -2px #0f172a0a;flex-shrink:0;margin-bottom:1.25rem;max-height:800px;opacity:1;overflow:hidden;padding:1.35rem 1.65rem;transform:translateY(0);transition:max-height .35s ease,opacity .3s ease,margin .35s ease,padding .35s ease,transform .35s ease}.workspace-create-story-card.collapsed{border:none;margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none;transform:translateY(-8px);visibility:hidden}.create-story-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.15rem}.create-story-title-group{align-items:center;display:flex;gap:.65rem}.create-story-sparkle{color:#8b5cf6;flex-shrink:0}.create-story-heading{color:#0f172a;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0}.create-story-cancel-btn{background:#0000;border:1px solid #cbd5e1;border-radius:999px;color:#64748b;cursor:pointer;font-family:var(--font-display);font-size:.75rem;font-weight:600;padding:.3rem .8rem;transition:all .15s ease}.create-story-cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.create-story-top-actions{align-items:center;display:flex;gap:.65rem}.create-story-badge{background:#f5f3ff;border-radius:999px;color:#7c3aed;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.3rem .75rem;text-transform:uppercase}.create-story-collapse-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .8rem;transition:all .2s ease}.create-story-collapse-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.create-story-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.create-story-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.create-story-chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;font-size:.88rem;font-weight:600;padding:.48rem 1.15rem;transition:all .15s ease}.create-story-chip:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.create-story-chip.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:700}.create-story-right-controls{align-items:center;display:flex;gap:.65rem}.create-story-level-select-wrapper{align-items:center;display:flex;position:relative}.create-story-level-select{appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;cursor:pointer;font-size:.88rem;font-weight:700;outline:none;padding:.5rem 2.1rem .5rem 1.1rem;transition:border-color .2s ease}.create-story-level-select:focus,.create-story-level-select:hover{border-color:#94a3b8}.level-select-chevron{color:#64748b;pointer-events:none;position:absolute;right:.75rem}.create-story-generate-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:999px;box-shadow:0 4px 14px #7c3aed47;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.55rem 1.35rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.create-story-generate-btn:hover:not(:disabled){box-shadow:0 6px 18px #7c3aed61;transform:translateY(-1px)}.create-story-generate-btn:disabled{cursor:not-allowed;opacity:.65}.create-story-generate-btn.pro-locked{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff26;box-shadow:0 4px 14px #0f172a40;gap:.45rem}.create-story-generate-btn.pro-locked:hover:not(:disabled){background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#a855f799;box-shadow:0 6px 18px #a855f759;transform:translateY(-1px)}.workspace-pro-badge{border-radius:5px;box-shadow:0 2px 6px #d9770666;font-size:.7rem;letter-spacing:.05em;padding:.12rem .42rem}.chapter-pro-tag,.workspace-pro-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:inline-flex;font-weight:800;margin-left:.35rem}.chapter-pro-tag{border-radius:4px;font-size:.65rem;letter-spacing:.04em;padding:.1rem .35rem}.create-story-prompt-wrapper{display:flex;flex-direction:column;gap:.4rem;margin:.95rem 0 .85rem}.create-story-prompt-label{align-items:center;color:#334155;display:flex;font-family:var(--font-display);font-size:.82rem;font-weight:600;gap:.45rem}.create-story-prompt-label svg{color:#7c3aed;flex-shrink:0}.create-story-prompt-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:var(--font-main);font-size:.88rem;line-height:1.5;min-height:72px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.create-story-prompt-textarea:hover{background:#fff;border-color:#cbd5e1}.create-story-prompt-textarea:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.create-story-prompt-textarea::placeholder{color:#94a3b8;font-size:.84rem}.create-story-footer-note{color:#94a3b8;font-family:var(--font-main);font-size:.78rem;font-weight:500}.workspace-collapsed-bar{animation:fade-in-bar .3s ease-out;margin-bottom:1.25rem}@keyframes fade-in-bar{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workspace-open-generator-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 2px 8px #00000008;color:#475569;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:.6rem;padding:.5rem 1.25rem;transition:all .2s ease}.workspace-open-generator-pill:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;color:#0f172a;transform:translateY(-1px)}.buddy-card-desc{color:#64748b;font-size:.88rem;line-height:1.5;margin:0 0 1rem}.buddy-divider{background:#f1f5f9;height:1px;margin:1.15rem 0}.buddy-try-asking-section{margin-bottom:.85rem}.buddy-ask-form{margin-top:.65rem}.buddy-ask-input-wrap{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.45rem .55rem .45rem .75rem;position:relative;transition:all .2s ease}.buddy-ask-input-wrap:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.buddy-ask-input{background:#0000;border:none;color:#0f172a;font-size:.86rem;outline:none;width:100%}.buddy-ask-send-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.buddy-ask-send-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.04)}.buddy-ask-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.buddy-ask-spinner{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.buddy-inline-answer-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#14532d;font-size:.86rem;line-height:1.5;margin-top:.85rem;padding:.85rem}.buddy-inline-answer-text{margin-bottom:.5rem}.buddy-inline-answer-actions{align-items:center;display:flex;justify-content:space-between}.buddy-answer-speak-btn{background:#dcfce7;border:1px solid #86efac;border-radius:6px;color:#15803d;cursor:pointer;font-size:.78rem;font-weight:600;padding:.25rem .6rem}.buddy-answer-close-btn{background:none;border:none;color:#15803d;cursor:pointer;font-size:.85rem}.story-word-bookmark-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.story-word-bookmark-btn:hover{background:#eff6ff;color:#2563eb}.story-word-bookmark-btn.saved{color:#2563eb}.flashcards-fullscreen-view{background-color:#fff;color:#0f172a;display:flex;flex-direction:column;font-family:var(--font-main);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:10000}.flashcards-topbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex;justify-content:space-between;padding:18px 48px;position:sticky;top:0;width:100%;z-index:50}.flashcards-brand{align-items:center;display:flex;gap:10px}.flashcards-logo-badge{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.flashcards-logo-badge img{height:100%;object-fit:contain;width:100%}.flashcards-brand-name{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.5px}.flashcards-category-pill{align-items:center;color:#1e293b;display:inline-flex;font-size:14.5px;font-weight:600;gap:8px}.category-stack-icon{flex-shrink:0;height:18px;width:18px}.flashcards-back-link{align-items:center;background:none;border:none;border-radius:8px;color:#1a73e8;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.flashcards-back-link:hover{background:#eff6ff;color:#1557b0}.flashcards-main-body{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px 24px 60px}.flashcards-stage-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:740px;width:100%}.flashcards-meta-row{align-items:center;color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.meta-card-count{font-weight:500}.meta-topic-pill{background:#f1f5f9;border-radius:999px;color:#475569;font-size:12px;font-weight:500;padding:4px 12px}.meta-practice-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.flashcards-progress-track{background:#f1f5f9;border-radius:2px;height:4px;margin-bottom:32px;overflow:hidden;width:100%}.flashcards-progress-fill{background:#f59e0b;border-radius:2px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.flashcard-canvas,.flashcard-sheet{display:flex;justify-content:center;width:100%}.flashcard-sheet{align-items:center;animation:cardSheetFade .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 12px 36px #0f172a0a;box-sizing:border-box;flex-direction:column;min-height:380px;padding:48px 40px;text-align:center;transition:all .25s ease}@keyframes cardSheetFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.8px;margin-bottom:24px;padding:5px 14px;text-transform:uppercase}.badge-think-first{background:#fef3c7;color:#d97706}.badge-answer-pl{background:#e0f2fe;color:#0284c7}.card-headline-word{color:#0f172a;font-size:46px;font-weight:800;letter-spacing:-.6px;line-height:1.15;margin:0 0 16px}.card-headline-word.pl-answer{font-size:42px;margin-bottom:12px}.card-context-quote{color:#475569;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto 32px;max-width:540px}.card-context-pl{color:#334155;font-size:15.5px;line-height:1.5;margin:0 auto 8px;max-width:540px}.card-definition-en{color:#64748b;font-size:13.5px;margin:0 auto 28px;max-width:520px}.card-phonetic-row{align-items:center;display:inline-flex;gap:10px;justify-content:center;margin-bottom:16px}.card-phonetic-meta{color:#64748b;font-size:14.5px;font-weight:500}.card-audio-speaker-btn{align-items:center;background:#eff6ff;border:none;border-radius:50%;color:#1a73e8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.card-audio-speaker-btn:hover{background:#dbeafe;transform:scale(1.05)}.card-flip-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 3px #00000005;color:#1a73e8;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s ease}.card-flip-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1557b0}.flashcards-footer-actions{align-items:center;display:flex;flex-direction:column;margin-top:28px;width:100%}.evaluation-prompt{color:#475569;font-size:14.5px;font-weight:500;margin:0 0 16px;text-align:center}.evaluation-buttons-group{align-items:center;display:flex;gap:16px;justify-content:center}.eval-btn-review-again{align-items:center;background:#fef3c7;border:none;border-radius:999px;color:#b45309;cursor:pointer;display:inline-flex;font-size:14.5px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.eval-btn-review-again:hover{background:#fde68a;transform:translateY(-1px)}.eval-btn-know-it{align-items:center;background:#10b981;border:none;border-radius:999px;box-shadow:0 3px 10px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-size:14.5px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.eval-btn-know-it:hover{background:#059669;box-shadow:0 5px 14px #10b98159;transform:translateY(-1px)}.keyboard-shortcuts-hint{align-items:center;color:#64748b;display:flex;font-size:12.5px;gap:20px;justify-content:center;margin-top:18px}.session-progress-summary{color:#64748b;font-size:13px;margin-top:18px;text-align:center}.flashcards-complete-card{animation:cardSheetFade .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 12px 36px #0f172a0d;margin:0 auto;max-width:520px;padding:50px 40px;text-align:center;width:100%}.complete-badge-circle{font-size:48px;margin-bottom:16px}.complete-title{color:#0f172a;font-size:26px;font-weight:800;margin:0 0 8px}.complete-subtitle{color:#64748b;font-size:14.5px;margin:0 0 28px}.complete-stats-row{background:#f8fafc;border-radius:18px;display:flex;justify-content:space-around;margin-bottom:28px;padding:18px 12px}.complete-stat-box{display:flex;flex-direction:column;gap:4px}.complete-stat-number{color:#0f172a;font-size:24px;font-weight:800}.complete-stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.complete-actions{display:flex;gap:12px;justify-content:center}.complete-btn-primary{background:#1a73e8;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.complete-btn-primary:hover{background:#1557b0}.complete-btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.complete-btn-secondary:hover{background:#f8fafc}@media (max-width:768px){.flashcards-topbar{padding:16px 20px}.flashcards-category-pill{display:none}.flashcards-main-body{padding:20px 16px 40px}.flashcard-sheet{border-radius:20px;padding:32px 20px}.card-headline-word{font-size:34px}.card-headline-word.pl-answer{font-size:30px}.evaluation-buttons-group{flex-direction:column;width:100%}.eval-btn-know-it,.eval-btn-review-again{justify-content:center;width:100%}.keyboard-shortcuts-hint{display:none}}.story-generator{animation:view-enter .5s var(--transition-soft);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0 3rem;max-width:900px;padding:2rem}.generation-progress-overlay{align-items:center;display:flex;justify-content:center;min-height:340px;padding:3rem 2rem}.gen-progress-card{align-items:center;animation:view-enter .4s ease;animation:view-enter .4s var(--transition-soft,ease);display:flex;flex-direction:column;gap:1.25rem;text-align:center}.gen-progress-ring-wrapper{height:120px;position:relative;width:120px}.gen-progress-ring{height:120px;transform:rotate(-90deg);width:120px}.gen-progress-ring-track{stroke:#f1f3f4;stroke:var(--slate-100,#f1f3f4)}.gen-progress-ring-fill{stroke:url(#genGrad);stroke:#7c3aed;stroke:var(--primary-500,#7c3aed);transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}.gen-progress-pct{align-items:center;color:#202124;color:var(--slate-800,#202124);display:flex;font-family:var(--font-main);font-size:1.6rem;font-weight:800;inset:0;justify-content:center;letter-spacing:-1px;position:absolute}.gen-progress-label{color:#7c3aed;color:var(--primary-500,#7c3aed);font-size:.85rem;font-weight:600;letter-spacing:.6px;min-height:1.2em;text-transform:uppercase;transition:opacity .3s ease}.gen-progress-title{color:#202124;color:var(--slate-800,#202124);font-family:var(--font-main);font-size:1.3rem;font-weight:800}.gen-progress-subtitle{color:#9aa0a6;color:var(--slate-400,#9aa0a6);font-size:.85rem}.generator-header h2{color:var(--slate-800);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.generator-header p{color:var(--slate-500);font-size:.95rem}.topic-grid{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.25rem 0;padding:.5rem 0}.topic-chip{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:9999px;box-shadow:0 2px 5px #00000008;color:#334155;color:var(--slate-700,#334155);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:.88rem;font-weight:500;gap:.5rem;padding:.6rem 1.15rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.topic-chip-icon{font-size:1.05rem;line-height:1;transition:transform .25s ease}.topic-chip:hover .topic-chip-icon{transform:scale(1.2) rotate(6deg)}.topic-chip-text{letter-spacing:-.2px}.topic-chip-check{align-items:center;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275);background:#ffffff40;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:800;height:18px;justify-content:center;margin-left:.15rem;width:18px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.topic-chip:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#a78bfa;border-color:var(--primary-400,#a78bfa);box-shadow:0 6px 16px #7c3aed24;color:#5b21b6;color:var(--primary-700,#5b21b6);transform:translateY(-2px)}.topic-chip.selected{background:linear-gradient(135deg,#7c3aed,#6366f1);background:linear-gradient(135deg,var(--primary-600,#7c3aed),var(--primary-500,#6366f1));border-color:#0000;box-shadow:0 6px 18px #7c3aed59;color:#fff;transform:translateY(-1px) scale(1.02)}.details-composer textarea{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-main);font-size:.95rem;padding:1rem;resize:vertical;transition:var(--transition-fast);width:100%}.details-composer textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #1a73e826;outline:none}.generate-story-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;display:flex;font-family:var(--font-main);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:var(--transition-fast);width:fit-content}.generate-story-btn:hover:not(:disabled){background:var(--primary-600);color:var(--gray-900)}.generate-story-btn:disabled{cursor:not-allowed;opacity:.5}.generator-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.generate-default-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#ff8f00 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 10px #fbbc0426;color:var(--gray-900);cursor:pointer;display:flex;font-family:var(--font-main);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:all .2s var(--transition-soft);width:fit-content}.generate-default-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0,#e65100 100%);box-shadow:0 6px 14px #fbbc0440;color:var(--gray-900);transform:translateY(-1px)}.generate-default-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-icon{align-items:center;display:flex;justify-content:center}.settings-toggle-container{display:flex;justify-content:flex-start}.settings-toggle-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-700);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.settings-toggle-btn:hover{background:var(--slate-50)}.settings-toggle-btn.active{background:var(--slate-100);border-color:var(--slate-300)}.generator-settings-panel{animation:slide-down .4s var(--transition-soft);background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.settings-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{color:var(--slate-500);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.setting-chips{display:flex;gap:.45rem}.setting-chip{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:var(--radius-md);box-shadow:0 1px 3px #00000005;color:#475569;color:var(--slate-600,#475569);cursor:pointer;flex:1 1;font-family:var(--font-main);font-size:.78rem;font-weight:600;padding:.55rem .4rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.setting-chip:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#c4b5fd;border-color:var(--primary-300,#c4b5fd);color:#5b21b6;color:var(--primary-700,#5b21b6);transform:translateY(-1px)}.setting-chip.active{background:linear-gradient(135deg,#7c3aed,#6366f1);background:linear-gradient(135deg,var(--primary-600,#7c3aed),var(--primary-500,#6366f1));border-color:#0000;box-shadow:0 4px 12px #7c3aed47;color:#fff;transform:translateY(-1px)}.premium-text-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-900);font-family:var(--font-main);font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:all var(--transition-fast)}.premium-text-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #1a73e826;outline:none}.premium-select{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-900);cursor:pointer;font-family:var(--font-main);font-size:.9rem;font-weight:500;outline:none;padding:.5rem .75rem}.premium-select:focus{border-color:var(--primary-500)}.checkbox-group{align-items:flex-start;display:flex;justify-content:flex-end}.switch-label{align-items:center;color:var(--slate-700);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-top:1.5rem}.switch-label input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.popular-science-section{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;grid-column:1/-1;justify-content:flex-start;margin-top:.5rem}.main-popular-science-switch{margin-top:.5rem}.popular-science-suboptions{animation:fade-in .3s ease-out;border-left:2px solid var(--primary-200);display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding-left:1.5rem}.sub-checkbox-label{color:var(--slate-600);font-size:.8rem;margin-top:0!important}.sub-checkbox-label input[type=checkbox]{height:14px;width:14px}@keyframes fade-in{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.generator-top-tabs{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--slate-100,#f1f5f9);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding-bottom:.75rem}.gen-tab-btn{align-items:center;background:#f8fafc;background:var(--slate-50,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:9999px;color:#475569;color:var(--slate-600,#475569);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:.95rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.gen-tab-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--gray-900);transform:translateY(-1px)}.gen-tab-btn.active{background:var(--accent);border-color:#0000;box-shadow:0 4px 12px #fbbc0440;color:var(--gray-900)}.gen-tab-icon{font-size:1.15rem}.gen-tab-badge{background:#fff3;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.15rem .6rem;text-transform:uppercase}.gen-tab-btn:not(.active) .gen-tab-badge{background:#e2e8f0;background:var(--slate-200,#e2e8f0);color:#334155;color:var(--slate-700,#334155)}.paste-quick-trigger-banner{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px dashed var(--accent);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;margin-top:1rem;padding:1.1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.paste-quick-trigger-banner:hover{background:linear-gradient(135deg,var(--gray-0),var(--accent-light));border-color:var(--accent-hover);box-shadow:0 8px 20px #fbbc041f;transform:translateY(-2px)}.trigger-content{align-items:center;display:flex;gap:1rem}.trigger-icon{font-size:1.8rem}.trigger-content strong{color:#5b21b6;color:var(--primary-700,#5b21b6);font-size:1.05rem}.trigger-content p{color:#64748b;color:var(--slate-500,#64748b);font-size:.88rem;font-weight:500;margin:.2rem 0 0}.paste-mode-panel{animation:fade-in .35s cubic-bezier(.16,1,.3,1);background:#ffffffe6;border:1px solid #ddd6fe;border:1px solid var(--primary-200,#ddd6fe);border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 10px 30px -5px #7c3aed14;display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem}.paste-header h3{color:#1e293b;color:var(--slate-800,#1e293b);font-size:1.45rem;font-weight:800;margin-bottom:.35rem}.paste-header p{color:#475569;color:var(--slate-600,#475569);font-size:.95rem;line-height:1.55;margin:0}.paste-form-group{display:flex;flex-direction:column;gap:.5rem}.paste-form-group label{color:#334155;color:var(--slate-700,#334155);font-size:.95rem;font-weight:700}.paste-form-group label,.paste-textarea-label{align-items:center;display:flex;justify-content:space-between}.paste-textarea-label{width:100%}.paste-counter-badge{background:#ede9fe;background:var(--primary-100,#ede9fe);border-radius:9999px;color:#6d28d9;color:var(--primary-700,#6d28d9);font-size:.8rem;font-weight:700;padding:.25rem .75rem}.paste-textarea{background:#f8fafc;background:var(--slate-50,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);color:#1e293b;color:var(--slate-800,#1e293b);font-family:var(--font-main);font-size:.98rem;line-height:1.6;min-height:220px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.paste-textarea:focus{background:#fff;border-color:#7c3aed;border-color:var(--primary-500,#7c3aed);box-shadow:0 0 0 4px #7c3aed1f;outline:none}.paste-actions{align-items:center;display:flex;gap:1rem}.load-pasted-btn{align-items:center;background:var(--accent);border:none;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 14px #fbbc0440;color:var(--gray-900);cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.65rem;justify-content:center;padding:.85rem 1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.load-pasted-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 22px #fbbc0459;color:var(--gray-900);transform:translateY(-2px)}.load-pasted-btn:disabled{cursor:not-allowed;opacity:.6}.paste-clear-btn{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--slate-300,#cbd5e1);border-radius:12px;border-radius:var(--radius-md,12px);color:#475569;color:var(--slate-600,#475569);cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 1.4rem;transition:all .2s ease}.paste-clear-btn:hover:not(:disabled){background:#f1f5f9;background:var(--slate-100,#f1f5f9);color:#1e293b;color:var(--slate-800,#1e293b)}.paste-clear-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.story-generator{gap:1rem;padding:1rem}.generator-header h2{font-size:1.5rem}.settings-grid{gap:1rem;grid-template-columns:1fr}.switch-label{margin-top:.5rem}.generate-default-btn,.generate-story-btn,.load-pasted-btn,.paste-clear-btn{width:100%}.paste-actions{flex-direction:column}}.practice-overlay{align-items:center;background:#20212499;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:3000}.practice-content{animation:modalEnter .4s var(--transition-soft);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:1000px;min-height:550px;overflow:hidden;width:100%}@keyframes modalEnter{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.practice-header{align-items:center;background:var(--slate-50);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 2rem}.phase-indicator{display:flex;gap:.5rem}.phase-indicator .dot{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:50%;box-shadow:0 2px 4px #00000005;color:#64748b;color:var(--slate-500,#64748b);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:32px}.phase-indicator .dot:hover{border-color:var(--accent);color:var(--accent-hover);transform:translateY(-2px)}.phase-indicator .dot.active{background:var(--accent-light);border-color:var(--accent);color:var(--gray-700)}.phase-indicator .dot.current{background:var(--accent);border-color:#0000;box-shadow:0 4px 12px #fbbc044d;color:var(--gray-900);transform:scale(1.08)}.header-titles h2{color:var(--slate-800);font-size:1.1rem;font-weight:700;margin:0}.sub-hint{color:var(--slate-500);font-size:.7rem;font-weight:600;margin-top:.1rem;text-transform:uppercase}.practice-body{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem}.phase-1-controls{display:flex;gap:.5rem;margin-bottom:1.25rem}.step-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200,#e2e8f0);border-radius:9999px;box-shadow:0 1px 3px #00000005;color:#475569;color:var(--slate-600,#475569);cursor:pointer;font-family:var(--font-main);font-size:.88rem;font-weight:500;padding:.55rem 1.4rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.step-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:var(--accent)}.step-btn.active,.step-btn:hover{color:var(--gray-900);transform:translateY(-1px)}.step-btn.active{background:var(--accent);border-color:#0000;box-shadow:0 4px 12px #fbbc0440}.training-area{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0}.training-text-scroll{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-700);flex:1 1;font-family:var(--font-main);font-size:1.35rem;line-height:1.6;max-height:36vh;min-height:140px;overflow-y:auto;padding:1.5rem}.training-sentence{-webkit-touch-callout:none;border-bottom:2px solid #0000;cursor:pointer;padding:0 2px;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.training-sentence:hover{border-color:var(--primary-200);color:var(--primary-500)}.training-sentence.active{border-bottom-color:var(--primary-500);color:var(--primary-600)}.sentence-controller{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;justify-content:space-between;margin-top:auto;padding:1rem 1.5rem}.controller-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.index-badge{background:var(--slate-700);border-radius:var(--radius-sm);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase;width:fit-content}.speak-progress-container{background:var(--slate-100);border-radius:2px;height:4px;overflow:hidden}.speak-progress-bar{background:var(--primary-500);height:100%;transition:width .1s linear;width:0}.speak-progress-bar.pulse{animation:recPulse 1.5s infinite;background:#d93025}@keyframes recPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.controller-actions{gap:.75rem}.controller-actions,.ctrl-btn{align-items:center;display:flex}.ctrl-btn{background:#fff;border:1px solid var(--border);border-radius:50%;color:var(--slate-700);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.ctrl-btn:hover:not(:disabled){background:var(--slate-50);border-color:var(--primary-500);color:var(--primary-500)}.ctrl-btn.next-main{background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-main);font-size:.9rem;font-weight:600;padding:0 1.25rem;width:auto}.ctrl-btn.next-main:hover{background:var(--primary-600)}.record-btn.active{background:#d93025;border-color:#d93025;color:#fff}.evaluation-result-box{align-items:center;background:var(--slate-50);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.eval-score-circle{align-items:center;background:var(--slate-700);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.eval-feedback p{margin:0}.eval-transcription{color:var(--slate-500);font-size:.75rem}.eval-corrections{color:var(--slate-800);font-size:.85rem;font-weight:600;margin:.1rem 0}.eval-tip{color:var(--slate-500);font-size:.75rem}.practice-footer{background:var(--slate-50);border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 2rem}.exit-btn{align-items:center;background:#0000;border:none;color:var(--slate-500);cursor:pointer;display:flex;justify-content:center;padding:.25rem}.exit-btn:hover{color:#d93025}.practice-live-chat-section{animation:modalEnter .5s cubic-bezier(.16,1,.3,1);margin-top:1.25rem;width:100%}.practice-live-chat-trigger{align-items:center;background:linear-gradient(135deg,#fffffff2,#f3f4f6e6);border:1.5px solid #a78bfa73;border-radius:var(--radius-lg);box-shadow:0 10px 30px #7c3aed1f,inset 0 1px 2px #fffc;cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.practice-live-chat-trigger:hover{border-color:#6366f1;border-color:var(--primary-500,#6366f1);box-shadow:0 14px 38px #7c3aed38;transform:translateY(-3px) scale(1.01)}.live-chat-trigger-orb{align-items:center;display:flex;flex-shrink:0;justify-content:center}.tutor-gemini-orb.mini-orb{box-shadow:0 4px 16px #f0a00059}.tutor-gemini-orb.mini-orb,.tutor-gemini-orb.mini-orb+.orb-pulse-ring-1,.tutor-gemini-orb.mini-orb~.orb-pulse-ring-2{height:64px!important;width:64px!important}.live-chat-trigger-text{flex:1 1}.live-chat-trigger-title{align-items:center;display:flex;gap:.6rem;margin-bottom:.35rem}.live-chat-trigger-title h4{color:#0f172a;color:var(--slate-900,#0f172a);font-size:1.05rem;font-weight:800;margin:0}.read-percent-badge{background:#ede9fe;background:var(--primary-100,#ede9fe);border-radius:9999px;color:#6d28d9;color:var(--primary-700,#6d28d9);font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:.2rem .55rem}.live-dot-pulse{animation:pulseGreen 2s ease-in-out infinite;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98140;display:inline-block;height:10px;width:10px}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.live-chat-trigger-text p{color:#475569;color:var(--slate-600,#475569);font-size:.88rem;line-height:1.45;margin:0}.live-chat-trigger-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#ff8f00 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px #fbbc0433;color:var(--gray-900);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;gap:.5rem;padding:.65rem 1.1rem;transition:all .2s ease}.practice-live-chat-trigger:hover .live-chat-trigger-btn{background:linear-gradient(135deg,var(--accent-hover) 0,#e65100 100%);box-shadow:0 6px 14px #fbbc044d;color:var(--gray-900);transform:translateX(3px)}.practice-live-chat-stage{background:#fffffff5;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0000001f;display:flex;flex-direction:column;overflow:hidden}.practice-live-header{align-items:center;background:#f8fafc;background:var(--slate-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200,#e2e8f0);display:flex;gap:1.5rem;justify-content:space-between;padding:.75rem 1.25rem}.live-title-row{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.live-title-row h4{color:#1e293b;color:var(--slate-800,#1e293b);flex-shrink:0;font-size:.95rem;font-weight:800;margin:0;white-space:nowrap}.close-live-chat-btn{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--slate-300,#cbd5e1);border-radius:6px;color:#475569;color:var(--slate-600,#475569);cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:700;padding:.4rem .95rem;transition:all .2s ease}.close-live-chat-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.tutor-gemini-orb{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;transition:transform .2s ease,background .5s ease,box-shadow .5s ease}.tutor-gemini-orb.header-orb{flex-shrink:0;height:34px!important;width:34px!important}.tutor-gemini-orb.header-orb .orb-pulse-ring-1,.tutor-gemini-orb.header-orb .orb-pulse-ring-2{border-radius:50%;height:34px!important;pointer-events:none;position:absolute;width:34px!important;z-index:1}.tutor-gemini-orb.header-orb .orb-core{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%;z-index:5}.tutor-gemini-orb.inactive,.tutor-gemini-orb.standby{background:radial-gradient(circle at 35% 35%,#f0a000,#d08000 60%,#905000);box-shadow:0 4px 10px #f0a00059}.tutor-gemini-orb.speaking{animation:orb-morph 5s linear infinite alternate;background:linear-gradient(135deg,#4285f4,#9b72f8,#12b5cb);box-shadow:0 0 20px #9b72f880}.tutor-gemini-orb.listening{animation:orb-breathe 2s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#12b5cb,#0097a7 60%,#006064);box-shadow:0 0 20px #12b5cb8c}.tutor-gemini-orb.thinking{animation:orb-rotate-pulse 2s linear infinite;background:linear-gradient(135deg,#1a73e8,#9b72f8);box-shadow:0 0 20px #9b72f866}.orb-wave-container.mini{align-items:flex-end;display:flex;gap:2px;height:12px;justify-content:center}.orb-wave-container.mini .wave-bar{animation:mini-wave .8s ease-in-out infinite alternate;background-color:#fff;border-radius:1px;height:100%;width:2px}.orb-wave-container.mini .wave-bar.bar-1{animation-delay:.1s}.orb-wave-container.mini .wave-bar.bar-2{animation-delay:.3s}.orb-wave-container.mini .wave-bar.bar-3{animation-delay:.2s}@keyframes mini-wave{0%{height:4px}to{height:12px}}.practice-live-status-label{background:#f1f5f9;background:var(--slate-100,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);border-radius:6px;color:#475569;color:var(--slate-600,#475569);font-size:.75rem;font-weight:700;margin:0;max-width:320px;overflow:hidden;padding:4px 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.practice-live-chat-history{background:#f8fafc;background:var(--slate-50,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--slate-200,#e2e8f0);display:flex;flex-direction:column;gap:1rem;max-height:480px;min-height:250px;overflow-y:auto;padding:1.25rem 1.5rem}.live-chat-msg{align-items:flex-start;display:flex;gap:.75rem;max-width:88%}.live-chat-msg.user-msg{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{align-items:center;background:#1e293b;background:var(--slate-800,#1e293b);border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:34px;justify-content:center;width:34px}.live-chat-msg.bot-msg .msg-avatar{background:linear-gradient(135deg,var(--accent) 0,#ff8f00 100%);color:var(--gray-900)}.live-chat-msg.user-msg .msg-avatar{background:var(--accent-hover);color:var(--gray-900)}.msg-content{display:flex;flex-direction:column;gap:.5rem}.msg-bubble{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;font-size:.92rem;line-height:1.45;padding:.85rem 1.15rem}.live-chat-msg.bot-msg .msg-bubble{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);border-top-left-radius:2px;color:#1e293b;color:var(--slate-800,#1e293b)}.live-chat-msg.user-msg .msg-bubble{background:var(--accent-light);border:1px solid #fbbc0459;border-top-right-radius:2px;color:var(--gray-900)}.chat-eval-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200,#e2e8f0);border-radius:8px;box-shadow:0 2px 6px #00000008;padding:.65rem .85rem}.chat-eval-header{margin-bottom:.35rem}.eval-status-badge{border-radius:4px;font-size:.75rem;font-weight:800;padding:.15rem .5rem}.eval-status-badge.correct{background:#d1fae5;color:#065f46}.eval-status-badge.needs-work{background:#fef3c7;color:#92400e}.chat-eval-feedback{color:#475569;color:var(--slate-600,#475569);font-size:.82rem;line-height:1.4;margin:0}.chat-insertions-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.65rem .85rem}.insertions-title{color:#1e40af;display:block;font-size:.76rem;font-weight:700;margin-bottom:.4rem}.insertions-list{display:flex;flex-wrap:wrap;gap:.4rem}.insertion-chip{background:#fff;border:1px solid #93c5fd;border-radius:6px;color:#1e3a8a;font-size:.75rem;font-weight:600;padding:.15rem .55rem}@media (max-width:768px){.practice-overlay{padding:0}.practice-content{border:none;border-radius:0;height:100vh}.practice-header{padding:.75rem 1rem}.practice-body{padding:1rem}.training-text-scroll{font-size:1.15rem;padding:1rem}.sentence-controller{flex-direction:column;gap:.75rem;padding:1rem}.controller-actions{justify-content:space-between;width:100%}.ctrl-btn.next-main{flex:1 1;justify-content:center}}.pause-live-chat-btn{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--slate-300,#cbd5e1);border-radius:6px;color:#475569;color:var(--slate-600,#475569);cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:700;padding:.4rem .95rem;transition:all .2s ease}.pause-live-chat-btn:hover{background:#fef3c7;border-color:#fcd34d;color:#d97706}.live-dot-pulse.paused{animation:none;background-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b40}.explanation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182766;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:6000}.explanation-modal-card{animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;max-height:80vh;max-width:90%;overflow-y:auto;padding:1.5rem 2rem;width:500px}.explanation-modal-card::-webkit-scrollbar{width:6px}.explanation-modal-card::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:3px}.explanation-modal-header{align-items:center;border-bottom:1px solid var(--slate-100);display:flex;justify-content:space-between;padding-bottom:.75rem}.modal-back-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--slate-500);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.85rem;font-weight:700;gap:.35rem;padding:.25rem .5rem;transition:var(--transition-fast)}.modal-back-btn:hover{background:var(--slate-50);color:var(--primary-600)}.modal-close-btn{align-items:center;border-radius:var(--radius-full);color:var(--slate-400);display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.modal-close-btn:hover{background:var(--slate-100);color:var(--slate-800)}.explanation-modal-body{padding-top:1.5rem}.explanation-title-container{margin-bottom:1.25rem}.word-title{color:var(--slate-900);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0;text-transform:capitalize}.phrase-title-interactive{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.interactive-word-span{border:1px solid #0000;border-radius:var(--radius-md);color:var(--slate-900);cursor:pointer;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;padding:.1rem .4rem;transition:all .2s ease}.interactive-word-span:hover{background:#1a73e814;color:var(--primary-600);transform:translateY(-1px)}.interactive-hint{color:var(--slate-400);font-size:.75rem;font-weight:500;margin-bottom:0;margin-top:.4rem}.direct-translations-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.direct-label{color:var(--slate-400);font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.direct-translations-list{display:flex;flex-wrap:wrap;gap:.4rem}.direct-trans-chip{background:#1a73e814;border-radius:var(--radius-md);color:var(--primary-600);font-size:.95rem;font-weight:700;padding:.25rem .65rem;text-transform:lowercase}.phonetics-wrapper{margin-bottom:1.25rem}.phonetic-text{background:#e8f0fe;border-radius:var(--radius-full);color:var(--primary-600);font-family:var(--font-mono);font-size:.95rem;font-weight:500;padding:.25rem .75rem}.meanings-list{display:flex;flex-direction:column;gap:1.5rem}.meaning-item{border-bottom:1px solid var(--slate-100);padding-bottom:1.5rem}.meaning-item:last-child{border-bottom:none;padding-bottom:0}.part-of-speech-badge{background:var(--slate-900);border-radius:var(--radius-sm);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.meaning-definitions{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.definition-row{align-items:flex-start;display:flex;gap:.75rem}.lang-label{align-items:center;background:var(--slate-100);border-radius:4px;color:var(--slate-500);display:flex;flex-shrink:0;font-size:.65rem;font-weight:800;height:20px;justify-content:center;margin-top:.15rem;width:24px}.definition-text{color:var(--slate-800);font-size:.95rem;line-height:1.5;margin:0}.definition-text.en{color:var(--slate-600)}.examples-section{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:1rem;padding:.85rem 1rem}.examples-section h4{color:var(--slate-400);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.examples-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0}.example-item{border-bottom:1px dashed var(--slate-200);padding-bottom:.5rem}.example-item:last-child{border-bottom:none;padding-bottom:0}.example-en{color:var(--slate-700);font-size:.85rem;font-style:italic;margin:0}.example-pl{color:var(--slate-500);font-size:.8rem;margin:.15rem 0 0}.no-meanings{color:var(--slate-400);font-size:.9rem;font-style:italic}.explanation-loading-container{display:flex;flex-direction:column;gap:.85rem;padding:1.5rem 0}.skeleton-line{animation:loading-pulse 1.5s infinite;background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-200) 50%,var(--slate-100) 75%);background-size:200% 100%;border-radius:4px;height:14px}.skeleton-line.title{height:24px;width:45%}.skeleton-line.short{width:60%}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.explanation-error-container{padding:2rem 0;text-align:center}.error-message{color:#d93025;font-size:.95rem;font-weight:500;margin-bottom:1rem}.inflections-wrapper{background:var(--slate-50);border-left:4px solid var(--primary-600);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:.75rem 1rem}.inflections-label{color:var(--slate-500);display:block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.inflections-text{color:var(--slate-800);font-size:.95rem;font-weight:500;line-height:1.45;margin:0}.practice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1010}.practice-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:600px;overflow:hidden;width:100%}.practice-modal-header{align-items:center;background:var(--slate-50);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.practice-modal-header h3{color:var(--slate-800);font-size:1.25rem;font-weight:700;margin:0}.practice-modal-header .close-btn{background:none;border:none;color:var(--slate-500);cursor:pointer;font-size:1.75rem;line-height:1;padding:0;transition:color var(--transition-fast)}.practice-modal-header .close-btn:hover{color:var(--slate-900)}.practice-modal-body{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;padding:1.5rem}.target-text-container{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.target-label{color:var(--slate-500);font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.target-text{color:var(--slate-800);font-size:1.15rem;font-style:italic;font-weight:600;line-height:1.5;margin:0}.practice-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-record-voice,.btn-tts-listen{align-items:center;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-soft)}.btn-tts-listen{background:var(--slate-100);border:1px solid var(--slate-300);color:var(--slate-700)}.btn-tts-listen:hover{background:var(--slate-200);color:var(--slate-900)}.btn-tts-listen.playing{background:#e8f0fe;border-color:var(--primary-300);color:var(--primary-500)}.btn-record-voice{background:var(--primary-500);color:#fff}.btn-record-voice:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.btn-record-voice.recording{animation:pulse-red 1.5s infinite;background:#ea4335;box-shadow:0 0 0 4px #ea43354d}.record-pulse-dot{background:#fff;border-radius:var(--radius-full);display:inline-block;height:10px;margin-right:.25rem;width:10px}@keyframes pulse-red{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.practice-evaluating{align-items:center;background:var(--slate-50);border:1px dashed var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.5rem}.practice-evaluating .spinner{animation:spin 1s linear infinite;border:4px solid var(--slate-200);border-radius:50%;border-top-color:var(--primary-500);height:36px;width:36px}.practice-evaluating p{color:var(--slate-600);font-size:.95rem;font-weight:600;margin:0}.evaluation-results-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.evaluation-score-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.score-ring{align-items:center;border-radius:var(--radius-full);box-shadow:inset 0 0 0 5px #fff;display:flex;flex-direction:column;font-weight:700;height:80px;justify-content:center;width:80px}.score-ring.excellent{background:#e6f4ea;border:5px solid #34a853;color:#137333}.score-ring.good{background:#e8f0fe;border:5px solid #4285f4;color:#1a73e8}.score-ring.needs-practice{background:#fce8e6;border:5px solid #ea4335;color:#c5221f}.score-number{font-size:1.5rem;line-height:1}.score-label{font-size:.7rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.evaluation-tip-box{flex:1 1;min-width:200px}.evaluation-tip-box h4{color:var(--slate-800);font-size:.95rem;font-weight:700;margin:0 0 .25rem}.evaluation-tip{color:var(--slate-600);font-size:.9rem;line-height:1.4;margin:0}.evaluation-detail-section{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem;padding-top:.75rem}.evaluation-detail-section strong{color:var(--slate-500);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.transcription-text{color:var(--slate-700);font-size:.95rem;font-style:italic;margin:0}.corrections-text{color:#c5221f;font-size:.95rem;line-height:1.4;margin:0}.mispronounced-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mispronounced-chip{background:#fce8e6;border:1px solid #fadbd8;border-radius:var(--radius-sm);color:#c5221f;font-size:.8rem;font-weight:600;padding:.25rem .6rem}.perfect-text{background:#e6f4ea;border:1px solid #c4e1a4;border-radius:var(--radius-md);color:#137333;font-weight:600;margin:0;padding:.75rem;text-align:center}.practice-modal-footer{background:var(--slate-50);border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.btn-close-footer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--slate-700);cursor:pointer;font-family:var(--font-main);font-weight:600;padding:.5rem 1.25rem;transition:all var(--transition-fast)}.btn-close-footer:hover{background:var(--slate-100);color:var(--slate-900)}.saved-stories-wrapper{animation:view-fade-in .25s ease-out;box-sizing:border-box;display:flex;flex-direction:column;gap:1.75rem;margin:0 auto;max-width:1400px;padding:1.5rem 2.5rem 3.5rem;position:relative;width:100%}@keyframes view-fade-in{0%{opacity:0}to{opacity:1}}.saved-stories-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.hero-text-block .hero-title{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .4rem}.hero-text-block .hero-subtitle{color:#64748b;font-size:.98rem;font-weight:450;margin:0}.create-story-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:999px;box-shadow:0 4px 14px #8b5cf659;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;gap:.5rem;padding:.65rem 1.4rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.create-story-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px)}.create-story-btn:active{transform:translateY(0)}.create-story-btn.pro-locked{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff26;box-shadow:0 4px 14px #0f172a40;color:#f8fafc;padding:.65rem 1.25rem}.create-story-btn.pro-locked:hover{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#a855f799;box-shadow:0 6px 20px #a855f740;transform:translateY(-2px)}.create-story-pro-tag{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;box-shadow:0 2px 6px #d9770666;color:#fff;display:inline-flex;font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:.15rem .45rem}.stories-controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.stories-search-box{flex:1 1;max-width:340px;min-width:240px;position:relative}.stories-search-box .search-icon-svg{align-items:center;color:#94a3b8;display:flex;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.stories-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 3px #00000008;color:#0f172a;font-size:.88rem;font-weight:500;padding:.55rem 2.2rem .55rem 2.4rem;transition:all .2s ease;width:100%}.stories-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f;outline:none}.clear-search-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{color:#475569}.filter-pills-group{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.filter-pill{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:600;padding:.45rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.filter-pill.active{background:#e0f2fe;border-color:#bae6fd;color:#0284c7;font-weight:700}.dropdowns-group{align-items:center;display:flex;gap:.5rem;margin-left:auto}.custom-select-wrapper{position:relative}.stories-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;font-size:.82rem;font-weight:600;padding:.45rem 2rem .45rem .95rem;transition:all .2s ease}.stories-select:hover{border-color:#cbd5e1;color:#1e293b}.stories-select:focus{border-color:#0284c7;outline:none}.stories-error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;color:#dc2626;font-size:.88rem;font-weight:600;padding:.85rem 1.25rem}.stories-loading-box{align-items:center;color:#64748b;display:flex;flex-direction:column;font-weight:500;gap:1rem;justify-content:center;padding:5rem 0}.stories-spinner{animation:spin .9s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:36px;width:36px}.stories-card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding-top:1rem}.story-figma-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000008;cursor:pointer;display:flex;flex-direction:column;overflow:visible;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.story-figma-card:hover{border-color:#cbd5e1;box-shadow:0 12px 28px #00000014;transform:translateY(-4px)}.card-cover-wrapper{background:#f1f5f9;border-radius:15px 15px 0 0;height:180px;overflow:hidden;position:relative;width:100%}.card-cover-img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.story-figma-card:hover .card-cover-img{transform:scale(1.04)}.card-parts-circle{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ad1;border:2px solid #fff;border-radius:999px;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;height:32px;justify-content:center;line-height:1;min-width:32px;padding:0 6px;position:absolute;right:1.25rem;top:0;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:10}.story-figma-card:hover .card-parts-circle{background:#0284c7;border-color:#fff;box-shadow:0 6px 16px #0284c780;transform:translateY(-50%) scale(1.1)}.card-refresh-image-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #ffffff40;border-radius:999px;bottom:.65rem;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;opacity:.85;padding:.3rem .65rem;position:absolute;right:.65rem;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:2}.story-figma-card:hover .card-refresh-image-btn{background:#0f172ae0;border-color:#fff6;opacity:1}.card-refresh-image-btn:hover:not(:disabled){background:#0284c7;border-color:#fff9;box-shadow:0 4px 14px #0284c766;transform:translateY(-1px) scale(1.03)}.card-refresh-image-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner-micro{animation:spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:11px;width:11px}.card-generating-overlay{align-items:center;animation:fadeInOverlay .25s ease forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172abf;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.6rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.pulse-spinner{border-color:#38bdf8 #ffffff40 #ffffff40;border-width:2.5px;height:22px;width:22px}.card-content-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.card-meta-row{align-items:center;display:flex;gap:.6rem;margin-bottom:.85rem}.level-badge{align-items:center;border-radius:999px;box-shadow:0 1px 2px #0000000a;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:.22rem .65rem;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.level-badge:hover{transform:translateY(-1px)}.level-badge.level-a1{background:#ecfdf5;border:1px solid #10b98140;color:#059669}.level-badge.level-a2{background:#ccfbf1;border:1px solid #14b8a640;color:#0f766e}.level-badge.level-b1{background:#e0f2fe;border:1px solid #0ea5e940;color:#0284c7}.level-badge.level-b2{background:#e0e7ff;border:1px solid #6366f140;color:#4338ca}.level-badge.level-c1{background:#f3e8ff;border:1px solid #a855f740;color:#7e22ce}.level-badge.level-c2{background:#ffe4e6;border:1px solid #f43f5e40;color:#be123c}.category-label{color:#64748b;font-size:.82rem;font-weight:600;margin-right:auto}.card-top-actions{align-items:center;display:flex;gap:.35rem}.icon-action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.icon-action-btn:hover{background:#f1f5f9;color:#334155}.icon-action-btn.bookmark-btn.active{color:#0284c7}.icon-action-btn.delete-btn:hover{background:#fef2f2;color:#dc2626}.card-story-title{color:#0f172a;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;line-height:1.35;margin:0 0 .4rem}.inline-title-edit-box{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.inline-edit-input{border:1px solid #0284c7;border-radius:6px;color:#0f172a;font-size:.95rem;font-weight:700;padding:.4rem .6rem;width:100%}.inline-edit-buttons{display:flex;gap:.4rem}.edit-confirm-btn{background:#0284c7;color:#fff}.edit-cancel-btn,.edit-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:700;padding:.25rem .6rem}.edit-cancel-btn{background:#e2e8f0;color:#475569}.card-story-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.88rem;line-height:1.5;margin:0 0 1.25rem;min-height:2.6rem;overflow:hidden;text-overflow:ellipsis}.card-stats-row{align-items:center;color:#64748b;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem;margin-top:auto}.card-progress-right-side{align-items:center;display:flex;gap:.5rem}.quick-toggle-status-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#475569;cursor:pointer;font-size:.68rem;font-weight:700;line-height:1.2;padding:.15rem .55rem;transition:all .2s ease}.quick-toggle-status-btn:hover{background:#f0fdf4;border-color:#10b981;color:#059669;transform:scale(1.03)}.quick-toggle-status-btn.completed{background:#10b9811f;border-color:#10b981;color:#059669}.quick-toggle-status-btn.completed:hover{background:#fef2f2;border-color:#f87171;color:#dc2626}.progress-status-badge{color:#0284c7;font-size:.76rem;font-weight:700}.progress-status-badge.completed{color:#10b981}.card-progress-track{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:1.25rem;position:relative;-webkit-user-select:none;user-select:none;width:100%}.card-progress-track.interactive{cursor:pointer;transition:height .15s ease,background-color .15s ease}.card-progress-track.interactive:hover{background:#cbd5e1;height:8px}.card-progress-bar{background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:999px;height:100%;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1)}.card-progress-bar.completed{background:linear-gradient(90deg,#34d399,#10b981)}.card-progress-thumb{background:#fff;border:2.5px solid #2563eb;border-radius:50%;box-shadow:0 1px 4px #0003;height:12px;pointer-events:none;position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);transition:transform .15s ease;width:12px}.card-progress-bar.completed .card-progress-thumb{border-color:#10b981}.card-progress-track.interactive:hover .card-progress-thumb{transform:translateY(-50%) scale(1)}.card-action-stack{display:flex;flex-direction:column;gap:.6rem}.btn-read-now{align-items:center;background:#2563eb;border:none;border-radius:999px;box-shadow:0 2px 6px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .2s ease;width:100%}.btn-read-now:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.btn-voice-practice{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#2563eb;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s ease;width:100%}.btn-voice-practice:hover{background:#f8fafc;border-color:#cbd5e1;color:#1d4ed8;transform:translateY(-1px)}.empty-stories-box{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;margin:2rem auto;max-width:480px;padding:4rem 2rem;text-align:center}.empty-icon-circle{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;height:64px;justify-content:center;margin-bottom:.5rem;width:64px}.empty-stories-box h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.empty-stories-box p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.empty-create-btn{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;margin-top:.5rem;padding:.6rem 1.4rem}.stories-shelf-footer{color:#94a3b8;font-size:.82rem;font-weight:500;padding:1.5rem 0 .5rem;text-align:center}.floating-chat-fab-wrapper{bottom:24px;bottom:var(--fab-inset,24px);position:fixed;right:24px;right:var(--fab-inset,24px);z-index:100}.floating-chat-fab{align-items:center;background:linear-gradient(135deg,#1a73e8,#a953ff);background:var(--ai-gradient,linear-gradient(135deg,#1a73e8 0,#a953ff 100%));border:none;border-radius:9999px;border-radius:var(--btn-radius,9999px);box-shadow:0 8px 24px #1a73e859;color:#fff;cursor:pointer;display:flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.6rem;line-height:140%;min-height:48px;min-height:var(--btn-height-comfortable,48px);padding:0 1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.floating-chat-fab:hover{box-shadow:0 12px 30px #1a73e873;transform:translateY(-2px) scale(1.02)}.floating-chat-fab:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.fab-sound-bars{align-items:center;display:flex;gap:2px;height:16px}.fab-bar{animation:fab-wave 1.2s ease-in-out infinite;background:#fff;border-radius:2px;width:3px}.fab-bar.bar-1{animation-delay:0s;height:10px}.fab-bar.bar-2{animation-delay:.2s;height:16px}.fab-bar.bar-3{animation-delay:.4s;height:12px}@keyframes fab-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.1)}}.story-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.story-modal-card{animation:modal-pop .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;gap:1.25rem;max-width:500px;padding:1.75rem;width:100%}@keyframes modal-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header-row{align-items:center;display:flex;justify-content:space-between}.modal-header-row h3{color:#0f172a;font-size:1.15rem;font-weight:800;margin:0}.modal-close-x{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem;line-height:1}.modal-close-x:hover{color:#0f172a}.modal-body-content{display:flex;flex-direction:column;gap:1rem}.prompt-meta-field .meta-label{color:#64748b;display:block;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.meta-tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.meta-topic-tag{background:#f1f5f9;border-radius:6px;color:#334155;font-size:.8rem;font-weight:600;padding:.25rem .6rem}.meta-pre-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:.85rem;margin:0;padding:.75rem;white-space:pre-wrap}.no-meta-text{color:#64748b;font-size:.88rem;margin:0}.modal-footer-actions{display:flex;justify-content:flex-end}.modal-close-btn{background:#f1f5f9;border-radius:999px;color:#475569;font-size:.85rem;font-weight:700;padding:.5rem 1.25rem}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}@media (max-width:1400px){.saved-stories-wrapper{gap:1.5rem;max-width:100%;padding:1.25rem 2.25rem 3.5rem}.stories-card-grid{gap:1.35rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1200px){.saved-stories-wrapper{gap:1.35rem;padding:1.25rem 2rem 3rem}.stories-controls-bar{gap:.75rem}.stories-search-box{flex:1 1 260px;max-width:320px}.stories-card-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}@media (max-width:1024px){.saved-stories-wrapper{gap:1.25rem;padding:1.25rem 1.75rem 3rem}.hero-text-block .hero-title{font-size:2rem}.stories-card-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dropdowns-group{margin-left:0}}@media (max-width:900px){.saved-stories-hero{align-items:stretch;flex-direction:column;gap:1rem}.hero-text-block .hero-title{font-size:1.75rem}.create-story-btn{align-self:flex-start}.stories-controls-bar{gap:.75rem}.stories-search-box{flex:1 1 100%;max-width:100%}.dropdowns-group{margin-left:auto}}@media (max-width:768px){.saved-stories-wrapper{gap:1.15rem;padding:1rem 1.25rem 3.5rem}.hero-text-block .hero-title{font-size:1.6rem;margin-bottom:.25rem}.hero-text-block .hero-subtitle{font-size:.92rem}.create-story-btn{justify-content:center;width:100%}.stories-controls-bar{align-items:stretch;flex-direction:column;gap:.75rem}.stories-search-box{max-width:100%;min-width:0;width:100%}.filter-pills-group{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.filter-pills-group::-webkit-scrollbar{display:none}.dropdowns-group{display:flex;gap:.5rem;justify-content:space-between;margin-left:0;width:100%}.custom-select-wrapper{flex:1 1}.stories-select{width:100%}.stories-card-grid{gap:1.25rem;grid-template-columns:1fr}.card-cover-wrapper{height:190px}}@media (max-width:480px){.saved-stories-wrapper{gap:1rem;padding:.85rem 1rem 3.5rem}.hero-text-block .hero-title{font-size:1.45rem}.card-content-body{padding:1rem}.card-story-title{font-size:1.05rem}.card-cover-wrapper{height:170px}.btn-read-now,.btn-voice-practice{font-size:.82rem;padding:.55rem .85rem}.story-modal-card{border-radius:16px;padding:1.25rem}.story-modal-backdrop{padding:1rem}}.auth-page{background-color:#fff;color:#0f172a;flex-direction:column;font-family:var(--font-main);min-height:100vh;overflow-x:hidden;position:relative}.auth-page,.auth-topbar{display:flex;justify-content:space-between;width:100%}.auth-topbar{align-items:center;background:#0000;box-sizing:border-box;padding:24px 48px}.auth-logo-brand{align-items:center;display:flex;gap:10px}.auth-logo-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.auth-logo-icon img{height:100%;object-fit:contain;width:100%}.auth-logo-text{color:#0f172a;font-size:23px;font-weight:700;letter-spacing:-.6px}.auth-topbar-action{align-items:center;display:flex;gap:14px}.auth-topbar-prompt{color:#64748b;font-size:13.5px;font-weight:400}.auth-btn-ghost-pill{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#1a73e8;cursor:pointer;font-size:13.5px;font-weight:600;outline:none;padding:8px 18px;transition:all .2s ease}.auth-btn-ghost-pill:hover{background:#f8fafc;border-color:#9ca3af;color:#1557b0}.auth-main-grid{grid-gap:72px;align-items:center;box-sizing:border-box;display:grid;flex:1 1;gap:72px;grid-template-columns:1.1fr 1fr;margin:0 auto;max-width:1220px;padding:10px 48px 40px;width:100%}.auth-hero-section{display:flex;flex-direction:column;justify-content:center;max-width:540px}.auth-hero-badge{align-items:center;background:#f5f3ff;border-radius:999px;color:#8b5cf6;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.9px;margin-bottom:22px;padding:5px 12px;text-transform:uppercase;width:fit-content}.auth-hero-headline{color:#0f172a;font-size:42px;font-weight:800;letter-spacing:-.9px;line-height:1.15;margin:0 0 18px}.auth-hero-subhead{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 32px;max-width:460px}.auth-orb-stage{align-items:center;display:flex;height:250px;justify-content:center;margin:0 auto 36px;position:relative;width:320px}.auth-orb-ripple{animation:ripplePulse 6s ease-in-out infinite alternate;border:1px solid #e2e8f0bf;border-radius:50%;pointer-events:none;position:absolute}.auth-orb-ripple.ring-1{height:200px;width:200px}.auth-orb-ripple.ring-2{animation-delay:1.5s;border-color:#e2e8f080;height:250px;width:250px}.auth-orb-ripple.ring-3{animation-delay:3s;border-color:#f1f5f9b3;height:300px;width:300px}@keyframes ripplePulse{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.auth-voice-orb{align-items:center;animation:orbFloat 5s ease-in-out infinite alternate;background:radial-gradient(circle at 35% 30%,#38bdf8 0,#2563eb 38%,#7c3aed 72%,#9333ea 100%);border-radius:50%;box-shadow:0 16px 40px #7c3aed52,0 4px 18px #2563eb40,inset 0 3px 8px #fff9,inset 0 -6px 12px #0f172a40;display:flex;height:140px;justify-content:center;position:relative;width:140px;z-index:2}@keyframes orbFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.015)}to{transform:translateY(0) scale(1)}}.auth-orb-highlight{background:radial-gradient(ellipse at center,#ffffffa6 0,#fff0 75%);border-radius:50%;height:28px;left:22px;pointer-events:none;position:absolute;top:15px;transform:rotate(-30deg);width:48px}.auth-orb-equalizer{align-items:center;display:flex;gap:4px;z-index:3}.eq-bar{animation:eqBounce 1.4s ease-in-out infinite alternate;background:#fff;border-radius:4px;width:3.5px}.eq-bar.bar-1{animation-delay:.1s;height:14px}.eq-bar.bar-2{animation-delay:.3s;height:26px}.eq-bar.bar-3{animation-delay:0s;height:34px}.eq-bar.bar-4{animation-delay:.4s;height:24px}.eq-bar.bar-5{animation-delay:.2s;height:12px}@keyframes eqBounce{0%{opacity:.75;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1.15)}}.auth-partner-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000005;box-sizing:border-box;padding:20px 24px;width:100%}.partner-card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.partner-card-icon{color:#8b5cf6;height:18px;width:18px}.partner-card-tag{color:#8b5cf6;font-size:13px;font-weight:600}.partner-card-quote{color:#1e293b;font-size:16.5px;font-weight:700;line-height:1.35;margin:0 0 10px}.partner-card-footer{color:#64748b;font-size:12.5px;font-weight:400}.auth-form-section{display:flex;justify-content:flex-end;width:100%}.auth-card{animation:cardFadeIn .35s ease;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 36px #0f172a0d;box-sizing:border-box;max-width:480px;padding:42px 36px;width:100%}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-card-header{margin-bottom:20px}.auth-card-title{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.6px;margin:0 0 6px}.auth-card-subtitle{color:#64748b;font-size:14px;margin:0}.auth-info-banner{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#1d4ed8;display:flex;font-size:13px;gap:10px;line-height:1.4;margin-bottom:18px;padding:10px 14px}.auth-info-banner svg{flex-shrink:0;height:18px;width:18px}.auth-google-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #00000005;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px 18px;transition:all .2s ease;width:100%}.auth-google-btn:hover{background:#f8fafc;border-color:#cbd5e1}.auth-google-icon{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider-line{background:#e2e8f0;flex:1 1;height:1px}.auth-divider-text{color:#94a3b8;font-size:12.5px;font-weight:400;padding:0 14px}.auth-form{gap:16px}.auth-field-group,.auth-form{display:flex;flex-direction:column}.auth-field-group{gap:6px}.auth-field-group label{color:#0f172a;font-size:13px;font-weight:600}.auth-input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;position:relative;transition:all .2s ease}.auth-input-wrapper:focus-within{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.auth-input-wrapper.has-error{border-color:#f87171!important;box-shadow:0 0 0 2px #ef44441f}.auth-input-icon{color:#94a3b8;height:17px;left:14px;pointer-events:none;position:absolute;width:17px}.auth-input-wrapper input{background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;outline:none;padding:12px 14px 12px 42px;width:100%}.auth-input-wrapper input::placeholder{color:#94a3b8}.auth-field-hint{color:#64748b;font-size:12px;margin-top:2px}.auth-error-text{color:#ef4444;font-size:12px;margin-top:2px}.auth-options-row{align-items:center;justify-content:space-between}.auth-options-row,.auth-terms-row{display:flex;font-size:13px;margin-top:-2px}.auth-terms-row{align-items:flex-start}.auth-checkbox-label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.auth-checkbox-label input[type=checkbox]{accent-color:#1a73e8;border-radius:4px;cursor:pointer;height:16px;width:16px}.checkbox-text{color:#475569;font-size:13px}.auth-forgot-link{color:#1a73e8;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-primary-btn{align-items:center;background:#1a73e8;border:none;border-radius:999px;box-shadow:0 4px 14px #1a73e838;color:#fff;cursor:pointer;display:flex;font-size:14.5px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:13px 20px;transition:all .2s ease;width:100%}.auth-primary-btn:hover:not(:disabled){background:#1557b0;box-shadow:0 6px 18px #1a73e852;transform:translateY(-1px)}.auth-primary-btn:active:not(:disabled){transform:translateY(0)}.auth-primary-btn:disabled{cursor:not-allowed;opacity:.65}.auth-btn-arrow{height:17px;width:17px}.auth-card-footer{color:#64748b;font-size:12.5px;margin-top:22px;text-align:center}.auth-page-footer{align-items:center;background:#0000;box-sizing:border-box;color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:24px 48px;width:100%}.auth-footer-copyright{font-weight:400}.auth-footer-links{display:flex;gap:20px}.auth-footer-links button{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:0;transition:color .2s ease}.auth-footer-links button:hover{color:#1e293b;text-decoration:underline}@media (max-width:1024px){.auth-main-grid{gap:48px;grid-template-columns:1fr;padding:10px 24px 40px}.auth-hero-section{align-items:center;max-width:100%;text-align:center}.auth-hero-subhead{max-width:100%}.auth-partner-card{max-width:480px}.auth-form-section{justify-content:center}.auth-page-footer,.auth-topbar{padding:20px 24px}}@media (max-width:640px){.auth-topbar{padding:16px 20px}.auth-topbar-action{gap:8px}.auth-topbar-prompt{display:none}.auth-main-grid{padding:10px 16px 30px}.auth-hero-headline{font-size:32px}.auth-orb-stage{height:200px;width:240px}.auth-orb-ripple.ring-3{display:none}.auth-card{border-radius:20px;padding:30px 20px}.auth-page-footer{flex-direction:column;gap:12px;padding:16px 20px}}.vocabulary-figma-container{box-sizing:border-box;color:#0f172a;font-family:var(--font-display);margin:0 auto;max-width:1320px;padding:1.5rem 2rem 3rem}.vocab-figma-header{margin-bottom:1.25rem}.vocab-page-title{color:#0f172a;font-size:1.45rem;font-weight:500;letter-spacing:-.3px;margin:0}.vocab-figma-hero{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;position:relative}.hero-text-block{flex:1 1 540px;max-width:620px}.hero-category-tag{color:#2563eb;display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.hero-heading{color:#0f172a;font-size:2.6rem;font-weight:800;letter-spacing:-.8px;line-height:1.15;margin:0 0 .5rem}.hero-subheading{color:#64748b;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.hero-action-block,.hero-illustration-block{align-items:center;display:flex}.hero-illustration-block{flex:1 1 auto;justify-content:flex-end;max-width:540px}.hero-characters-img{display:block;height:auto;max-width:500px;object-fit:contain;width:100%}@media (max-width:960px){.vocab-figma-hero{align-items:flex-start;flex-direction:column-reverse}.hero-illustration-block{justify-content:center;max-width:100%;width:100%}.hero-characters-img{max-width:380px}}.study-due-btn{align-items:center;background:#2563eb;border:none;border-radius:999px;box-shadow:0 4px 14px #2563eb47;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.5rem;letter-spacing:.2px;padding:.75rem 1.4rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.study-due-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 20px #2563eb61;transform:translateY(-1px)}.study-due-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-card-icon{flex-shrink:0}.vocab-figma-stats-grid{grid-gap:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #00000005;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:1.25rem 2rem}.figma-stat-card{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;padding:0;position:relative}.figma-stat-card:not(:last-child):after{background:#f1f5f9;content:"";height:80%;position:absolute;right:-.75rem;top:10%;width:1px}.stat-card-label{color:#64748b;font-size:.8rem;margin-bottom:.45rem}.stat-card-bottom{align-items:center;display:flex;gap:.65rem}.stat-card-number{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.6px;line-height:1;margin:0}.vocab-figma-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.toolbar-search-wrapper{align-items:center;display:flex;position:relative;width:320px}.toolbar-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-sizing:border-box;color:#0f172a;font-size:.86rem;height:42px;outline:none;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.toolbar-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.toolbar-search-input::placeholder{color:#94a3b8}.search-svg-icon{left:.95rem;pointer-events:none;position:absolute}.search-clear-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:4px;position:absolute;right:.75rem}.toolbar-filters-group{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.filter-select-wrapper{align-items:center;display:inline-flex;position:relative}.filter-pill-select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E") no-repeat right .85rem center;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:.82rem;font-weight:500;outline:none;padding:.55rem 2.2rem .55rem 1rem;transition:all .15s ease}.filter-pill-select:hover{background-color:#f8fafc;border-color:#cbd5e1}.calendar-filter-wrapper .filter-pill-select{padding-left:2rem}.calendar-svg-icon{left:.85rem;pointer-events:none;position:absolute}.filter-pill-btn{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:.82rem;font-weight:500;padding:.55rem 1.1rem;transition:all .15s ease}.filter-pill-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.filter-pill-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;font-weight:600}.add-new-word-pill{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;font-weight:600}.add-new-word-pill:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.vocab-figma-main-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr)}.word-bank-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;overflow:visible}.table-header-row{align-items:center;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:140px 1fr 100px 48px;padding:.85rem 1.25rem}.th-cell{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.table-body-container{display:flex;flex-direction:column}.table-data-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:grid;grid-template-columns:140px 1fr 100px 48px;padding:1rem 1.25rem;position:relative;transition:background-color .15s ease}.table-data-row:last-child{border-bottom:none}.table-data-row:hover{background-color:#f8fafc}.table-data-row.selected-row{background-color:#eff6ff!important;border-left:3px solid #2563eb}.td-cell.col-word{padding-right:.75rem}.word-primary-text{color:#0f172a;font-size:.95rem;font-weight:700}.selected-row .word-primary-text{color:#2563eb}.vocab-phrase-tag{background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed;font-size:.65rem;letter-spacing:.02em;margin-left:.45rem;padding:.1rem .45rem}.vocab-phrase-tag,.vocab-phrase-tag-large{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;text-transform:uppercase;vertical-align:middle}.vocab-phrase-tag-large{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 6px #6d28d940;color:#fff;font-size:.72rem;letter-spacing:.03em;margin-left:.6rem;padding:.2rem .65rem}.word-sub-meta{color:#64748b;font-size:.76rem;margin-top:3px}.td-cell.col-context{padding-right:1rem}.translation-primary-text{color:#0f172a;font-size:.88rem;font-weight:500}.context-secondary-text{color:#64748b;font-size:.82rem;margin-top:3px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-cell.col-status{align-items:center;display:flex}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:600;justify-content:center;letter-spacing:.2px;padding:.22rem .65rem}.status-pill.status-learning{background:#fef3c7;color:#b45309}.status-pill.status-new{background:#f1f5f9;color:#64748b}.status-pill.status-known{background:#dcfce7;color:#16a34a}.td-cell.col-actions{align-items:center;display:flex;justify-content:flex-end;position:relative}.row-more-menu-wrapper{position:relative}.row-more-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.row-more-btn:hover{background:#e2e8f0;color:#0f172a}.row-dropdown-popup{animation:appleMenuAppear .14s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);background:#fffffff0;border:1px solid #00000014;border-radius:12px;box-shadow:0 14px 34px #0000001f,0 2px 8px #0000000a;display:flex;flex-direction:column;min-width:195px;padding:5px;position:absolute;right:0;top:calc(100% + 4px);transform-origin:top right;z-index:100}@keyframes appleMenuAppear{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:7px;box-sizing:border-box;color:#1d1d1f;cursor:pointer;display:flex;font-family:inherit;font-size:.81rem;font-weight:450;justify-content:space-between;letter-spacing:-.15px;padding:6px 10px;text-align:left;transition:all .12s ease;-webkit-user-select:none;user-select:none;width:100%}.dropdown-item:hover{background:#0071e3;color:#fff}.dropdown-item:active{background:#005bb5;color:#fff}.dropdown-check{color:#0071e3;font-size:.85rem;font-weight:700;margin-left:8px}.dropdown-item:hover .dropdown-check{color:#fff}.dropdown-item.danger{color:#ff3b30}.dropdown-item.danger:hover{background:#ff3b30;color:#fff}.dropdown-divider{background:#00000012;height:1px;margin:4px}.dropdown-label{color:#86868b;font-size:.67rem;font-weight:600;letter-spacing:.4px;padding:4px 10px 2px;text-transform:uppercase}.table-empty-state{color:#64748b;font-size:.92rem;padding:3rem 1.5rem;text-align:center}.reset-filters-btn{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:.75rem;padding:.45rem 1rem}.table-footer-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;padding:.85rem 1.25rem}.pagination-info{color:#64748b;flex-shrink:0;font-size:.82rem;white-space:nowrap}.pagination-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:.3rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn.page-num-btn.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 1px 3px #2563eb26;color:#2563eb}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.vocab-figma-right-column{display:flex;flex-direction:column;gap:1.25rem}.active-word-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #00000008;padding:1.5rem}.empty-active-card{color:#94a3b8;font-size:.9rem;padding:3rem 1.5rem;text-align:center}.active-word-header{align-items:flex-start;display:flex;justify-content:space-between}.active-word-title{color:#0f172a;font-size:1.85rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0}.active-word-phonetics{color:#64748b;font-size:.82rem;margin-top:4px}.audio-speaker-btn{align-items:center;background:#e0f2fe;border:none;border-radius:50%;color:#0284c7;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:42px}.audio-speaker-btn:hover{background:#bae6fd;transform:scale(1.06)}.audio-speaker-btn.playing{animation:pulse-audio 1s infinite alternate}@keyframes pulse-audio{0%{transform:scale(1)}to{background:#7dd3fc;transform:scale(1.1)}}.active-word-meaning-block{border-top:1px solid #f1f5f9;margin:1.25rem 0 1rem;padding-top:1rem}.active-word-translation{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.active-word-definition{color:#475569;font-size:.88rem;line-height:1.45;margin:0}.active-word-quote-block{color:#1e293b;font-size:.88rem;font-style:normal;line-height:1.5;margin:1.1rem 0}.active-word-tags-row{margin-bottom:1.25rem}.story-source-pill{background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:.78rem;font-weight:500;padding:.35rem .85rem}.active-word-actions-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:1rem}.edit-word-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.45rem;padding:.5rem 1.1rem;transition:all .15s ease}.edit-word-btn:hover{background:#f8fafc;border-color:#cbd5e1}.delete-word-btn{align-items:center;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;color:#e11d48;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.delete-word-btn:hover{background:#ffe4e6;transform:scale(1.04)}.review-widget-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #00000008;padding:1.5rem}.review-widget-header{align-items:center;display:flex;gap:.55rem}.review-widget-icon{align-items:center;display:flex;justify-content:center}.review-widget-title{color:#0f172a;font-size:1.02rem;font-weight:700;margin:0}.review-widget-desc{color:#64748b;font-size:.82rem;line-height:1.45;margin:.6rem 0 1rem}.review-goal-progress{margin-bottom:1.25rem}.goal-label{color:#64748b;font-size:.78rem;font-weight:500;margin-bottom:.45rem}.goal-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.goal-fill{background:#f59e0b;border-radius:999px;height:100%;transition:width .3s ease}.open-flashcards-btn{background:#2563eb;border:none;border-radius:999px;box-shadow:0 2px 8px #2563eb38;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.open-flashcards-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb52;transform:translateY(-1px)}.open-flashcards-btn:disabled{cursor:not-allowed;opacity:.5}.modal-backdrop-figma{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-card-figma{animation:modal-appear .2s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:480px;overflow:hidden;width:100%}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header-figma{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header-figma h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.modal-close-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem}.modal-body-figma{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.form-group-figma{display:flex;flex-direction:column;gap:.35rem}.form-group-figma label{color:#475569;font-size:.8rem;font-weight:600}.form-group-figma input,.form-group-figma select{border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:.88rem;height:40px;outline:none;padding:0 .85rem;transition:border-color .15s}.form-group-figma input:focus,.form-group-figma select:focus{border-color:#2563eb}.input-with-action{display:flex;gap:.5rem}.input-with-action input{flex:1 1}.auto-translate-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#2563eb;cursor:pointer;font-size:.8rem;font-weight:600;padding:0 .85rem;white-space:nowrap}.form-row-2col{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.modal-error-text{color:#e11d48;font-size:.82rem;margin:0}.modal-actions-figma{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel{background:#f1f5f9;color:#475569;padding:.55rem 1.1rem}.btn-cancel,.btn-submit{border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600}.btn-submit{background:#2563eb;box-shadow:0 2px 6px #2563eb40;color:#fff;padding:.55rem 1.3rem}.spinner-mini{animation:spin .6s linear infinite;border:2px solid #0000001a;border-left-color:#2563eb;border-radius:50%;height:14px;width:14px}@media (max-width:1024px){.vocab-figma-main-layout{grid-template-columns:1fr}.vocab-figma-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.vocabulary-figma-container{padding:1rem 1rem 2rem}.hero-heading{font-size:1.85rem}.vocab-figma-stats-grid{grid-template-columns:1fr}.toolbar-search-wrapper{width:100%}.table-data-row,.table-header-row{grid-template-columns:110px 1fr 80px 36px;padding:.75rem .85rem}}.vocabulary-drawer-trigger{align-items:center;background:var(--accent);border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;box-shadow:var(--shadow-md);color:var(--gray-900);cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.85rem .6rem;position:fixed;right:0;top:calc(50% - 85px);transform:translateY(-50%);transition:all var(--transition-fast);z-index:991}.vocabulary-drawer-trigger:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);padding-right:.85rem}.vocabulary-drawer-trigger .trigger-icon{align-items:center;display:flex;justify-content:center}.vocabulary-drawer-trigger .trigger-badge{background:var(--gray-900);border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;color:var(--gray-0);font-size:var(--text-label-sm);font-weight:700;min-width:1.5rem;padding:.15rem .4rem;text-align:center}.vocabulary-drawer-trigger .trigger-label{color:var(--gray-900);font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.05em;margin-top:.2rem;text-orientation:mixed;text-transform:uppercase;writing-mode:vertical-rl}.vocabulary-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000026;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity var(--transition-soft);width:100vw;z-index:1000}.vocabulary-drawer-overlay.open{opacity:1;pointer-events:auto}.vocabulary-drawer-panel{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);color:var(--gray-900);display:flex;flex-direction:column;font-family:var(--font-main);height:100vh;position:fixed;right:-420px;top:0;transition:right var(--transition-soft);width:min(420px,100vw);z-index:1001}.vocabulary-drawer-panel.open{right:0}.drawer-header{background:var(--gray-50);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.drawer-title-row{align-items:center;display:flex;justify-content:space-between}.drawer-title-row h2{color:var(--gray-900);font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:700;margin:0}.drawer-close-btn{background:#0000;border-radius:var(--radius-full);color:var(--gray-500);padding:.25rem;transition:all var(--transition-fast)}.drawer-close-btn:hover{background:var(--gray-200);color:var(--gray-900)}.drawer-quick-actions{display:flex;gap:.5rem}.drawer-action-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:var(--text-label-md);font-weight:500;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:all var(--transition-fast)}.drawer-action-btn:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.drawer-action-btn:disabled{cursor:not-allowed;opacity:.5}.drawer-action-btn.accent-action{background:var(--accent-light);border-color:var(--accent);color:var(--gray-900);font-weight:600}.drawer-action-btn.accent-action:hover:not(:disabled){background:var(--accent)}.drawer-filter-bar{background:var(--surface);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.5rem}.drawer-search-wrapper{position:relative;width:100%}.drawer-search-input{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-900);font-size:var(--text-body-md);outline:none;padding:.5rem 2rem .5rem .75rem;transition:all var(--transition-fast);width:100%}.drawer-search-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-mid)}.drawer-search-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:.15rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.drawer-search-clear:hover{background:var(--gray-200);color:var(--gray-900)}.drawer-type-tabs{background:var(--gray-100);border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.2rem}.drawer-type-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;flex:1 1;font-size:var(--text-label-sm);font-weight:500;padding:.35rem;text-align:center;transition:all var(--transition-fast)}.drawer-type-tab.active{background:var(--surface);box-shadow:0 1px 3px #0000001a;color:var(--gray-900);font-weight:600}.drawer-content{flex:1 1;gap:.75rem;overflow-y:auto;padding:1rem 1.5rem}.drawer-card,.drawer-content{display:flex;flex-direction:column}.drawer-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;gap:.5rem;padding:.85rem 1rem;position:relative;transition:all var(--transition-fast)}.drawer-card:hover{background:var(--gray-50);border-color:var(--border);box-shadow:var(--shadow-premium)}.drawer-card.expanded{background:var(--surface);border-color:var(--accent);box-shadow:var(--shadow-sm)}.drawer-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.drawer-card-text{display:flex;flex-direction:column;gap:.15rem}.drawer-word-original{color:var(--gray-900);font-size:var(--text-title-sm);font-weight:700;line-height:var(--lh-title)}.drawer-word-translated{color:var(--gray-500);font-size:var(--text-body-md)}.drawer-card-header-actions{align-items:center;display:flex;gap:.25rem}.drawer-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:all var(--transition-fast)}.drawer-icon-btn:hover{background:var(--gray-200);color:var(--gray-900)}.drawer-icon-btn.delete-btn:hover{background:#fce8e6;color:#c5221f}.drawer-icon-btn.playing{animation:pulse-active 1.2s infinite;color:var(--accent-hover)}.drawer-card-details{animation:slide-down .2s ease-out;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;font-size:var(--text-body-sm);gap:.6rem;padding-top:.75rem}.drawer-detail-section{display:flex;flex-direction:column;gap:.15rem}.drawer-detail-label{color:var(--gray-500);font-size:var(--text-label-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.drawer-context-text{color:var(--gray-700);font-style:italic;line-height:var(--lh-body)}.drawer-mnemonic-wrapper{background:var(--accent-light);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--gray-900);padding:.5rem .75rem;position:relative}.drawer-mnemonic-btn{background:#0000;border:1px dashed var(--accent-hover);border-radius:var(--radius-sm);color:var(--accent-hover);cursor:pointer;font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:600;padding:.35rem .5rem;text-align:center;transition:all var(--transition-fast)}.drawer-mnemonic-btn:hover{background:var(--accent);border-style:solid;color:var(--gray-900)}.drawer-quiz-wrapper{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.5rem;padding:.75rem}.drawer-quiz-question{color:var(--gray-900);font-size:var(--text-body-sm);font-weight:600;margin:0 0 .5rem}.drawer-quiz-options{display:flex;flex-direction:column;gap:.4rem}.drawer-quiz-option{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gray-900);cursor:pointer;display:flex;font-size:var(--text-body-xs);justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:all var(--transition-fast);width:100%}.drawer-quiz-option:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.drawer-quiz-option.correct{background:#d4edda!important;border-color:#c3e6cb!important;color:#155724!important;font-weight:600}.drawer-quiz-option.incorrect{background:#f8d7da!important;border-color:#f5c6cb!important;color:#721c24!important}.drawer-quiz-option.disabled{cursor:default;opacity:.65}.drawer-quiz-reset-btn{background:#0000;border:none;color:var(--accent-hover);cursor:pointer;font-size:var(--text-label-sm);font-weight:600;margin-top:.5rem;padding:.2rem 0}.drawer-quiz-reset-btn:hover{text-decoration:underline}.drawer-details-actions{display:flex;gap:.4rem;margin-top:.25rem}.drawer-details-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-label-sm);font-weight:600;gap:.3rem;justify-content:center;padding:.4rem;transition:all var(--transition-fast)}.drawer-details-btn:hover{background:var(--gray-100);border-color:var(--gray-500);color:var(--gray-900)}.drawer-details-btn.practice-btn{background:var(--accent-light);border-color:var(--accent);color:var(--gray-900)}.drawer-details-btn.practice-btn:hover{background:var(--accent)}.drawer-empty{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1.5rem;text-align:center}.drawer-empty-icon{color:var(--gray-300)}.drawer-empty-text{color:var(--gray-900);font-size:var(--text-title-sm);font-weight:600}.drawer-empty-hint{color:var(--gray-500);font-size:var(--text-body-sm);line-height:var(--lh-body)}@keyframes pulse-active{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.exercises-tabs{border-bottom:1px solid var(--border);display:flex;gap:.35rem;margin-bottom:.75rem;overflow-x:auto;padding-bottom:.25rem}.exercise-tab-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;font-family:var(--font-display);font-size:.7rem;font-weight:600;padding:.3rem .45rem;transition:all var(--transition-fast);white-space:nowrap}.exercise-tab-btn:hover{background:var(--gray-100);color:var(--gray-900)}.exercise-tab-btn.active{background:var(--accent-light);border:1px solid var(--accent);color:var(--accent-hover)}.extra-exercise-container{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.exercise-item{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.35rem;padding:.5rem .6rem}.exercise-sentence,.exercise-sentence-en-blank{color:var(--gray-800);font-size:var(--text-body-xs);font-weight:500}.exercise-sentence-en-blank{align-items:center;display:flex;flex-wrap:wrap;gap:.2rem}.exercise-input-wrapper{align-items:center;display:flex;gap:.4rem}.exercise-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gray-900);flex:1 1;font-size:var(--text-body-xs);outline:none;padding:.25rem .45rem;transition:border-color var(--transition-fast)}.exercise-input:focus{border-color:var(--accent)}.exercise-input.correct{background-color:#f4fff6;border-color:#28a745}.exercise-input.incorrect{background-color:#fff5f6;border-color:#dc3545}.exercise-input-blank{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gray-900);display:inline-block;font-size:var(--text-body-xs);outline:none;padding:.1rem .3rem;text-align:center;transition:border-color var(--transition-fast);width:80px}.exercise-input-blank:focus{border-color:var(--accent)}.exercise-input-blank.correct{background-color:#f4fff6;border-color:#28a745;font-weight:600}.exercise-input-blank.incorrect{background-color:#fff5f6;border-color:#dc3545}.exercise-check-btn{background:var(--gray-900);border:none;border-radius:var(--radius-sm);color:var(--gray-0);cursor:pointer;font-size:var(--text-label-xs);font-weight:600;padding:.25rem .6rem;transition:background var(--transition-fast)}.exercise-check-btn:hover{background:var(--accent-hover);color:var(--gray-900)}.exercise-feedback{font-size:var(--text-body-xs);font-weight:500;margin-top:.1rem}.exercise-feedback.correct{color:#28a745}.exercise-feedback.acceptable{color:#d97706}.exercise-feedback.incorrect{color:#dc3545}.exercise-input.acceptable-input{background-color:#fffbeb;border-color:#d97706}.translator-drawer-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px 0 0 12px;border-right:none;box-shadow:0 4px 14px #00000014;color:#2563eb;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.85rem .6rem;position:fixed;right:0;top:calc(50% + 85px);transform:translateY(-50%);transition:all .2s ease;z-index:990}.translator-drawer-trigger.hidden{right:-100px}.translator-drawer-trigger:hover{background:#f8fafc;box-shadow:0 6px 18px #0000001f;padding-right:.85rem}.translator-drawer-trigger .trigger-icon{align-items:center;display:flex;justify-content:center}.translator-drawer-trigger .trigger-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-top:.2rem;text-orientation:mixed;text-transform:uppercase;writing-mode:vertical-rl}.translator-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a40;height:100vh;left:0;position:fixed;top:0;transition:opacity .25s ease;width:100vw;z-index:1000}.translator-drawer-container{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 28px #00000017;display:flex;flex-direction:column;font-family:inherit;height:100vh;max-width:100vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:440px;z-index:1001}.translator-drawer-container.open{transform:translateX(0)}.instant-translator-content{display:flex;flex-direction:column;padding:2rem 1.75rem 2.5rem}.instant-translator-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.instant-translator-title-group{display:flex;flex-direction:column}.instant-translator-title{color:#0f172a;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .35rem}.instant-translator-subtitle{color:#64748b;font-size:.88rem;line-height:1.4;margin:0}.instant-translator-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;margin-top:-4px;padding:6px;transition:all .15s ease}.instant-translator-close-btn:hover{background:#f1f5f9;color:#0f172a}.instant-translator-lang-bar{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1.75rem}.lang-select-wrapper{flex:1 1;position:relative}.lang-pill-select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:.86rem;font-weight:500;outline:none;padding:.45rem 1rem;text-align:center;text-align-last:center;transition:all .15s ease;width:100%}.lang-pill-select.active{background:#eff6ff;border:1.5px solid #2563eb;color:#2563eb;font-weight:600}.lang-pill-select:hover{background:#f8fafc;border-color:#cbd5e1}.lang-swap-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.lang-swap-btn:hover{background:#fff;border-color:#2563eb;color:#2563eb;transform:rotate(180deg)}.translator-card-section{margin-bottom:1.25rem}.translator-card-label{color:#475569;display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.translator-card-label.translation-label{color:#0284c7}.translator-white-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;justify-content:space-between;min-height:105px;padding:1.2rem 1.35rem;transition:border-color .15s ease}.translator-white-card:hover{border-color:#cbd5e1}.sentence-text{color:#1e293b;font-size:.98rem;line-height:1.55;margin:0 0 1rem}.translation-bold-text{color:#0f172a;font-size:1.15rem;font-weight:700;line-height:1.45;margin:0 0 1rem}.translation-loading-placeholder{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.6rem;margin:0 0 1rem}.translation-mini-spinner{animation:transSpin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:16px;width:16px}@keyframes transSpin{to{transform:rotate(1turn)}}.card-actions-row{align-items:center;display:flex;gap:.65rem}.card-action-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.card-action-icon-btn:hover{background:#f1f5f9;color:#1e293b}.card-action-icon-btn.playing{color:#2563eb}.custom-sentence-input-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.custom-sentence-textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.95rem;outline:none;padding:.65rem .85rem;resize:vertical;transition:border-color .15s ease;width:100%}.custom-sentence-textarea:focus{background:#fff;border-color:#2563eb}.custom-sentence-input-actions{display:flex;justify-content:flex-end}.custom-sentence-submit-btn{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.4rem 1rem;transition:background-color .15s ease}.custom-sentence-submit-btn:hover{background:#1d4ed8}.translator-context-section{background:#faf5ff;border:1px solid #f3e8ff;border-radius:14px;margin-bottom:1.75rem;margin-top:.4rem;padding:.85rem 1rem}.ai-assistant-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.45rem}.ai-assisted-badge{align-items:center;background:#f3e8ff;border-radius:999px;color:#9333ea;display:inline-flex;font-size:.74rem;font-weight:600;gap:.35rem;padding:.2rem .65rem}.ai-badge-dot{animation:aiPulse 2s infinite;color:#10b981;font-size:.7rem}@keyframes aiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ai-toggle-btn{background:#0000;border:none;border-radius:4px;color:#9333ea;cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 6px}.ai-toggle-btn:hover{background:#ede9fe}.ai-loading-indicator{align-items:center;color:#9333ea;display:flex;font-size:.78rem;gap:.5rem;margin-bottom:.45rem}.ai-mini-pulse{animation:aiPulse 1s infinite;background:#9333ea;border-radius:50%;height:8px;width:8px}.context-note-text{color:#475569;font-size:.82rem;line-height:1.5;margin:0 0 .65rem}.ai-interactive-panel{border-top:1px solid #f3e8ff;display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem;padding-top:.65rem}.ai-prompt-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ai-prompt-chip{background:#fff;border:1px solid #e9d5ff;border-radius:999px;color:#7e22ce;cursor:pointer;font-size:.73rem;font-weight:500;padding:.25rem .6rem;transition:all .15s ease}.ai-prompt-chip:hover{background:#f5f3ff;border-color:#c084fc}.ai-chat-thread{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.4rem;max-height:140px;overflow-y:auto}.ai-chat-bubble{border-radius:8px;font-size:.78rem;line-height:1.45;padding:.4rem .65rem}.ai-chat-bubble.user{align-self:flex-end;background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-weight:500}.ai-chat-bubble.assistant{align-self:flex-start;background:#ede9fe;color:#4c1d95}.ai-chat-label{font-weight:700;margin-right:.3rem}.ai-ask-input-box{align-items:center;background:#fff;border:1px solid #e9d5ff;border-radius:999px;display:flex;padding:.25rem .6rem}.ai-ask-input-box input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.78rem;outline:none}.ai-ask-input-box input::placeholder{color:#a855f7;opacity:.6}.ai-ask-submit-btn{align-items:center;background:#9333ea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:22px;justify-content:center;transition:background-color .15s ease;width:22px}.ai-ask-submit-btn:disabled{background:#d8b4fe;cursor:not-allowed}.keep-phrase-section{display:flex;flex-direction:column;margin-top:.25rem}.keep-phrase-heading{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0 0 .35rem}.keep-phrase-subtitle{color:#475569;font-size:.9rem;font-weight:400;margin:0 0 1.25rem}.save-phrase-btn{align-items:center;background:#1a73e8;border:none;border-radius:999px;box-shadow:0 2px 10px #1a73e847;color:#fff;cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.55rem;height:46px;justify-content:center;margin-bottom:.75rem;transition:all .15s ease;width:100%}.save-phrase-btn:hover{background:#1557b0;box-shadow:0 4px 14px #1a73e85c;transform:translateY(-1px)}.save-phrase-btn.saved{background:#10b981;box-shadow:0 2px 10px #10b98147}.translate-another-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#1a73e8;cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.55rem;height:46px;justify-content:center;transition:all .15s ease;width:100%}.translate-another-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:640px){.translator-drawer-container{width:100vw}.instant-translator-content{padding:1.5rem 1.25rem 2rem}}.mediabuddy-container{animation:fadeIn .35s ease-out;box-sizing:border-box;color:#0f172a;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1440px;padding:1.75rem 2.25rem 3.5rem;position:relative;width:100%}.mediabuddy-header-section{display:flex;flex-direction:column;gap:1.25rem}.mediabuddy-title-row{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.mediabuddy-title-col{display:flex;flex-direction:column;gap:.35rem}.mediabuddy-main-title{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0}.mediabuddy-main-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0}.btn-add-media{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;border-radius:var(--btn-radius,9999px);box-shadow:0 1px 3px #0000000d;color:#0f172a;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.5rem;line-height:140%;min-height:44px;min-height:var(--btn-height-standard,44px);padding:0 1.25rem;transition:all .2s ease}.btn-add-media:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-add-media:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.btn-add-media svg{color:#2563eb}.mediabuddy-toolbar-row{align-items:center;display:flex;flex-wrap:nowrap;gap:.65rem}.toolbar-pill-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;border-radius:var(--btn-radius,9999px);color:#334155;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.45rem;line-height:140%;min-height:44px;min-height:var(--btn-height-standard,44px);padding:0 1.15rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.toolbar-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow-sm);color:#0f172a;transform:translateY(-2px)}.toolbar-pill-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.toolbar-pill-btn.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 4px #2563eb1f;color:#2563eb}.chevron-indicator{transition:transform .3s ease}.chevron-indicator.rotate{transform:rotate(180deg)}.toolbar-input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #00000008;display:flex;flex:1 1;gap:.6rem;min-width:260px;padding:.5rem 1.15rem;transition:all .2s ease}.toolbar-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.input-link-icon{color:#94a3b8;flex-shrink:0}.toolbar-input{background:#0000;border:none;color:#0f172a;font-size:.9rem;outline:none;width:100%}.toolbar-input::placeholder{color:#94a3b8}.toolbar-analyse-btn{align-items:center;background:linear-gradient(135deg,#1a73e8,#a953ff);background:var(--ai-gradient,linear-gradient(135deg,#1a73e8,#a953ff));border:none;border-radius:9999px;border-radius:var(--btn-radius,9999px);box-shadow:0 4px 12px #7c3aed47;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-main);font-size:13px;font-size:var(--text-button,13px);font-weight:600;gap:.5rem;line-height:140%;min-height:44px;min-height:var(--btn-height-standard,44px);padding:0 1.45rem;transition:all .2s ease;white-space:nowrap}.toolbar-analyse-btn:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.94;transform:translateY(-2px)}.toolbar-analyse-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.toolbar-analyse-btn:disabled{cursor:not-allowed;opacity:.6}.media-clips-drawer{background:#fff;border:1px solid #0000;border-radius:20px;box-shadow:none;margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s ease,margin .35s ease,padding .35s ease}.media-clips-drawer.open{border-color:#e2e8f0;box-shadow:0 10px 30px #0000000d;margin-bottom:1.75rem;max-height:720px;opacity:1;overflow-y:auto}.media-clips-drawer-inner{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem}.drawer-header-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:.85rem}.drawer-header-left{align-items:baseline;display:flex;gap:.85rem}.drawer-title{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0}.drawer-subtitle{color:#64748b;font-size:.85rem}.drawer-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.drawer-close-btn:hover{background:#e2e8f0;color:#0f172a}.media-selector-row{display:flex;flex-direction:column;gap:.75rem}.media-selector-row-header{align-items:center;display:flex;justify-content:space-between}.media-selector-row-title{color:#334155;font-size:.95rem;font-weight:700}.media-selector-sort-controls{align-items:center;display:flex;gap:.35rem}.sort-label{color:#94a3b8;font-size:.75rem;margin-right:.25rem}.sort-toggle-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;font-size:.75rem;padding:.2rem .65rem;transition:all .15s ease}.sort-toggle-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;font-weight:600}.media-selector-scroll-wrapper{align-items:center;display:flex;position:relative}.media-selector-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem .75rem;scroll-behavior:smooth;width:100%}.media-selector-scroll::-webkit-scrollbar{height:5px}.media-selector-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.media-selector-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.scroll-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#334155;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:32px;z-index:5}.scroll-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.scroll-btn.left{left:-14px}.scroll-btn.right{right:-14px}.video-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex:0 0 210px;flex-direction:column;overflow:hidden;transition:all .2s ease}.video-tile:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.video-tile.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.video-tile-thumbnail-wrapper{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video-tile-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-tile:hover .video-tile-thumbnail{transform:scale(1.05)}.video-tile-active-badge{background:#2563eb;border-radius:999px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.68rem;font-weight:700;left:6px;padding:.15rem .5rem;position:absolute;top:6px}.video-tile-delete-btn{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease;width:22px}.video-tile:hover .video-tile-delete-btn{opacity:1}.video-tile-delete-btn:hover{background:#ef4444}.video-tile-progress-bar-wrapper{background:#0f172a80;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%;z-index:4}.video-tile-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 6px #2563ebb3;height:100%}.video-tile-info{padding:.6rem .75rem}.video-tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.35;margin:0;overflow:hidden}.media-selector-empty-text{color:#64748b;font-size:.85rem;font-style:italic;padding:.5rem 0}.curated-suggestions-section{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.85rem;padding-top:1rem}.suggestions-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.suggestions-title{color:#334155;font-size:.95rem;font-weight:700;margin:0}.suggestions-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.82rem;outline:none;padding:.4rem .85rem}.suggestions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.suggestion-item-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.85rem;padding:.65rem}.suggestion-thumbnail-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;flex-shrink:0;overflow:hidden;width:100px}.suggestion-thumbnail{height:100%;object-fit:cover;width:100%}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.suggestion-video-title{color:#0f172a;font-size:.8rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-video-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.72rem;line-height:1.3;margin:0;overflow:hidden}.suggestion-load-btn{align-self:flex-start;background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem;transition:background .15s ease}.suggestion-load-btn:hover{background:#1d4ed8}.media-workspace-grid{grid-gap:1.75rem;align-items:start;display:grid;gap:1.75rem;grid-template-columns:1.25fr 1fr}@media (max-width:1100px){.media-workspace-grid{grid-template-columns:1fr}}.media-left-column,.media-right-column{display:flex;flex-direction:column;gap:1.5rem}.video-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:column;overflow:hidden}.video-player-frame-wrapper{aspect-ratio:16/9;background:#000;position:relative;width:100%}.youtube-iframe{border:0;display:block;height:100%;width:100%}.video-level-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2563ebeb;border-radius:999px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:700;left:1rem;padding:.3rem .75rem;pointer-events:none;position:absolute;top:1rem;z-index:10}.video-custom-controls-bar{align-items:center;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:.85rem;padding:.7rem 1.15rem}.control-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:all .15s ease}.control-icon-btn:hover{background:#f1f5f9;color:#0f172a}.control-icon-btn.active,.play-pause-btn{color:#2563eb}.video-time-display{color:#64748b;font-family:var(--font-mono);font-size:.82rem;font-weight:500;white-space:nowrap}.video-progress-slider-wrap{background:#e2e8f0;border-radius:999px;cursor:pointer;flex:1 1;height:6px;overflow:visible;position:relative;touch-action:none;transition:height .15s ease;-webkit-user-select:none;user-select:none}.video-progress-slider-wrap:hover{height:8px}.video-progress-slider-filled{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;height:100%;position:relative;transition:width .08s linear}.video-progress-slider-thumb{background:#fff;border:3px solid #2563eb;border-radius:50%;box-shadow:0 1px 4px #2563eb73;height:14px;pointer-events:none;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:transform .15s ease,box-shadow .15s ease;width:14px}.video-progress-slider-wrap:hover .video-progress-slider-thumb{box-shadow:0 2px 8px #2563eb99;transform:translateY(-50%) scale(1.25)}.speed-pill-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;font-size:.75rem;font-weight:600;padding:.15rem .55rem;transition:all .15s ease}.speed-pill-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.lesson-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.lesson-title-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.lesson-video-title{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.25;margin:0}.lesson-badge{background:#f1f5f9;border-radius:999px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .7rem;white-space:nowrap}.lesson-description{color:#475569;font-size:.92rem;line-height:1.5;margin:0}.lesson-meta-pills{display:flex;flex-wrap:wrap;gap:.5rem}.lesson-meta-pill{border-radius:999px;font-size:.78rem;font-weight:600;padding:.25rem .75rem}.duration-pill{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.words-pill{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.ai-pill{background:#ede9fe;border:1px solid #ddd6fe;color:#6d28d9}.lesson-divider{background:#f1f5f9;height:1px;margin:.25rem 0}.active-lesson-section{display:flex;flex-direction:column;gap:.85rem}.active-lesson-heading{color:#0f172a;font-size:.95rem;font-weight:700;margin:0}.active-lesson-buttons{display:flex;flex-wrap:wrap;gap:.65rem}.lesson-act-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.45rem;padding:.55rem 1.1rem;transition:all .2s ease}.lesson-act-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.lesson-act-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.voice-ai-btn{background:#6366f1;border-color:#0000;box-shadow:0 2px 8px #6366f140;color:#fff}.voice-ai-btn:hover{background:#4f46e5;color:#fff;transform:translateY(-1px)}.phrases-expand-box,.summary-expand-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:.5rem;padding:1.1rem 1.25rem}.summary-box-title{color:#1e293b;font-size:.88rem;font-weight:700;margin:0 0 .5rem}.summary-box-text{color:#475569;font-size:.88rem;line-height:1.5;margin:0 0 .5rem}.summary-bullets{color:#475569;font-size:.85rem;line-height:1.5;margin:0;padding-left:1.25rem}.active-phrase-en{color:#0f172a;font-size:.95rem;font-weight:600;margin:0 0 .35rem}.active-phrase-pl{color:#2563eb;font-size:.9rem;font-style:italic;margin:0 0 .75rem}.btn-save-inline{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:.35rem .9rem}.btn-save-inline:disabled{background:#10b981;cursor:default}.empty-hint-text{color:#64748b;font-size:.85rem;font-style:italic;margin:0}.words-keeping-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.words-keeping-title{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.words-keeping-pills{display:flex;flex-wrap:wrap;gap:.5rem}.word-keeping-pill{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:600;padding:.35rem .95rem;transition:all .15s ease}.word-keeping-pill:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.word-keeping-pill.active{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40;color:#fff}.words-keeping-hint{color:#64748b;font-size:.85rem;margin:0}.word-translate-result{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.word-header-row{align-items:center;display:flex;justify-content:space-between}.original-word{color:#0f172a;font-size:1.1rem;font-weight:700}.word-details-btn{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:.8rem;font-weight:300;padding:.2rem .4rem}.word-details-btn:hover{text-decoration:underline}.translated-text{color:#2563eb;font-size:1.05rem;font-weight:600;margin:0}.translated-sentence-text{color:#64748b;font-size:.85rem;font-style:italic;margin:0}.btn-save-vocabulary{align-self:flex-start;background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:.35rem;padding:.45rem 1.15rem;transition:all .15s ease}.btn-save-vocabulary.saved{background:#10b981;cursor:default}.media-detected-chunk-box{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1.5px solid #d8b4fe;border-radius:12px;box-shadow:0 4px 14px -2px #9333ea1f;display:flex;flex-direction:column;gap:.45rem;margin-bottom:.5rem;padding:.85rem 1rem}.word-header-title-wrap{align-items:baseline;display:flex;gap:.45rem}.single-word-sublabel{color:#64748b;font-size:.76rem;font-weight:500}.btn-save-chunk-recommended{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:999px;box-shadow:0 3px 8px #6d28d940;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;gap:.4rem;padding:.38rem .95rem;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-save-chunk-recommended:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 5px 12px #6d28d959;transform:translateY(-1px)}.btn-save-chunk-recommended.saved{background:#10b981;box-shadow:0 3px 8px #10b98140;color:#fff;cursor:default}.notebook-phrase-badge{background:#ede9fe;border-radius:999px;color:#6d28d9;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.02em;margin-right:.45rem;padding:.12rem .45rem;text-transform:uppercase}.media-notebook-section{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.notebook-section-title{color:#1e293b;font-size:.92rem;font-weight:700;margin:0}.media-notebook-list{display:flex;flex-direction:column;gap:.35rem;max-height:120px;overflow-y:auto}.notebook-word-item{align-items:center;background:#f8fafc;border-radius:6px;color:#334155;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.35rem .65rem;transition:background .15s ease}.notebook-word-item:hover{background:#f1f5f9}.notebook-word-text{flex:1 1;min-width:0;word-break:break-word}.notebook-word-delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.75rem;justify-content:center;line-height:1;padding:2px 6px;transition:all .15s ease}.notebook-word-delete-btn:hover{background:#fee2e2;color:#ef4444}.btn-exercise-launch{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem;transition:all .15s ease;width:100%}.btn-exercise-launch:hover{background:#f8fafc;border-color:#94a3b8}.exercise-container{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;flex-direction:column;gap:.65rem;padding:1rem}.exercise-heading{color:#1e40af;font-size:.85rem;font-weight:700;margin:0}.exercise-prompt{color:#0f172a;font-size:.95rem;font-weight:600;margin:0}.btn-hint{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:.78rem;padding:0}.exercise-hint-text{color:#475569;font-size:.82rem;margin:0}.exercise-textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:.88rem;min-height:60px;outline:none;padding:.55rem;width:100%}.btn-exercise-check{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem}.btn-exercise-next{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:.5rem;padding:.45rem}.exercise-result{border-radius:8px;font-size:.85rem;padding:.75rem}.exercise-result.correct{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.exercise-result.acceptable{background:#fffbeb;border:1px solid #f59e0b;color:#92400e}.exercise-result.incorrect{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.notebook-empty-hint{color:#64748b;font-size:.85rem;font-style:italic;margin:0}.synced-transcript-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:1.15rem;max-height:calc(90vh - 2rem);padding:1.5rem;position:sticky;top:1.5rem}.synced-transcript-header{align-items:center;display:flex;justify-content:space-between}.synced-transcript-title{color:#0f172a;font-size:1.25rem;font-weight:800;margin:0}.copy-transcript-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .15s ease;width:32px}.copy-transcript-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.copy-toast-badge{background:#0f172a;border-radius:6px;color:#fff;font-size:.72rem;padding:.2rem .55rem;position:absolute;right:38px;top:50%;transform:translateY(-50%);white-space:nowrap}.synced-transcript-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:space-between}.transcript-controls-left{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.transcript-toggle-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .95rem;transition:all .15s ease}.transcript-toggle-pill.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.transcript-switch-wrap{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;display:inline-flex;gap:.45rem;padding:.25rem .6rem .25rem .75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.transcript-switch-wrap:hover{background:#f1f5f9;border-color:#cbd5e1}.transcript-switch-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.3rem}.switch-icon-target{font-size:.85rem}.ios-switch-toggle{align-items:center;background:#cbd5e1;border:none;border-radius:999px;cursor:pointer;display:inline-flex;height:20px;outline:none;padding:0;position:relative;transition:background-color .25s cubic-bezier(.4,0,.2,1);width:36px}.ios-switch-toggle.active{background:#2563eb;box-shadow:0 2px 8px #2563eb59}.ios-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000047;height:16px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:16px}.ios-switch-toggle.active .ios-switch-thumb{transform:translateX(16px)}.synced-transcript-list{display:flex;flex:1 1 auto;flex-direction:column;gap:.85rem;min-height:0;overflow-y:auto;padding-bottom:min(320px,45vh);padding-right:.35rem;scroll-behavior:smooth}.synced-transcript-list::-webkit-scrollbar{width:5px}.synced-transcript-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.synced-transcript-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.synced-segment-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.15rem;transition:all .18s ease}.synced-segment-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(2px)}.synced-segment-card.active{background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 2px 10px #2563eb14;transform:translateX(3px)}.synced-segment-top-row{align-items:center;display:flex;justify-content:space-between}.synced-time-badge{color:#94a3b8;font-family:var(--font-mono);font-size:.78rem;font-weight:500}.synced-time-badge.active-time{color:#2563eb;font-weight:500}.synced-segment-actions{align-items:center;display:flex;gap:.35rem}.synced-action-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.2rem;transition:color .15s ease}.synced-action-icon-btn:hover{color:#2563eb}.synced-action-icon-btn.blur-btn:hover{color:#6366f1}.synced-action-icon-btn.blur-btn.active{background:#6366f124;color:#6366f1}.synced-action-icon-btn.mic:hover{color:#10b981}.synced-english-wrapper{display:flex;flex-direction:column;gap:.35rem;position:relative}.synced-english-text{color:#0f172a;font-size:.95rem;font-weight:500;line-height:1.5;margin:0;transition:filter .25s ease,opacity .25s ease}.synced-english-text.is-blurred{cursor:default;filter:blur(5.5px);opacity:.82;-webkit-user-select:none;user-select:none}.synced-english-text.is-blurred:hover{filter:blur(5px);opacity:.88}.media-interactive-word{border:none!important;border-radius:4px;cursor:pointer;outline:none!important;padding:0 2px;transition:background-color .15s,color .15s}.media-interactive-word:focus,.media-interactive-word:focus-visible{border:none!important;outline:none!important}.media-interactive-word:hover{background:#fde047;color:#000}.synced-polish-text{border-top:1px dashed #cbd5e199;color:#475569;font-size:.85rem;font-weight:500;line-height:1.45;margin:.35rem 0 0;padding-top:.35rem}.translation-empty{color:#94a3b8;font-size:.78rem;font-style:italic}.translation-loading{align-items:center;color:#64748b;display:inline-flex;font-size:.82rem;font-style:italic;gap:6px}.translation-paused-hint{color:#94a3b8;font-size:.85rem;font-style:italic}.synced-transcript-footer{border-top:1px solid #f1f5f9;padding-top:.85rem}.btn-save-sticky-word{align-items:center;background:#2563eb;border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.85rem;transition:all .2s ease;width:100%}.btn-save-sticky-word:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 18px #2563eb59;transform:translateY(-1px)}.btn-save-sticky-word:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.btn-save-sticky-word.saved{background:#10b981;box-shadow:0 4px 14px #10b98140}.sticky-footer-chunk-actions{display:flex;gap:.5rem;width:100%}.btn-save-sticky-chunk{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 4px 14px #6d28d947!important;flex:1.6 1}.btn-save-sticky-chunk:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6)!important;box-shadow:0 6px 18px #6d28d961!important}.btn-save-sticky-secondary{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:.84rem;font-weight:600;overflow:hidden;padding:.85rem .5rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.btn-save-sticky-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-save-sticky-secondary.saved{background:#f0fdf4;border-color:#86efac;color:#15803d}.media-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.media-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;gap:1.25rem;max-width:520px;padding:1.75rem;width:100%}.media-modal-header{align-items:center;display:flex;justify-content:space-between}.media-modal-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.media-modal-body{display:flex;flex-direction:column;gap:1.15rem}.modal-input-group{display:flex;flex-direction:column;gap:.4rem}.modal-input-group label{color:#334155;font-size:.85rem;font-weight:600}.modal-form-row{display:flex;gap:.5rem}.modal-input{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:.88rem;outline:none;padding:.65rem .85rem}.modal-action-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.65rem 1.15rem;transition:background .15s ease}.modal-action-btn:hover{background:#1d4ed8}.modal-action-btn.full{width:100%}.modal-divider{align-items:center;color:#94a3b8;display:flex;font-size:.78rem;margin:.25rem 0;text-align:center}.modal-divider:after,.modal-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.modal-divider span{padding:0 .75rem}.modal-file-upload-label{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;justify-content:center;padding:.75rem;transition:all .15s ease}.modal-file-upload-label:hover{background:#eff6ff;border-color:#3b82f6}.modal-textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:var(--font-mono);font-size:.82rem;min-height:80px;outline:none;padding:.65rem;width:100%}.loader-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:.88rem;margin:0;padding:.75rem 1.25rem}.media-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.media-loading-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;gap:1rem;padding:2rem}.media-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}.media-loading-text{color:#334155;font-size:.95rem;font-weight:600;margin:0}.mini-loader{align-items:center;color:#2563eb;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.animate-fade-in{animation:fadeIn .25s ease-out}.enhanced-add-media-card{background:#fff;border-radius:24px;box-shadow:0 25px 60px #0f172a38;gap:1.25rem;max-height:90vh;max-width:660px!important;overflow-y:auto;padding:2rem}.media-modal-title-wrap{align-items:center;display:flex;gap:.9rem}.media-modal-icon-badge{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;color:#2563eb;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.media-modal-title-row{align-items:center;display:flex;gap:.6rem}.add-media-ai-badge{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:9999px;box-shadow:0 2px 6px #a855f759;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.2rem .55rem;text-transform:uppercase}.media-modal-subtitle{color:#64748b;font-size:.82rem;line-height:1.4;margin:.15rem 0 0}.add-media-tabs{background:#f1f5f9;border-radius:14px;display:flex;gap:.35rem;padding:.35rem}.add-media-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.84rem;font-weight:600;gap:.45rem;justify-content:center;padding:.6rem .85rem;transition:all .2s ease}.add-media-tab-btn:hover{background:#fff9;color:#0f172a}.add-media-tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000012;color:#2563eb}.add-media-tab-content{display:flex;flex-direction:column;gap:1.15rem}.modal-action-btn.primary{background:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff;white-space:nowrap}.modal-action-btn.primary:hover:not(:disabled){background:#1d4ed8}.modal-action-btn:disabled{cursor:not-allowed;opacity:.55}.primary-large{border-radius:12px!important;font-size:.95rem!important;padding:.85rem 1.25rem!important}.enhanced-textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;font-family:inherit;font-size:.88rem;line-height:1.5;outline:none;padding:.85rem;resize:vertical;transition:border-color .15s ease}.enhanced-textarea:focus{background:#fff;border-color:#2563eb}.add-media-samples{display:flex;flex-direction:column;gap:.4rem}.samples-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.samples-pills-row{display:flex;flex-wrap:wrap;gap:.4rem}.sample-pill-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;font-size:.78rem;font-weight:500;padding:.35rem .75rem;transition:all .15s ease}.sample-pill-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.add-media-loading-card{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;display:flex;gap:1rem;padding:1.15rem}.add-media-spinner{animation:spin .8s linear infinite;border:3px solid #bfdbfe;border-radius:50%;border-top-color:#2563eb;flex-shrink:0;height:28px;width:28px}.add-media-loading-card strong{color:#1e40af;display:block;font-size:.88rem;margin-bottom:.2rem}.add-media-loading-card p{color:#3b82f6;font-size:.78rem;margin:0}.add-media-error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;display:flex;gap:.85rem;padding:1rem 1.15rem}.add-media-error-card.small{color:#991b1b;font-size:.82rem;padding:.65rem .95rem}.error-icon{font-size:1.25rem;line-height:1}.error-details strong{color:#991b1b;display:block;font-size:.86rem;margin-bottom:.25rem}.error-details p{color:#b91c1c;font-size:.78rem;margin:0 0 .5rem}.error-action-btn{background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:.78rem;font-weight:600;padding:.35rem .75rem;transition:all .15s ease}.error-action-btn:hover{background:#fee2e2}.add-media-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.preview-header-row{align-items:flex-start;display:flex;gap:1rem}.preview-thumbnail{border-radius:10px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:68px;object-fit:cover;width:120px}.preview-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.preview-ready-badge{align-self:flex-start;background:#dcfce7;border-radius:9999px;color:#15803d;display:inline-flex;font-size:.72rem;font-weight:700;padding:.15rem .5rem}.preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.35;margin:0;overflow:hidden}.preview-url{color:#94a3b8;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-media-stats-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;padding:.6rem .5rem;text-align:center}.stat-val{color:#0f172a;font-size:1.05rem;font-weight:700}.stat-lbl{color:#64748b;font-size:.68rem;font-weight:600;margin-top:.15rem;text-transform:uppercase}.preview-action-row{display:flex;gap:.65rem}.btn-start-learning{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb59;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.92rem;font-weight:700;gap:.5rem;justify-content:center;padding:.85rem 1.25rem;transition:all .15s ease}.btn-start-learning:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-download-srt{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.85rem 1rem;transition:all .15s ease}.btn-download-srt:hover{background:#f1f5f9;color:#0f172a}.file-dropzone-box{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding:2.25rem 1.5rem;text-align:center;transition:all .2s ease}.file-dropzone-box:hover{background:#eff6ff;border-color:#2563eb}.dropzone-icon{font-size:2.25rem;line-height:1;margin-bottom:.35rem}.file-dropzone-box strong{color:#1e293b;font-size:.95rem}.file-dropzone-box span{color:#64748b;font-size:.78rem}.uploaded-file-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:.85rem;padding:1rem}.summary-info{align-items:center;display:flex;justify-content:space-between}.file-name{color:#0f172a;font-size:.88rem;font-weight:600}.segments-badge{background:#eff6ff;border-radius:9999px;color:#2563eb;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.btn-add-media.pro-locked{background:#181926;border:1px solid #f59e0b73;box-shadow:0 2px 10px #f59e0b1f;color:#fbbf24}.btn-add-media.pro-locked:hover{background:#202235;border-color:#f59e0bbf;box-shadow:0 4px 14px #f59e0b38;color:#fde68a}.toolbar-analyse-btn.pro-locked{background:linear-gradient(135deg,#f59e0b33,#d977064d)!important;border:1px solid #f59e0b80!important;box-shadow:0 2px 10px #f59e0b26!important;color:#fbbf24!important}.toolbar-analyse-btn.pro-locked:hover{background:linear-gradient(135deg,#f59e0b4d,#d9770673)!important;border-color:#f59e0bcc!important;box-shadow:0 4px 14px #f59e0b40!important;color:#fde68a!important;transform:translateY(-1px)}.toolbar-input-wrapper.pro-locked-input{background:#fafaf9;border-color:#f59e0b59;cursor:pointer}.toolbar-input-wrapper.pro-locked-input:hover{background:#fffdf5;border-color:#f59e0ba6}.toolbar-input-wrapper.pro-locked-input input{cursor:pointer}.suggestion-load-btn.pro-locked{background:#181926;border:1px solid #f59e0b73;color:#fbbf24}.suggestion-load-btn.pro-locked:hover{background:#202235;border-color:#f59e0bcc;color:#fde68a}.media-pro-btn-content{align-items:center;display:inline-flex;gap:.45rem}.media-pro-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;box-shadow:0 2px 6px #f59e0b59;color:#000;display:inline-flex;font-size:.65rem;font-weight:800;justify-content:center;letter-spacing:.05em;line-height:1;padding:2px 6px;text-transform:uppercase}@media (max-width:1440px){.mediabuddy-container{gap:1.4rem;max-width:100%;padding:1.5rem 2rem 3.5rem}.media-workspace-grid{gap:1.5rem;grid-template-columns:1.2fr 1fr}}@media (max-width:1200px){.mediabuddy-container{gap:1.35rem;padding:1.25rem 1.75rem 3rem}.media-workspace-grid{gap:1.25rem;grid-template-columns:1.15fr 1fr}.mediabuddy-main-title{font-size:2rem}.video-tile-card{max-width:210px;min-width:190px}}@media (max-width:1024px){.mediabuddy-container{gap:1.25rem;padding:1.25rem 1.5rem 3rem}.mediabuddy-main-title{font-size:1.85rem}.mediabuddy-main-subtitle{font-size:.95rem}.media-workspace-grid{gap:1.5rem;grid-template-columns:1fr}.transcription-segments-container{max-height:480px}}@media (max-width:900px){.mediabuddy-container{gap:1.15rem;padding:1.15rem 1.35rem 3rem}.mediabuddy-title-row{align-items:stretch;flex-direction:column;gap:1rem}.btn-add-media{align-self:flex-start}.mediabuddy-main-title{font-size:1.75rem}.drawer-header-row{align-items:stretch;flex-direction:column;gap:.75rem}.drawer-close-btn{align-self:flex-end}.media-selector-row-header{align-items:stretch;flex-direction:column;gap:.5rem}.media-selector-sort-controls{align-self:flex-start}}@media (max-width:768px){.mediabuddy-container{gap:1rem;padding:1rem 1.25rem 3.5rem}.mediabuddy-main-title{font-size:1.55rem}.mediabuddy-main-subtitle{font-size:.9rem}.btn-add-media{justify-content:center;width:100%}.mediabuddy-toolbar-row{flex-wrap:wrap;gap:.5rem}.toolbar-pill-btn{font-size:.85rem;padding:.5rem .9rem}.video-player-card{border-radius:12px}.video-custom-controls{gap:.5rem;padding:.6rem .85rem}.video-time-display{font-size:.78rem}.enhanced-add-media-card{border-radius:16px;max-width:95%!important;padding:1.25rem}.media-modal-backdrop{padding:1rem}}@media (max-width:480px){.mediabuddy-container{gap:.85rem;padding:.85rem 1rem 3.5rem}.mediabuddy-main-title{font-size:1.4rem}.video-tile-card{max-width:175px;min-width:155px}.synced-segment-card{padding:.75rem .85rem}.segment-original-text{font-size:.92rem}.segment-polish-translation{font-size:.85rem}}.admin-dashboard-container{color:#202124;color:var(--gray-900,#202124);margin:0 auto;max-width:1200px;padding:24px}.admin-header-row{align-items:center;border-bottom:2px solid #e8eaed;border-bottom:2px solid var(--gray-200,#e8eaed);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.admin-header-row h2{color:#202124;color:var(--gray-900,#202124);font-size:26px;font-weight:700;margin:0}.admin-badge{background:linear-gradient(135deg,#e3f0ff,#d4f5ff);border:1px solid #b3d9ff;border-radius:20px;color:#1a73e8;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.admin-simulator-card{background:#fff;border:1px solid #e2e8f0;border-left:5px solid #6366f1;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin-bottom:24px;padding:24px}.simulator-header{margin-bottom:18px}.simulator-badge{background:#ede9fe;border-radius:12px;color:#6366f1;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px}.simulator-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 6px}.simulator-subtitle{color:#64748b;font-size:13.5px;line-height:1.5;margin:0}.simulator-roles-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:18px}.simulator-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease}.simulator-btn:hover:not(:disabled){background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.simulator-btn:disabled{cursor:not-allowed;opacity:.6}.role-icon{flex-shrink:0;font-size:24px}.role-text{display:flex;flex-direction:column}.role-name{color:#1e293b;font-size:14px;font-weight:700}.role-desc{color:#64748b;font-size:11.5px;line-height:1.3;margin-top:2px}.simulator-btn.active-admin{background:#f5f3ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.simulator-btn.active-admin .role-name{color:#4f46e5}.simulator-btn.active-starter{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.simulator-btn.active-starter .role-name{color:#0284c7}.simulator-btn.active-pro{background:#faf5ff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.simulator-btn.active-pro .role-name{color:#7c3aed}.simulator-btn.active-intensive{background:#f1f5f9;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a26}.simulator-btn.active-intensive .role-name{color:#0f172a}.simulator-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:14px}.simulator-status-info{color:#475569;font-size:13px}.simulator-active-pill{background:#1e293b;border-radius:6px;color:#fff;display:inline-block;font-size:11px;letter-spacing:.5px;margin-left:4px;padding:3px 8px}.simulator-meta{color:#64748b;font-size:12.5px}.simulator-alert{background:#dcfce7;border-radius:6px;color:#15803d;display:inline-block;font-size:12px;font-weight:600;margin-left:10px;padding:2px 8px}.btn-reset-minutes{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:600;padding:8px 14px;transition:all .2s ease}.btn-reset-minutes:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.admin-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.admin-stat-card{align-items:center;background:#fff;border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:14px;box-shadow:0 1px 4px #0000000f;display:flex;gap:18px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.admin-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.text-glow-blue{background:#e8f0fe;border:1px solid #c5d9fb;color:#1a73e8}.text-glow-purple{background:#f2eeff;border:1px solid #d9c9ff;color:#7b2fff}.text-glow-green{background:#e6f4ea;border:1px solid #b6dfbc;color:#1e8e3e}.stat-card-content{display:flex;flex-direction:column}.stat-card-label{color:#5f6368;color:var(--gray-500,#5f6368);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-card-value{color:#202124;color:var(--gray-900,#202124);font-size:22px;font-weight:700;margin-bottom:2px}.stat-card-value.text-glow-blue{background:none;border:none;color:#1a73e8}.stat-card-value.text-glow-purple{background:none;border:none;color:#7b2fff}.stat-card-value.text-glow-green{background:none;border:none;color:#1e8e3e}.stat-card-subtext{color:#5f6368;color:var(--gray-500,#5f6368);font-size:12px}.admin-breakdown-row{margin-bottom:24px}.admin-breakdown-card{background:#fff;border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:14px;box-shadow:0 1px 4px #0000000f;padding:24px}.admin-breakdown-card h3{color:#202124;color:var(--gray-900,#202124);font-size:17px;font-weight:600;margin-bottom:18px;margin-top:0}.breakdown-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.breakdown-item{align-items:center;background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:10px;display:flex;justify-content:space-between;padding:14px 18px;transition:background-color .15s ease}.breakdown-item:hover{background:#f1f3f4;background:var(--gray-100,#f1f3f4)}.breakdown-info{display:flex;flex-direction:column}.breakdown-name{color:#202124;color:var(--gray-900,#202124);font-size:14px;font-weight:600;margin-bottom:3px}.breakdown-tokens{color:#5f6368;color:var(--gray-500,#5f6368);font-size:12px}.breakdown-cost{display:flex;flex-direction:column;text-align:right}.breakdown-cost strong{color:#1a73e8;font-size:15px;font-weight:700}.breakdown-cost span{color:#5f6368;color:var(--gray-500,#5f6368);font-size:12px;margin-top:2px}.gemini-live-badge{align-items:center;background:linear-gradient(135deg,#e8f0fe,#f3e8fd);border:1px solid #c5d9fb;border-radius:12px;color:#1a73e8;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.admin-users-card{background:#fff;border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:14px;box-shadow:0 1px 4px #0000000f;margin-bottom:40px;padding:24px}.users-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.users-card-header h3{color:#202124;color:var(--gray-900,#202124);font-size:17px;font-weight:600;margin:0}.users-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-search-wrapper{align-items:center;display:flex;position:relative}.admin-search-icon{color:#5f6368;color:var(--gray-500,#5f6368);flex-shrink:0;left:10px;pointer-events:none;position:absolute}.admin-search-input{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;color:#202124;color:var(--gray-900,#202124);font-size:14px;outline:none;padding:8px 34px 8px 32px;transition:border-color .2s,background-color .2s,box-shadow .2s;width:220px}.admin-search-input::placeholder{color:#5f6368;color:var(--gray-500,#5f6368)}.admin-search-input:focus{background:#fff;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.admin-search-clear{background:none;border:none;border-radius:4px;color:#5f6368;color:var(--gray-500,#5f6368);cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:8px;transition:color .15s,background .15s}.admin-search-clear:hover{background:#e8eaed;background:var(--gray-200,#e8eaed);color:#202124;color:var(--gray-900,#202124)}.admin-sort-select{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;color:#202124;color:var(--gray-900,#202124);cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.admin-sort-select:focus{border-color:#1a73e8}.admin-sort-select option{background:#fff;color:#202124}.email-pills-container{border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--gray-200,#e8eaed);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:14px 0 16px}.email-pill{align-items:center;background:#f1f3f4;background:var(--gray-100,#f1f3f4);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:20px;color:#3c4043;color:var(--gray-700,#3c4043);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:5px 12px;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.email-pill:hover{background:#e8eaed;background:var(--gray-200,#e8eaed);border-color:#dadce0;border-color:var(--gray-400,#dadce0);box-shadow:0 2px 6px #0000001a;color:#202124;color:var(--gray-900,#202124);transform:translateY(-1px)}.email-pill-active{background:#e8f0fe!important;border-color:#1a73e8!important;box-shadow:0 2px 8px #1a73e82e!important;color:#1a73e8!important;font-weight:600}.email-pill-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.email-pill-cost{font-size:11px;font-weight:600;margin-left:2px;opacity:.75}.table-responsive{overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{border-bottom:2px solid #e8eaed;border-bottom:2px solid var(--gray-200,#e8eaed);color:#5f6368;color:var(--gray-500,#5f6368);font-size:11px;font-weight:700;letter-spacing:.6px;padding:10px 14px;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--gray-100,#f1f3f4);color:#3c4043;color:var(--gray-700,#3c4043);font-size:14px;padding:14px;vertical-align:middle}.admin-table tr:hover{background:#f8f9fa;background:var(--gray-50,#f8f9fa)}.current-user-row{background:#fffce8}.current-user-row:hover{background:#fff9d6!important}.selected-user-row{background:#e8f0fe!important;outline:2px solid #1a73e8;outline-offset:-1px}.user-email-cell{display:flex;flex-direction:column}.user-email-cell strong{color:#202124;color:var(--gray-900,#202124);font-size:14px;font-weight:600}.user-email-cell span{color:#5f6368;color:var(--gray-500,#5f6368);font-size:11px;margin-top:3px}.badge-row{display:flex;gap:6px}.badge{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px}.badge-blue{background:#e8f0fe;border:1px solid #c5d9fb;color:#1a73e8}.badge-purple{background:#f2eeff;border:1px solid #d9c9ff;color:#7b2fff}.tokens-cell{color:#3c4043;color:var(--gray-700,#3c4043)}.bold-text{font-weight:700}.text-color-primary{color:#1a73e8;font-weight:700}.text-sub{color:#5f6368;color:var(--gray-500,#5f6368);font-size:13px}.text-right{text-align:right}.no-data-cell{color:#5f6368;color:var(--gray-500,#5f6368);padding:40px!important;text-align:center}.admin-error-container,.admin-loading-container{align-items:center;background:#fff;border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:60px auto;max-width:500px;padding:80px 40px;text-align:center}.admin-spinner{animation:admin-spin .9s linear infinite;border:3px solid #e8eaed;border:3px solid var(--gray-200,#e8eaed);border-radius:50%;border-top:3px solid #1a73e8;height:38px;margin-bottom:20px;width:38px}.admin-error-container svg{color:#d93025;margin-bottom:20px}.admin-error-container h3{color:#202124;color:var(--gray-900,#202124);font-size:18px;margin:0 0 10px}.admin-error-container p{color:#5f6368;color:var(--gray-500,#5f6368);font-size:14px;margin:0}@keyframes admin-spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:admin-fade-in .3s ease-out}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-dashboard-container{padding:16px}.users-card-header{align-items:flex-start;flex-direction:column}.users-controls{align-items:stretch;flex-direction:column;width:100%}.admin-search-input,.admin-sort-select{width:100%}}.admin-filter-card{background:#fff;border:1px solid #e8eaed;border:1px solid var(--gray-200,#e8eaed);border-radius:14px;box-shadow:0 1px 4px #0000000f;margin-bottom:24px;padding:16px 24px}.filter-card-title{align-items:center;color:#5f6368;color:var(--gray-700,#5f6368);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.filter-buttons-row{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:20px;color:#5f6368;color:var(--gray-700,#5f6368);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.filter-btn:hover{background:#f1f3f4;background:var(--gray-100,#f1f3f4);border-color:#dadce0;border-color:var(--gray-400,#dadce0);color:#202124;color:var(--gray-900,#202124)}.filter-btn.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:600}.custom-date-inputs{align-items:center;border-top:1px dashed #e8eaed;border-top:1px dashed var(--gray-200,#e8eaed);display:flex;gap:20px;margin-top:16px;padding-top:16px}.date-input-group{align-items:center;display:flex;gap:8px}.date-input-group label{color:#5f6368;color:var(--gray-600,#5f6368);font-size:13px;font-weight:500}.admin-date-input{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:8px;color:#202124;color:var(--gray-900,#202124);cursor:pointer;font-size:13px;outline:none;padding:6px 12px;transition:border-color .2s}.admin-date-input:focus{background:#fff;border-color:#1a73e8}.good-to-know-container{background:#fff;background:var(--bg-main,#fff);color:#202124;color:var(--gray-900,#202124);height:100%;overflow-y:auto;padding:2rem 1.5rem}.good-to-know-content{margin:0 auto;max-width:900px;padding-bottom:3rem}.gtk-header{margin-bottom:3rem;text-align:center}.gtk-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a73e8,#a953ff);-webkit-background-clip:text;font-size:2.3rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#5f6368;color:var(--gray-500,#5f6368);font-size:1.1rem}.gtk-section{margin-bottom:3rem}.section-title{color:#202124;color:var(--gray-900,#202124);font-size:1.4rem;font-weight:600;gap:1rem;margin-bottom:1.5rem}.section-number,.section-title{align-items:center;display:flex}.section-number{background:linear-gradient(135deg,#1a73e8,#a953ff);border-radius:50%;box-shadow:0 2px 6px #1a73e84d;color:#fff;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;width:32px}.gtk-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.75rem}.gtk-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:12px;box-shadow:0 1px 3px #3c404314;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gtk-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #3c404326;transform:translateY(-3px)}.gtk-card h4{color:#1a73e8;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.gtk-card p{color:#3c4043;color:var(--gray-700,#3c4043);font-size:.95rem;line-height:1.6}.gtk-card strong{color:#202124;color:var(--gray-900,#202124)}.gtk-card em{background:#1a73e814;border-radius:4px;color:#1a73e8;font-style:normal;font-weight:600;padding:.1rem .4rem}.breathing-widget{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--gray-300,#e0e0e0);border-radius:16px;box-shadow:0 2px 8px #3c404314;margin-top:1.5rem;padding:2rem;text-align:center}.breathing-widget h4{color:#202124;color:var(--gray-900,#202124);font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.breathing-hint{color:#5f6368;color:var(--gray-500,#5f6368);font-size:.95rem;margin-bottom:2rem}.breathing-circle-container{height:250px;margin-bottom:1.75rem}.breathing-circle,.breathing-circle-container{align-items:center;display:flex;justify-content:center}.breathing-circle{border-radius:50%;color:#fff;cursor:pointer;flex-direction:column;height:140px;transition-property:transform,background,box-shadow;-webkit-user-select:none;user-select:none;width:140px}.breathing-circle.idle{background:linear-gradient(135deg,#1a73e8,#a953ff);box-shadow:0 8px 24px #1a73e859;transform:scale(1);transition:transform .4s ease,box-shadow .4s ease}.breathing-circle.idle:hover{box-shadow:0 12px 30px #1a73e873;transform:scale(1.06)}.breathing-circle.inhale{background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 14px 40px #00c6ff73;transform:scale(1.55);transition:transform 4s linear,background .8s ease,box-shadow .8s ease}.breathing-circle.hold{background:linear-gradient(135deg,#a953ff,#6366f1);box-shadow:0 14px 40px #a953ff73;transform:scale(1.55);transition:transform 7s linear,background .8s ease,box-shadow .8s ease}.breathing-circle.exhale{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b98159;transform:scale(1);transition:transform 8s linear,background .8s ease,box-shadow .8s ease}.breathing-text{font-size:1.05rem;font-weight:700;letter-spacing:.3px;pointer-events:none}.breathing-timer{font-size:2.1rem;font-weight:800;line-height:1;margin-top:2px;pointer-events:none}.btn-breathing{align-items:center;background:linear-gradient(135deg,#1a73e8,#a953ff);border:none;border-radius:999px;box-shadow:0 4px 14px #1a73e84d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.75rem 2rem;transition:all .2s ease}.btn-breathing:hover{background:linear-gradient(135deg,#1557b0,#9333ea);box-shadow:0 6px 20px #1a73e873;transform:translateY(-2px)}.btn-breathing.active{background:#fee2e2;border:1px solid #fca5a5;box-shadow:none;color:#dc2626}.btn-breathing.active:hover{background:#fecaca;transform:translateY(-1px)}@media (max-width:768px){.gtk-header h2{font-size:1.8rem}.gtk-card{padding:1.25rem}.breathing-widget{padding:1.5rem 1rem}}.help-feedback-container{box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:var(--font-main);margin:0 auto;max-width:1100px;padding:2.5rem 1.5rem 4rem;width:100%}.help-feedback-wrapper{display:flex;flex-direction:column;gap:2rem}.help-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle,#e2e8f0);padding-bottom:1.75rem}.help-kicker{color:#1a73e8;display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.help-title{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .75rem}.help-subtitle{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;max-width:720px}.help-nav-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.help-tab-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:8px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .2s ease}.help-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.help-tab-btn.active{background:#1a73e8;border-color:#1a73e8;box-shadow:0 2px 4px #1a73e833;color:#fff}.help-section-content{animation:fadeIn .25s ease;display:flex;flex-direction:column;gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #00000008;padding:1.75rem}.help-card-header{margin-bottom:.875rem}.help-module-tag{background:#eef2ff;border-radius:6px;color:#6366f1;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;padding:.25rem .625rem;text-transform:uppercase}.help-card h2{color:#0f172a;font-size:1.375rem;font-weight:700;margin:0}.help-card-lead{color:#475569;font-size:.9375rem;line-height:1.6;margin:0 0 1.25rem}.help-feature-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.help-feature-list li{color:#334155;font-size:.875rem;line-height:1.55;padding-left:1.25rem;position:relative}.help-feature-list li:before{color:#1a73e8;content:"•";font-size:1.25rem;font-weight:700;left:0;line-height:1.2;position:absolute;top:0}.help-feature-list strong{color:#0f172a}.faq-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item h3{color:#0f172a;font-size:1.0625rem;font-weight:700;margin:0 0 .625rem}.faq-item p{color:#64748b;font-size:.875rem;line-height:1.6;margin:0}.help-contact-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:1rem;padding:1.5rem;text-align:center}.help-contact-box h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0 0 .375rem}.help-contact-box p{color:#64748b;font-size:.875rem;margin:0}.feedback-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;max-width:680px;padding:2.25rem}.feedback-form-card h2{color:#0f172a;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.feedback-intro{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0 0 1.75rem}.feedback-form{gap:1.25rem}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.375rem}.form-group label{color:#1e293b;font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9375rem;outline:none;padding:.75rem .875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.form-textarea{line-height:1.55;min-height:120px;resize:vertical}.form-hint{color:#94a3b8;font-size:.75rem}.btn-submit-feedback{align-self:flex-start;background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.8125rem 1.75rem;transition:background .2s,transform .1s}.btn-submit-feedback:hover:not(:disabled){background:#1557b0}.btn-submit-feedback:active:not(:disabled){transform:scale(.98)}.btn-submit-feedback:disabled{cursor:not-allowed;opacity:.6}.feedback-alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;line-height:1.5;margin-bottom:1.25rem;padding:.875rem 1.125rem}.feedback-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.feedback-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-dismiss{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem}@media (max-width:640px){.help-title{font-size:1.75rem}.feedback-form-card,.help-card{padding:1.25rem}.faq-grid{grid-template-columns:1fr}}.paywall-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ab8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:99999}.paywall-modal{background:#fff;border-radius:24px;box-shadow:0 25px 60px -15px #0000004d,0 0 0 1px #0000000f;display:flex;flex-direction:column;gap:1.5rem;max-height:92vh;max-width:1040px;overflow-y:auto;padding:2.25rem 2.5rem;position:relative;width:100%}.paywall-close-btn{align-items:center;background:#f8fafc;border:1px solid #00000014;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:44px;height:var(--touch-min,44px);justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1));width:44px;width:var(--touch-min,44px)}.paywall-close-btn:hover{background:#f1f5f9;color:#0f172a;transform:scale(1.05)}.paywall-close-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.paywall-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.paywall-badge-pill{align-items:center;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:9999px;color:#7c3aed;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.06em;padding:.35rem .85rem;text-transform:uppercase}.paywall-title{color:#0f172a;font-family:var(--font-display);font-size:1.85rem;font-weight:500;letter-spacing:-.02em;margin:0}.paywall-subtitle{color:#64748b;font-size:.95rem;line-height:1.5;margin:0;max-width:680px}.paywall-usage-meter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;max-width:580px;padding:.85rem 1.15rem;width:100%}.usage-meter-header{color:#475569;display:flex;font-size:.8rem;justify-content:space-between}.usage-meter-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden;width:100%}.usage-meter-fill{background:linear-gradient(90deg,#7c3aed,#9333ea);border-radius:999px;height:100%;transition:width .4s ease}.usage-meter-fill.meter-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-meter-fill.meter-exhausted{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-meter-footer{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between}.extra-mins-tag{color:#059669;font-weight:600}.paywall-alert{align-items:center;border-radius:12px;display:flex;font-size:.88rem;font-weight:500;gap:.6rem;padding:.75rem 1rem}.paywall-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.paywall-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.paywall-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-top:.25rem}.paywall-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1.35rem;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.paywall-card:hover{box-shadow:0 14px 28px -8px #00000014;transform:translateY(-4px)}.paywall-card.is-current{background:#f8fafc;border-color:#cbd5e1}.paywall-card.highlighted-card{background:linear-gradient(180deg,#7c3aed05,#fff);border:2px solid #7c3aed;box-shadow:0 16px 36px -10px #7c3aed38}.card-ribbon{background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:9999px;box-shadow:0 4px 10px #7c3aed4d;color:#fff;font-size:.68rem;font-weight:800;left:50%;letter-spacing:.05em;padding:.25rem .85rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.card-top{display:flex;flex-direction:column;gap:.4rem}.card-tier-label{color:#334155;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.highlighted-card .card-tier-label{color:#7c3aed}.card-price-row{align-items:baseline;display:flex;gap:.35rem}.card-price{color:#0f172a;font-family:var(--font-display);font-size:2.1rem;font-weight:500;letter-spacing:-.03em}.card-desc,.card-period{color:#64748b;font-size:.82rem}.card-desc{line-height:1.4;margin:0 0 .75rem;min-height:38px}.card-features-list{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.55rem;list-style:none;margin:.5rem 0 1.25rem;padding:.9rem 0 0}.card-features-list li{align-items:flex-start;color:#334155;display:flex;font-size:.82rem;gap:.55rem;line-height:1.35}.card-features-list li strong{color:#0f172a}.check-icon{color:#10b981;flex-shrink:0;font-size:.85rem;font-weight:800}.check-purple{color:#7c3aed}.check-blue{color:#2563eb}.cross-icon{color:#cbd5e1;flex-shrink:0;font-size:.8rem}.feature-disabled{color:#94a3b8!important;text-decoration:line-through}.card-action{margin-top:auto}.plan-btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-family:var(--font-main,"Roboto",sans-serif);font-size:13px;font-size:var(--text-label,13px);font-weight:600;gap:8px;gap:var(--space-8,8px);height:44px;height:var(--btn-height-standard,44px);justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1));width:100%}.plan-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.btn-current{background:#f1f5f9;color:#64748b;cursor:default}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#334155}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-2px)}.btn-primary-pro{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:var(--ai-mastery-gradient,linear-gradient(135deg,#8b5cf6,#7c3aed));box-shadow:0 4px 14px #7c3aed47;color:#fff}.btn-primary-pro:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 18px #7c3aed61;transform:translateY(-2px)}.btn-primary-intensive{background:linear-gradient(135deg,#1a73e8,#2563eb);box-shadow:0 4px 14px #1a73e847;color:#fff}.btn-primary-intensive:hover{background:linear-gradient(135deg,#1557b0,#1d4ed8);box-shadow:0 6px 18px #1a73e861;transform:translateY(-2px)}.paywall-bottom-addons{display:flex;flex-direction:column;gap:.75rem}.addon-card{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;display:flex;gap:1.25rem;justify-content:space-between;padding:.95rem 1.25rem}.addon-info{display:flex;flex-direction:column;gap:.2rem}.addon-title-row{align-items:center;display:flex;gap:.5rem}.addon-title{color:#0f172a;font-size:.9rem;font-weight:700}.addon-price{background:#e2e8f0;border-radius:6px;color:#334155;font-size:.78rem;font-weight:700;padding:.15rem .5rem}.addon-desc{color:#64748b;font-size:.8rem;margin:0}.addon-buy-btn{background:#7c3aed0d;border:1px solid #7c3aed;border-radius:10px;color:#7c3aed;cursor:pointer;font-size:.85rem;font-weight:700;padding:.6rem 1.1rem;transition:all .2s ease;white-space:nowrap}.addon-buy-btn:hover{background:#7c3aed;color:#fff}.portal-management-row{align-items:center;color:#64748b;display:flex;font-size:.82rem;justify-content:space-between;padding:.25rem .5rem}.portal-link-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:.82rem;font-weight:600;padding:0;text-decoration:underline}.portal-link-btn:hover{color:#5b21b6}.paywall-footer-note{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:.78rem;gap:.5rem;justify-content:center;padding-top:.5rem;text-align:center}.spinner-inline{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.paywall-cards-grid{gap:1rem;grid-template-columns:1fr}.paywall-modal{max-height:95vh;padding:1.5rem 1.25rem}.addon-card{align-items:flex-start;flex-direction:column}.addon-buy-btn{width:100%}.portal-management-row{align-items:flex-start;flex-direction:column;gap:.4rem}}.paywall-modal.is-checkout-mode{max-width:800px;padding:2rem 2.25rem;transition:max-width .3s cubic-bezier(.4,0,.2,1)}.embedded-checkout-view{display:flex;flex-direction:column;gap:1.25rem}.checkout-nav-bar{align-items:center;display:flex;justify-content:space-between;padding-bottom:.25rem}.checkout-back-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#202124;color:var(--gray-900,#202124);cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-family:var(--font-main,"Roboto",sans-serif);font-size:13px;font-size:var(--text-label,13px);font-weight:600;gap:8px;gap:var(--space-8,8px);height:44px;height:var(--btn-height-standard,44px);padding:0 18px;padding:0 var(--btn-padding-x,18px);transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1))}.checkout-back-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-2px)}.checkout-back-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.checkout-ssl-pill{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#166534;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.35rem .85rem}.ssl-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #22c55e40;display:inline-block;height:7px;width:7px}.checkout-summary-card{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:20px;border-radius:var(--radius-card,20px);box-shadow:0 2px 12px -2px #00000008;box-shadow:var(--shadow-card-base,0 2px 12px -2px #00000008);display:flex;flex-direction:column;gap:16px;gap:var(--space-16,16px);padding:24px;padding:var(--card-inset,24px)}.checkout-summary-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.checkout-plan-badge{color:#7c3aed;font-size:.75rem;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.checkout-plan-badge,.checkout-plan-title{font-family:var(--font-display);font-weight:500}.checkout-plan-title{color:#0f172a;font-size:1.45rem;letter-spacing:-.01em;margin:0}.checkout-price-box{flex-shrink:0;text-align:right}.checkout-price-row{align-items:baseline;display:flex;gap:.3rem;justify-content:flex-end}.checkout-price-main{color:#7c3aed;font-family:var(--font-display);font-size:1.85rem;font-weight:500;letter-spacing:-.02em}.checkout-price-period{color:#64748b;font-size:.85rem;font-weight:500}.checkout-price-notice{color:#16a34a;font-size:.78rem;font-weight:600;margin-top:.15rem}.checkout-features-strip{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8,8px);padding-top:16px;padding-top:var(--space-16,16px)}.checkout-feat-tag{align-items:center;background:#7c3aed0d;border:1px solid #7c3aed29;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4c1d95;display:inline-flex;font-size:13px;font-size:var(--text-label,13px);font-weight:500;gap:6px;padding:6px 14px}.checkout-feat-tag .tag-check{color:#7c3aed;font-weight:700}.checkout-guarantee-bar{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;border-radius:var(--radius-card-sm,16px);display:flex;gap:1rem;justify-content:space-between;padding:12px 18px}.guarantee-item{align-items:center;color:#475569;display:flex;font-size:.78rem;gap:.5rem;line-height:1.35}.guarantee-icon{flex-shrink:0;font-size:.95rem}.embedded-checkout-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px -2px #0f172a0a;min-height:440px;padding:.5rem;position:relative}#stripe-embedded-checkout{min-height:420px;width:100%}#stripe-embedded-checkout.is-loading{height:0;opacity:0;overflow:hidden}#stripe-embedded-checkout.is-ready{opacity:1;transition:opacity .3s ease}.checkout-skeleton-loader{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1.5rem}.checkout-spinner{animation:spin .8s linear infinite;border:3px solid #7c3aed26;border-radius:50%;border-top-color:#7c3aed;height:36px;width:36px}.checkout-loading-text{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.checkout-skeleton-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:8px;height:38px}.bar-long{width:85%}.bar-medium{width:65%}.bar-short{width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.checkout-retry-btn{background:#7c3aed;border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 14px #7c3aed47;box-shadow:var(--shadow-ai-btn,0 4px 14px #7c3aed47);color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-family:var(--font-main,"Roboto",sans-serif);font-size:13px;font-size:var(--text-label,13px);font-weight:600;height:44px;height:var(--btn-height-standard,44px);margin-top:.75rem;padding:0 24px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--transition-figma,all .2s cubic-bezier(.16,1,.3,1))}.checkout-retry-btn:hover{background:#6d28d9;box-shadow:0 6px 18px #7c3aed61;box-shadow:var(--shadow-ai-btn-hover,0 6px 18px #7c3aed61);transform:translateY(-2px)}.checkout-retry-btn:focus-visible{outline:2px solid #202124;outline:var(--focus-ring,2px solid #202124);outline-offset:3px;outline-offset:var(--focus-offset,3px)}.checkout-footer-note{color:#94a3b8;font-size:.76rem;line-height:1.4;padding:0 1rem;text-align:center}@media (max-width:640px){.checkout-nav-bar,.checkout-summary-header{align-items:flex-start;flex-direction:column;gap:.5rem}.checkout-price-box{text-align:left}.checkout-price-row{justify-content:flex-start}.checkout-guarantee-bar{flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.57841b4f.css.map*/