:root{--accent-indigo: #8B5CF6;--accent-indigo-light: #C084FC;--accent-indigo-glow: rgba(139, 92, 246, .35);--accent-indigo-rgb: 139, 92, 246;--accent-purple: #A855F7;--accent-purple-light: #D8B4FE;--accent-emerald: #10B981;--accent-emerald-dark: #059669;--accent-emerald-light: #34D399;--accent-amber: #F59E0B;--accent-amber-light: #FBBF24;--accent-rose: #F43F5E;--accent-rose-light: #FB7185;--accent-sky: #38BDF8;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--page-gutter: var(--space-14);--card-pad: var(--space-16);--list-pad-x: var(--space-16);--row-pad-x: var(--space-16);--row-pad-y: var(--space-14);--radius-xs: 10px;--radius-pill: 12px;--radius-sm: 14px;--radius-md: 24px;--radius-lg: 32px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-flip: .6s cubic-bezier(.34, 1.56, .64, 1);--z-sticky: 1;--z-raised: 10;--z-header: 50;--z-overlay: 90;--z-modal: 100}html.dark{--bg-primary: #0F0A1E;--bg-surface: #18112A;--bg-surface-elevated: #23193C;--bg-glass: rgba(30, 21, 51, .85);--border-color: rgba(255, 255, 255, .05);--border-highlight: rgba(168, 85, 247, .3);--text-primary: #FFFFFF;--text-muted: #A78BFA;--text-dim: #7C3AED;--btn-secondary-hover: rgba(255, 255, 255, .06);--card-bg-gradient: linear-gradient(145deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .01) 100%);--card-modal-base: radial-gradient(circle at 50% -18%, rgba(139, 92, 246, .42) 0%, transparent 62%), var(--bg-primary);--shadow-soft: 0 20px 40px rgba(139, 92, 246, .15);--app-bg-gradient: radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .45) 0%, transparent 50%), var(--bg-primary)}html.light{--bg-primary: #F4F0FC;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .85);--border-color: rgba(139, 92, 246, .12);--border-highlight: rgba(139, 92, 246, .3);--text-primary: #1F1735;--text-muted: #6B7280;--text-dim: #9CA3AF;--btn-secondary-hover: rgba(139, 92, 246, .08);--card-bg-gradient: linear-gradient(145deg, #FFFFFF 0%, #FAFAFA 100%);--card-modal-base: var(--bg-surface);--shadow-soft: 0 10px 30px rgba(139, 92, 246, .1);--app-bg-gradient: radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .1) 0%, transparent 50%), var(--bg-primary)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;justify-content:center;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}#app{width:100%;max-width:520px;min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--app-bg-gradient);background-attachment:fixed;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}h1,h2,h3,h4{font-family:var(--font-heading)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.muted{color:var(--text-muted)}.text-emerald{color:var(--accent-emerald-light)}.text-indigo{color:var(--accent-indigo-light)}.text-purple{color:var(--accent-purple-light)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.mt-2{margin-top:var(--space-8)}.mt-3{margin-top:var(--space-12)}.mt-4{margin-top:var(--space-16)}.mb-1{margin-bottom:var(--space-4)}.mb-2{margin-bottom:var(--space-8)}.mb-3{margin-bottom:var(--space-12)}.mb-4{margin-bottom:var(--space-16)}.w-full{width:100%}.block{display:block}.text-center{text-align:center}.flag-icon-img{width:20px;height:15px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #0006;display:inline-block;vertical-align:middle}.lang-flag-img{width:34px;height:25px;object-fit:cover;border-radius:6px;box-shadow:0 2px 6px #0006}.mini-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;display:inline-block;vertical-align:middle}.direction-label-box{display:flex;align-items:center;gap:var(--space-6)}.dev-flags-row{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.app-header{height:64px;padding:0 var(--space-16);display:flex;align-items:center;justify-content:space-between;border-bottom:none;background:transparent;position:sticky;top:0;z-index:var(--z-header)}.header-left .logo{display:flex;align-items:center;gap:var(--space-10)}.logo-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px var(--accent-indigo-glow)}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-heading);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--text-primary)}.logo-sub{font-size:.65rem;color:var(--text-muted);font-weight:600}.header-right{display:flex;align-items:center;gap:var(--space-6)}.stat-pill{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-surface-elevated);border:1px solid rgba(245,158,11,.45);padding:5px var(--space-10);border-radius:20px;font-size:.8rem;font-weight:800;color:var(--accent-amber);box-shadow:0 2px 8px #f59e0b26}.icon-flame{color:var(--accent-amber);width:15px;height:15px}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface-elevated);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{color:var(--accent-indigo-light);border-color:var(--accent-indigo);transform:translateY(-1px)}.bottom-nav-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:488px;height:64px;background:var(--bg-surface-elevated);border-radius:32px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-8);z-index:var(--z-overlay);box-shadow:var(--shadow-soft)}.bottom-nav-bar .nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) 0;border-radius:16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:.725rem;cursor:pointer;transition:var(--transition-fast)}.bottom-nav-bar .nav-tab i{width:20px;height:20px}.bottom-nav-bar .nav-tab.active{color:var(--accent-indigo);background:var(--bg-surface-elevated);border:1px solid rgba(var(--accent-indigo-rgb),.35);font-weight:800;border-radius:30px;box-shadow:0 4px 12px rgba(var(--accent-indigo-rgb),.15)}.app-content{flex:1;display:flex;flex-direction:column;padding-bottom:var(--space-24)}.tab-panel{display:none;padding:var(--space-24) var(--page-gutter) var(--space-12);flex-direction:column;gap:var(--space-12)}.tab-panel.active{display:flex}.daily-progress-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);box-shadow:0 2px 8px #0000001f}.progress-info{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.progress-title{display:flex;align-items:center;justify-content:space-between}.progress-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-6)}.direction-toggle-btn{display:flex;align-items:center;gap:var(--space-6);background:var(--bg-surface-elevated);border:1px solid rgba(168,85,247,.5);color:var(--accent-purple);padding:var(--space-6) var(--space-12);border-radius:20px;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 2px 8px #a855f726;transition:var(--transition-fast)}.direction-toggle-btn:hover{background:var(--accent-purple);color:#fff}.badge-accent{background:var(--bg-surface-elevated);color:var(--accent-indigo);border:1px solid rgba(var(--accent-indigo-rgb),.4);font-weight:800;padding:var(--space-4) var(--space-10);border-radius:12px;font-size:.75rem}.progress-bar-container{height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-purple));border-radius:4px;transition:width var(--transition-normal)}.goal-time-chip{display:flex;align-items:center;gap:var(--space-6);font-size:.75rem;color:var(--text-muted);background:var(--bg-surface-elevated);padding:var(--space-4) var(--space-10);border-radius:20px;border:1px solid var(--border-color);white-space:nowrap}.flashcard-wrapper{perspective:1000px;width:100%;min-height:480px;cursor:pointer}.flashcard{width:100%;height:100%;min-height:480px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform var(--transition-flip)}.flashcard.flipped{transform:rotateY(180deg)}.card-side{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg);padding:var(--space-16) 18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-highlight);background:var(--card-bg-gradient);box-shadow:var(--shadow-soft);transform:translateZ(0)}html.dark .card-side{box-shadow:0 8px 24px #0006,0 0 12px rgba(var(--accent-indigo-rgb),.05)}.modal-backdrop .card-side{background:var(--card-bg-gradient),var(--card-modal-base)}.card-front{align-items:center;text-align:center}.card-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center}.card-badge{font-size:.625rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface-elevated);border:1px solid var(--border-color);padding:3px var(--space-10);border-radius:12px;text-transform:uppercase;max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-status-pill{font-size:.7rem;font-weight:800;padding:var(--space-4) var(--space-10);border-radius:12px;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.card-status-pill.mastered{background:#10b98140;color:var(--accent-emerald-light);border-color:#10b98166}.card-status-pill.learning{background:#f59e0b40;color:var(--accent-amber-light);border-color:#f59e0b66}.card-top-right{display:flex;align-items:center;gap:var(--space-6)}.card-level-badge{font-family:var(--font-heading);font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);white-space:nowrap}.card-level-badge.lvl-a{background:#10b98138;color:var(--accent-emerald-light);border-color:#10b98166}.card-level-badge.lvl-b{background:#f59e0b38;color:var(--accent-amber-light);border-color:#f59e0b66}.card-level-badge.lvl-c{background:#f43f5e38;color:var(--accent-rose-light);border-color:#f43f5e66}.card-back{transform:rotateY(180deg);text-align:left;overflow-y:auto}.card-back-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--space-6)}.btn-flip-back{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--accent-indigo);padding:var(--space-6) var(--space-12);border-radius:20px;font-weight:800;font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.btn-flip-back:hover{background:var(--accent-indigo);color:#fff}.card-main-word{font-family:var(--font-heading);font-size:3.2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);text-shadow:none;margin-top:var(--space-4);text-transform:uppercase}.card-phonetic{font-size:1.15rem;color:var(--text-muted);margin-bottom:var(--space-6);font-weight:700}.card-front-translation-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(var(--accent-indigo-rgb),.1);border:1px solid rgba(var(--accent-indigo-rgb),.25);padding:var(--space-8) var(--space-24);border-radius:var(--radius-md);margin:var(--space-6) 0 var(--space-10) 0;width:90%}.card-front-translation-box.hidden{display:none}.hidden{display:none!important}.tense-toggle{display:flex;gap:var(--space-4);background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:20px;padding:3px;margin:var(--space-8) 0 var(--space-2) 0}.tense-toggle-btn{border:none;background:transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;padding:5px var(--space-10);border-radius:16px;cursor:pointer;transition:var(--transition-fast)}.tense-toggle-btn.active{background:var(--accent-indigo);color:#fff}.front-translation-label{font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em}.front-translation-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:var(--text-primary);text-shadow:none}.card-word-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-14);background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:12px;margin-bottom:var(--space-12)}.word-title-group{display:flex;align-items:center;gap:var(--space-10)}.card-back-word-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:var(--text-primary);text-transform:uppercase}.card-back-translation-text{font-weight:700;color:var(--text-primary);font-size:.95rem}.compact-translation-chip{display:flex;align-items:center;gap:var(--space-6);font-size:.85rem}.chip-label{font-weight:800;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em}.chip-text{font-weight:800;color:var(--text-primary);font-size:.95rem}.audio-btn-pulse{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-24);border-radius:30px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));color:#fff;border:none;font-family:var(--font-heading);font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 6px 20px rgba(var(--accent-indigo-rgb),.5);transition:var(--transition-fast)}.audio-btn-pulse:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(var(--accent-indigo-rgb),.65)}.card-instruction{font-size:.8rem;color:var(--accent-indigo);margin-top:auto;font-weight:700;background:var(--bg-surface-elevated);padding:var(--space-8) var(--space-16);border-radius:20px;border:1px solid rgba(var(--accent-indigo-rgb),.4)}.inline-audio-btn{width:32px;height:32px;margin-left:var(--space-2)}.examples-section{display:flex;flex-direction:column;gap:var(--space-8)}.examples-section-title{display:flex;align-items:center;gap:var(--space-6);font-size:.85rem;font-weight:700;color:var(--text-primary)}.menu-modal-body{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-8)}.menu-list-item{display:flex;align-items:center;background:var(--bg-surface-elevated);border:1px solid var(--border-color);padding:var(--space-12) var(--space-16);border-radius:12px;gap:var(--space-12);width:100%;text-align:left;font-weight:600;color:var(--text-primary);transition:all .2s ease;cursor:pointer}.menu-list-item:hover{background:var(--btn-secondary-hover);border-color:var(--border-highlight)}.menu-icon-box{width:36px;height:36px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:#fff}.menu-icon-box i{width:18px;height:18px}.menu-arrow{margin-left:auto;width:16px;height:16px;color:var(--text-muted)}.icon-sparkle{color:var(--accent-purple-light);width:16px;height:16px}.examples-list{display:flex;flex-direction:column;gap:var(--space-8)}.example-item{background:var(--bg-surface-elevated);padding:var(--space-12) var(--space-14);border-radius:12px;border:1.5px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-8)}.example-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12)}.ex-en{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.35}.ex-en strong,.ex-pt strong{color:var(--accent-emerald-light);font-weight:900;text-decoration:underline;text-underline-offset:3px}.ex-pt{font-size:.9rem;color:var(--text-muted);font-weight:600;line-height:1.3}.ex-audio-btn{width:34px;height:34px;border-radius:50%;background:var(--accent-indigo);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 10px var(--accent-indigo-glow);transition:var(--transition-fast)}.ex-audio-btn:hover{transform:scale(1.1)}.categories-grid{display:flex;flex-direction:column;gap:var(--space-12)}.category-item-row{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-16) var(--space-20);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft)}.category-item-row:hover{border-color:var(--accent-purple);transform:translate(4px);box-shadow:0 12px 24px #a855f726}.category-row-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.category-row-title{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--text-primary)}.category-row-badge{font-size:.775rem;font-weight:800;color:var(--accent-purple-light);background:#a855f726;border:1px solid rgba(168,85,247,.35);padding:var(--space-4) var(--space-10);border-radius:12px;white-space:nowrap}.retention-controls{display:flex;gap:var(--space-10);width:100%}.btn-retention{flex:1;padding:var(--space-12) var(--space-8);border-radius:var(--radius-md);border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:var(--space-8);cursor:pointer;transition:var(--transition-fast)}.btn-again{background:var(--bg-surface-elevated);border-color:#f43f5e40;box-shadow:0 4px 14px #f43f5e1a;color:var(--accent-rose)!important}.btn-hard{background:var(--bg-surface-elevated);border-color:#f59e0b40;box-shadow:0 4px 14px #f59e0b1a;color:var(--accent-amber)!important}.btn-easy{background:var(--bg-surface-elevated);border-color:#10b98140;box-shadow:0 4px 14px #10b9811a;color:var(--accent-emerald)!important}@media (hover: hover){.btn-again:hover{background:#f43f5e14;border-color:var(--accent-rose);transform:translateY(-2px)}.btn-hard:hover{background:#f59e0b14;border-color:var(--accent-amber);transform:translateY(-2px)}.btn-easy:hover{background:#10b98114;border-color:var(--accent-emerald);transform:translateY(-2px)}}.btn-again:active{background:#f43f5e26;border-color:var(--accent-rose);transform:translateY(0)}.btn-hard:active{background:#f59e0b26;border-color:var(--accent-amber);transform:translateY(0)}.btn-easy:active{background:#10b98126;border-color:var(--accent-emerald);transform:translateY(0)}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-title{font-family:var(--font-heading);font-weight:800;font-size:.95rem}.btn-sub{font-size:.685rem;font-weight:600}.lang-step-box{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14)}.step-header-pill{display:flex;align-items:center;gap:var(--space-8)}.step-num{background:var(--accent-indigo);color:#fff;font-weight:800;font-size:.7rem;padding:3px var(--space-8);border-radius:8px}.step-title{font-family:var(--font-heading);font-weight:800;font-size:.9rem;color:var(--text-primary)}.lang-native-grid{display:flex;flex-wrap:wrap;gap:var(--space-8)}.native-lang-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-14);background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:var(--font-heading);font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.native-lang-btn:hover{border-color:var(--accent-indigo);background:rgba(var(--accent-indigo-rgb),.15)}.native-lang-btn.active{border-color:var(--accent-indigo);background:rgba(var(--accent-indigo-rgb),.28);color:#fff;box-shadow:0 2px 10px var(--accent-indigo-glow)}.lang-selector-grid{display:flex;flex-direction:column;gap:var(--space-10)}.lang-option-card{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-14) var(--space-16);background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.lang-option-card:hover{border-color:var(--accent-purple);background:#a855f71f;transform:translateY(-1px)}.lang-option-card.active{border-color:var(--accent-purple);background:#a855f733;box-shadow:0 4px 14px #a855f740}.lang-option-info{display:flex;flex-direction:column;flex:1}.lang-option-title{font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--text-primary)}.lang-option-sub{font-size:.775rem;color:var(--text-muted)}.lang-check{font-weight:800;color:var(--accent-purple-light);font-size:1.1rem;display:none}.lang-option-card.active .lang-check{display:block}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-20)}.modal-backdrop.active{display:flex}#modalSearch.active{align-items:flex-start;padding-top:2rem}.modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-24);width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #00000080;position:relative}.modal-header{padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);background:var(--bg-surface);flex-shrink:0;z-index:var(--z-raised)}.modal-close{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);width:32px;height:32px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.modal-body{padding:var(--space-20);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);background:var(--bg-surface);flex-shrink:0}.goal-options-list{display:flex;flex-direction:column;gap:var(--space-10)}.goal-option-card{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-14);background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.goal-option-card:hover{border-color:var(--accent-indigo)}.goal-title{font-weight:800;font-size:.95rem;color:var(--text-primary)}.goal-meta{font-size:.75rem;color:var(--text-muted)}.btn-primary{padding:var(--space-12) var(--space-20);border-radius:var(--radius-md);background:var(--accent-indigo);color:#fff;border:none;font-weight:800;cursor:pointer}.btn-secondary{padding:var(--space-12) var(--space-20);border-radius:var(--radius-md);background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);font-weight:800;cursor:pointer}.section-header{margin-bottom:var(--space-16)}.section-header h2{font-size:1.25rem;font-weight:800;margin-bottom:var(--space-4)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-16)}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14) var(--space-10);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8)}.kpi-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.bg-emerald{background:var(--accent-emerald);box-shadow:0 4px 10px #10b9814d}.bg-amber{background:var(--accent-amber);box-shadow:0 4px 10px #f59e0b4d}.bg-indigo{background:var(--accent-indigo);box-shadow:0 4px 10px rgba(var(--accent-indigo-rgb),.3)}.bg-rose{background:var(--accent-rose);box-shadow:0 4px 10px #f43f5e4d}.kpi-content{display:flex;flex-direction:column}.kpi-value{font-family:var(--font-heading);font-size:1.2rem;font-weight:800}.kpi-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.evolution-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--card-pad)}.evolution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16)}.coverage-badge{background:#10b98133;color:var(--accent-emerald-light);padding:var(--space-4) var(--space-10);border-radius:12px;font-weight:800;font-size:1rem}.coverage-chart-container{height:24px;background:var(--bg-surface-elevated);border-radius:12px;position:relative;margin-bottom:48px}.coverage-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-emerald));border-radius:12px;transition:width var(--transition-normal)}.milestone-marker{position:absolute;top:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;margin-top:var(--space-4)}.marker-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;margin-bottom:var(--space-2)}.marker-label{font-size:.6rem;color:var(--text-muted);text-align:center;font-weight:700}.explanation-item{display:flex;align-items:flex-start;gap:var(--space-8);font-size:.8rem;color:var(--text-primary)}.explanation-item i{flex-shrink:0;width:16px;height:16px}.cloud-sync-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14) var(--space-16)}.cloud-sync-header{display:flex;align-items:center;gap:var(--space-12)}.cloud-card-icon{color:var(--accent-indigo-light);width:32px;height:32px}.btn-cloud-sync{width:100%;background:rgba(var(--accent-indigo-rgb),.15);border:1px solid rgba(var(--accent-indigo-rgb),.3);color:var(--accent-indigo-light);padding:var(--space-10);border-radius:var(--radius-sm);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-8);cursor:pointer}.packs-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14) var(--space-16)}.packs-card-header h3{margin-bottom:var(--space-2)}.packs-grid{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-12)}.pack-item-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding:var(--space-10) var(--space-12);border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-color)}.pack-item-info{display:flex;flex-direction:column}.pack-item-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.pack-item-meta{font-size:.75rem;color:var(--text-muted)}.pack-buy-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-12);border-radius:20px;font-weight:700;font-size:.75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer}.pack-item-card.owned .pack-buy-btn{color:var(--accent-emerald-light);border-color:#10b98166;background:#10b98126;cursor:default}.pack-item-card.locked .pack-buy-btn{cursor:not-allowed;opacity:.7}.pack-buy-btn i{width:14px;height:14px}#modalSearch .search-box-card{background:transparent;border:none;padding:0;box-shadow:none}.search-box-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14);box-shadow:0 4px 16px #0003;transition:var(--transition-normal)}.search-box-card:focus-within{border-color:var(--accent-indigo);box-shadow:0 8px 24px rgba(var(--accent-indigo-rgb),.25)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--accent-indigo-light);width:20px;height:20px;pointer-events:none}.search-input{width:100%;background:var(--bg-surface-elevated);border:1px solid var(--border-color);padding:var(--space-14) 44px var(--space-14) 44px;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;font-weight:600;transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-indigo);background:var(--bg-surface)}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:var(--text-muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:var(--transition-fast)}.search-clear-btn:hover{background:var(--accent-rose);color:#fff}.search-meta-count{font-size:.775rem;font-weight:700;color:var(--accent-emerald-light);padding:0 var(--space-4)}.search-results-list{display:flex;flex-direction:column;gap:var(--space-10);max-height:380px;overflow-y:auto;padding-right:var(--space-4)}.search-empty-state{text-align:center;padding:var(--space-24) var(--space-12);color:var(--text-muted);font-size:.875rem;background:#ffffff05;border-radius:var(--radius-sm);border:1px dashed var(--border-color)}.word-list-row{display:flex;align-items:center;gap:var(--space-12);background:var(--bg-surface-elevated);padding:var(--row-pad-y) var(--row-pad-x);border-radius:var(--radius-pill);border:1.5px solid var(--border-color);cursor:pointer;transition:var(--transition-fast)}.word-list-row:hover{border-color:var(--accent-indigo);background:rgba(var(--accent-indigo-rgb),.12);transform:translate(4px)}.search-word-audio-btn{background:rgba(var(--accent-indigo-rgb),.2);border:1px solid rgba(var(--accent-indigo-rgb),.35);color:var(--accent-indigo-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}.search-word-audio-btn:hover{background:var(--accent-indigo);color:#fff;transform:scale(1.08)}.word-row-content{flex:1;display:flex;flex-direction:column;min-width:0;gap:var(--space-2)}.word-row-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.word-row-main{font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-row-cat{font-size:.725rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.word-row-trans{font-size:.9rem;color:var(--accent-emerald-light);font-weight:700;text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.pillars-grid{display:flex;flex-direction:column;gap:var(--space-12)}.pillar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-14) var(--space-16)}.pillar-header{display:flex;align-items:center;gap:var(--space-10)}.modal-lg-card .modal-body{max-height:70vh;overflow-y:auto}.category-words-list{display:flex;flex-direction:column;gap:var(--space-8)}a{color:inherit;text-decoration:none}a:visited{color:inherit}.dev-modal-card{border:1px solid rgba(16,185,129,.35);box-shadow:0 20px 50px #0009,0 0 30px #10b98126}.dev-profile-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);background:var(--bg-surface-elevated);border:1px solid var(--border-color);padding:var(--space-20) var(--space-16);border-radius:var(--radius-md);box-shadow:0 4px 16px #0003}.dev-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent-emerald),var(--accent-emerald-dark));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px #10b98166;margin-bottom:var(--space-4)}.dev-avatar i{width:30px;height:30px}.dev-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.dev-title{color:var(--accent-emerald-light)!important;font-weight:700}.dev-lang-badge{background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:var(--space-8) var(--space-14);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--text-primary)}.dev-contact-grid{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-16)}.dev-contact-card{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-14) 18px;border-radius:var(--radius-md);text-decoration:none!important;transition:var(--transition-fast);cursor:pointer}.dev-contact-card:visited,.dev-contact-card:link{text-decoration:none!important}.linkedin-card{background:linear-gradient(135deg,#0a66c233,#0e76a84d);border:1.5px solid rgba(10,102,194,.5);color:var(--accent-sky)!important}.linkedin-card:hover{background:linear-gradient(135deg,#0a66c266,#0e76a880);border-color:var(--accent-sky);transform:translateY(-2px);box-shadow:0 6px 20px #0a66c259}.email-card{background:linear-gradient(135deg,#10b98133,#0596694d);border:1.5px solid rgba(16,185,129,.5);color:var(--accent-emerald-light)!important}.email-card:hover{background:linear-gradient(135deg,#10b98166,#05966980);border-color:var(--accent-emerald-light);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.contact-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.linkedin-card .contact-icon{background:#0a66c24d;color:var(--accent-sky)}.email-card .contact-icon{background:#10b9814d;color:var(--accent-emerald-light)}.contact-info{display:flex;flex-direction:column;flex:1}.contact-label{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.contact-value{font-family:var(--font-heading);font-size:.925rem;font-weight:700;color:#fff!important}.external-icon{width:18px;height:18px;opacity:.7;transition:opacity var(--transition-fast)}.dev-contact-card:hover .external-icon{opacity:1}.dev-cta-box{background:#ffffff0a;border:1px dashed var(--border-color);padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm)}.floating-dropdown-backdrop{justify-content:flex-end;align-items:flex-start;padding:65px var(--space-16) var(--space-16) var(--space-16);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.floating-menu-card{width:320px;max-width:90vw;border-radius:20px;box-shadow:0 10px 40px #00000059;animation:slideDownMenu .3s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:top right;margin:0}@keyframes slideDownMenu{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.verbs-table-wrapper{--verbs-margin-x: var(--space-10);--verbs-body-pad-x: var(--list-pad-x);--verbs-row-pad-x: var(--row-pad-x);--verbs-row-pad-y: var(--space-16);--verbs-num-col: 32px;--verbs-gap: var(--space-10);margin:var(--space-16) var(--verbs-margin-x) 0;border:1.5px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);max-width:calc(100% - var(--verbs-margin-x) * 2)}.verbs-table-head,.verbs-row{display:grid;grid-template-columns:var(--verbs-num-col) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--verbs-gap);width:100%;box-sizing:border-box}.verbs-table-head{background:var(--bg-surface-elevated);border-bottom:1.5px solid var(--border-color);font-family:var(--font-heading);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);position:sticky;top:0;z-index:var(--z-sticky);padding:12px calc(var(--verbs-body-pad-x) + var(--verbs-row-pad-x))}.verbs-table-body{max-height:65vh;overflow-y:auto;overflow-x:hidden;padding:8px var(--verbs-body-pad-x)}.verbs-row{padding:var(--verbs-row-pad-y) var(--verbs-row-pad-x);cursor:pointer;border-bottom:1px solid var(--border-color);border-radius:var(--radius-xs);transition:var(--transition-fast)}.verbs-row:last-child{border-bottom:none}.verbs-row:hover{background:rgba(var(--accent-indigo-rgb),.1)}.verbs-row:active{transform:scale(.99)}.verbs-col-num{font-size:.75rem;color:var(--text-dim);font-weight:600;text-align:center;min-width:0}.verbs-row span{font-family:var(--font-heading);font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.verbs-col-present{color:var(--text-primary)}.verbs-row .verbs-cell-past{color:var(--accent-rose-light)}.verbs-row .verbs-cell-future{color:var(--accent-emerald-light)}@media (max-width: 768px){.verbs-table-wrapper{--verbs-row-pad-y: var(--space-14);--verbs-gap: var(--space-8)}}@media (max-width: 480px){.verbs-table-wrapper{--verbs-margin-x: var(--space-6);--verbs-body-pad-x: var(--space-12);--verbs-row-pad-x: var(--space-14);--verbs-row-pad-y: var(--space-12);--verbs-num-col: 20px;--verbs-gap: var(--space-6);margin-top:var(--space-14)}.verbs-table-head{font-size:.62rem}.verbs-row span{font-size:.82rem}}@media (max-width: 360px){.verbs-table-wrapper{--verbs-body-pad-x: var(--space-10);--verbs-row-pad-x: var(--space-12);--verbs-row-pad-y: var(--space-10);--verbs-num-col: 16px;--verbs-gap: var(--space-4)}.verbs-row span{font-size:.76rem}}.phrasal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8);margin:var(--space-12) var(--space-10) 0}.phrasal-filters{display:flex;flex-wrap:wrap;gap:var(--space-6)}.pv-filter-btn{font-family:var(--font-heading);font-size:.75rem;font-weight:700;padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);border:1.5px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.pv-filter-btn:hover{border-color:var(--border-highlight);color:var(--text-primary)}.pv-filter-btn.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}.phrasal-count{font-size:.75rem;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.phrasal-list-wrapper{margin:var(--space-10) var(--space-10) 0;max-width:calc(100% - var(--space-20))}.phrasal-list-body{display:flex;flex-direction:column;gap:var(--space-8);max-height:64vh;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}.phrasal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4) var(--space-10);align-items:center}.pv-term{font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-term i{font-style:normal;color:var(--accent-indigo-light)}.pv-sense{margin-left:var(--space-6);font-family:var(--font-family);font-size:.6875rem;font-weight:700;color:var(--text-dim);vertical-align:middle}.pv-meaning{grid-column:1 / -1;font-size:.875rem;color:var(--accent-emerald-light);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-marks{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.cefr-badge{font-family:var(--font-heading);font-size:.65rem;font-weight:800;letter-spacing:.03em;padding:var(--space-2) var(--space-6);border-radius:var(--space-6);border:1px solid transparent}.cefr-badge.lvl-a{background:#10b98133;color:var(--accent-emerald-light);border-color:#10b98159}.cefr-badge.lvl-b{background:#f59e0b33;color:var(--accent-amber-light);border-color:#f59e0b59}.cefr-badge.lvl-c{background:#f43f5e33;color:var(--accent-rose-light);border-color:#f43f5e59}.pv-flag{font-family:var(--font-family);font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:var(--space-2) var(--space-6);border-radius:var(--space-6)}.pv-top{background:rgba(var(--accent-indigo-rgb),.22);color:var(--accent-indigo-light)}.pv-sep{background:transparent;color:var(--text-dim);border:1px solid var(--border-color)}@media (max-width: 480px){.phrasal-toolbar{margin:var(--space-12) var(--space-6) 0}.phrasal-list-wrapper{margin:var(--space-10) var(--space-6) 0;max-width:calc(100% - var(--space-12))}.pv-term{font-size:.9375rem}.pv-meaning{font-size:.8125rem}}.pair-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4) var(--space-10);align-items:center}.pair-terms{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;min-width:0;font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--text-primary)}.pair-symbol{font-style:normal;font-weight:700;font-size:.95rem;padding:0 var(--space-2)}.pair-symbol.rel-antonym{color:var(--accent-rose-light)}.pair-symbol.rel-synonym{color:var(--accent-emerald-light)}.pair-symbol.rel-confusable{color:var(--accent-amber-light)}.pair-symbol.rel-homophone{color:var(--accent-indigo-light)}.pair-meaning{grid-column:1 / -1;font-size:.8125rem;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pair-marks{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}@media (max-width: 480px){.pair-terms{font-size:.9375rem;gap:var(--space-6)}.pair-meaning{font-size:.75rem}}.phrasal-toolbar-right{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.pv-sort-btn{display:inline-flex;align-items:center;gap:var(--space-6);font-family:var(--font-heading);font-size:.72rem;font-weight:700;padding:var(--space-6) var(--space-10);border-radius:var(--radius-pill);border:1.5px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.pv-sort-btn:hover{border-color:var(--border-highlight);color:var(--text-primary)}.pv-sort-btn i{width:14px;height:14px}.pv-filter-btn.pv-filter-top{border-color:rgba(var(--accent-indigo-rgb),.45);color:var(--accent-indigo-light)}.pv-filter-btn.pv-filter-top.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}.search-row-locked{background:transparent;border-style:dashed;opacity:.72;cursor:default}.search-row-locked:hover{border-color:var(--accent-amber);background:#f59e0b14;transform:none;opacity:1}.search-lock-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--accent-amber)}.search-suggestions{margin-top:var(--space-12)}.search-suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-top:var(--space-8)}.search-suggestion-chip{background:rgba(var(--accent-indigo-rgb),.12);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 14px;border-radius:var(--radius-pill);font-size:.8125rem;cursor:pointer;transition:var(--transition-fast)}.search-suggestion-chip:hover{background:rgba(var(--accent-indigo-rgb),.28);border-color:var(--accent-indigo)}.form-group{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-14)}.form-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.form-input{width:100%;padding:var(--space-12) var(--space-14);border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px rgba(var(--accent-indigo-rgb),.18)}.form-hint{font-size:.75rem;color:var(--text-muted);margin:0}.password-wrapper{--toggle-size: var(--space-24);position:relative;display:flex;align-items:center}.password-wrapper .form-input{padding-right:calc(var(--toggle-size) + var(--space-20))}.password-toggle{position:absolute;right:var(--space-12);width:var(--toggle-size);height:var(--toggle-size);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.password-toggle:hover{color:var(--accent-indigo)}.password-toggle svg{width:18px;height:18px}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-12);border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--bg-surface-elevated);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}.btn-google:hover{border-color:var(--border-highlight);transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.google-icon{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-16) 0;color:var(--text-dim);font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-tabs{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xs);background:rgba(var(--accent-indigo-rgb),.08);margin-bottom:var(--space-16)}.auth-tab{flex:1;padding:var(--space-10);border:none;border-radius:calc(var(--radius-xs) - var(--space-4));background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:.88rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.auth-tab.active{background:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:0 1px 3px #0000001f}.auth-feedback{padding:var(--space-10) var(--space-12);border-radius:var(--radius-xs);font-size:.85rem;line-height:1.45;margin-bottom:var(--space-12);border-left:3px solid transparent}.auth-feedback.error{background:#f43f5e1f;border-left-color:var(--accent-rose);color:var(--accent-rose-light)}.auth-feedback.success{background:#10b9811f;border-left-color:var(--accent-emerald);color:var(--accent-emerald-light)}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-14)}.auth-link{border:none;background:transparent;padding:0;color:var(--text-muted);font-family:var(--font-family);font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--accent-indigo)}.account-identity{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14);border-radius:var(--radius-xs);background:var(--bg-surface-elevated);border:1px solid var(--border-color);margin-bottom:var(--space-12)}.account-avatar{--avatar-size: 44px;width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));color:#fff;font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.account-identity-text{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.account-email{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.account-badge{align-self:flex-start;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.account-badge.tier-premium{background:#f59e0b29;color:var(--accent-amber-light)}.account-badge.tier-free{background:rgba(var(--accent-indigo-rgb),.16);color:var(--accent-indigo-light)}.account-badge.tier-sample{background:#6b72802e;color:var(--text-muted)}.account-benefits{font-size:.85rem;line-height:1.5;color:var(--text-muted);margin-bottom:var(--space-16)}.btn-signout{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12);border-radius:var(--radius-xs);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.btn-signout:hover{color:var(--accent-rose);border-color:var(--accent-rose)}.btn-signout svg{width:16px;height:16px}.offline-badge-box{padding:var(--space-10);border-radius:var(--radius-xs);background:#10b9811a}.text-indigo{color:var(--accent-indigo)}