:root{--bg-primary: #0a0e14;--bg-secondary: #0f1419;--bg-tertiary: #151b23;--bg-card: #1a2029;--bg-card-light: #232b36;--accent-primary: #00d4ff;--accent-secondary: #0ea5e9;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #0ea5e9 100%);--bg-glass: rgba(22, 27, 34, .7);--bg-glass-light: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--blur-md: blur(12px);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-primary: #ffffff;--text-secondary: #8b949e;--text-muted: #6e7681;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--ad-banner-height: 60px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);font-size:var(--text-base)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);outline:none}.btn-primary{background:var(--accent-gradient);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--bg-card-light)}.btn-secondary:hover{background:var(--bg-card-light)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:var(--bg-primary)}.btn-full{width:100%}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--text-lg);border-radius:var(--radius-lg)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}.card-hover{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--bg-card-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}.input:focus{border-color:var(--accent-primary)}.input::placeholder{color:var(--text-muted)}.page{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);padding-bottom:calc(var(--ad-banner-height) + var(--spacing-lg) + 80px);max-width:480px;margin:0 auto;width:100%;transition:max-width .3s ease}@media (min-width: 768px){.page{max-width:800px;padding:var(--spacing-xl)}h1{font-size:42px}h2{font-size:32px}.text-base{font-size:18px}.btn{font-size:18px;padding:16px 32px}.card{padding:var(--spacing-xl)}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.page-header-title{font-size:var(--text-lg);font-weight:600;color:var(--accent-primary);text-align:center;flex:1}.back-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-2xl)}.skip-btn{color:var(--accent-primary);font-size:var(--text-sm);font-weight:500;background:none;border:none;cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-card-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-scaleIn{animation:scaleIn var(--transition-normal) ease-out}.language-page{padding-bottom:var(--spacing-lg)}.page-step{font-size:var(--text-sm);color:var(--text-muted)}.language-content{flex:1;margin-top:var(--spacing-lg)}.language-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.language-desc{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.language-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.language-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.language-item:hover{background:var(--bg-card-light)}.language-item.selected{border-color:var(--accent-primary);background:#00d4ff14}.language-flag{font-size:14px;font-weight:700;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-md);color:var(--text-primary);letter-spacing:.5px;flex-shrink:0}.language-info{flex:1;display:flex;flex-direction:column;gap:2px}.language-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.language-country{font-size:var(--text-sm);color:var(--text-muted)}.language-radio{width:22px;height:22px;border:2px solid var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.language-radio.checked{border-color:var(--accent-primary)}.radio-dot{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;animation:scaleIn var(--transition-fast) ease-out}.home-page{height:100vh;padding-top:calc(max(var(--spacing-lg),env(safe-area-inset-top)) + 30px);padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at top right,rgba(0,212,255,.05),transparent 60%),radial-gradient(circle at bottom left,rgba(139,92,246,.05),transparent 60%)}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-shrink:0}.home-header-left{display:flex;flex-direction:column;gap:4px}.app-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:1.5px;font-weight:500}.app-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:700;letter-spacing:-.5px}.settings-header-btn{width:44px;height:44px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-header-btn:hover{background:#ffffff1a;transform:rotate(15deg)}.settings-header-btn svg{width:20px;height:20px;color:var(--text-primary)}.welcome-section{margin-bottom:var(--spacing-md);flex-shrink:0}.welcome-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:2px;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{display:block;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.home-content-scroll{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;overflow-y:auto;min-height:0;padding-bottom:var(--spacing-md);scrollbar-width:none}.home-content-scroll::-webkit-scrollbar{display:none}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);flex-shrink:0}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform var(--transition-fast)}.stat-card:active{transform:scale(.98)}.stat-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:18px;height:18px}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-unit{font-size:var(--text-xs);color:var(--text-secondary);margin-left:2px}.stat-hint{font-size:10px;color:var(--text-muted);opacity:.7}.goals-section{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.section-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary)}.goal-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);min-height:70px}.goal-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.goal-icon svg{width:20px;height:20px}.goal-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.goal-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.goal-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.goal-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-top:4px}.goal-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full)}.goal-value{font-size:var(--text-base);font-weight:700;color:var(--accent-primary);white-space:nowrap}.goal-badge{background:#8b5cf626;color:#a78bfa;font-size:var(--text-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-md);border:1px solid rgba(139,92,246,.2)}.start-practice-btn{width:80%;margin:auto auto 120px;padding:12px;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;flex-shrink:0;border-radius:var(--radius-xl);background:var(--accent-gradient);border:none;box-shadow:0 4px 20px #00d4ff40;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.start-practice-btn:active{transform:scale(.98);box-shadow:0 2px 10px #00d4ff33}.mode-page{min-height:100vh;padding-bottom:var(--spacing-lg);background:radial-gradient(circle at top center,rgba(118,75,162,.15),transparent 50%),radial-gradient(circle at bottom center,rgba(102,126,234,.15),transparent 50%)}.mode-content{flex:1;margin-top:var(--spacing-md)}.mode-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.mode-desc{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6;font-size:var(--text-sm)}.mode-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mode-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-medium);text-align:left;width:100%;box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s}.mode-card:hover:before{transform:translate(100%)}.mode-card:hover{transform:translate(4px);background:var(--bg-card-light);border-color:#00d4ff33}.mode-card:active{transform:translate(2px)}.mode-icon-wrapper{width:60px;height:60px;background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-medium);box-shadow:0 4px 10px #0000001a}.mode-card:hover .mode-icon-wrapper{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 0 15px #00d4ff26}.mode-icon{width:28px;height:28px;color:var(--text-secondary);transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center}.mode-icon svg{width:100%;height:100%}.mode-card:hover .mode-icon{color:var(--accent-primary);filter:drop-shadow(0 0 5px rgba(0,212,255,.5))}.mode-info{flex:1;display:flex;flex-direction:column;gap:4px}.mode-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.mode-description{font-size:var(--text-sm);color:var(--text-muted)}.mode-image{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 15px #0003;border:1px solid rgba(255,255,255,.1)}.mode-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.practice-page{height:100vh;width:100%;padding-top:max(var(--spacing-md),env(safe-area-inset-top));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at top right,rgba(0,212,255,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(14,165,233,.1),transparent 40%)}.page-header{display:flex;justify-content:space-between;align-items:center;height:48px;flex-shrink:0}.page-header-title{font-size:var(--text-base);font-weight:600}.settings-btn{width:44px;height:44px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-btn:hover{background:#ffffff1a;transform:rotate(15deg)}.settings-btn:active{transform:scale(.95)}.settings-btn svg{width:20px;height:20px;color:var(--text-primary)}.mini-stats-bar{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);background:var(--bg-glass);padding:8px var(--spacing-md);border-radius:var(--radius-full);flex-shrink:0;justify-content:space-between;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);box-shadow:0 4px 16px #0003}.topic-info{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.topic-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-difficulty{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.topic-difficulty.easy{background:#22c55e33;color:#4ade80}.topic-difficulty.medium{background:#eab30833;color:#facc15}.topic-difficulty.hard{background:#ef444433;color:#f87171}.change-topic-btn-top{background:#ffffff1a;border:none;border-radius:12px;padding:6px 12px;color:var(--text-secondary);font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.change-topic-btn-top:hover{background:#fff3;color:var(--text-primary)}.change-topic-btn-top:active{transform:scale(.95)}.paragraph-display{flex:1;overflow-y:auto;margin-bottom:var(--spacing-sm);min-height:0}.paragraph-container{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);line-height:1.8;height:100%;box-sizing:border-box;overflow-y:auto;box-shadow:var(--shadow-glass)}.word-display{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.word-container{text-align:center;padding:var(--spacing-lg)}.current-word{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1.2}.controls-container{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-glass);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);border-radius:32px;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0 var(--spacing-md) 105px var(--spacing-md);padding-bottom:var(--spacing-md);width:auto}.speed-control-minimal{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-xs);color:var(--text-secondary);padding-top:0}.speed-control-minimal button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:24px;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.speed-control-minimal button:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a;transform:scale(1.1)}.speed-control-minimal button:active:not(:disabled){transform:scale(.95)}.speed-control-minimal button:disabled{opacity:.3;cursor:not-allowed}.speed-control-minimal span{font-weight:700;color:var(--accent-primary);min-width:60px;text-align:center;font-size:28px;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(0,212,255,.3)}.speed-slider-row{flex:1;display:flex;align-items:center;gap:var(--spacing-xs)}.control-btn-small{width:32px;height:32px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.control-btn-small:hover{background:#ffffff26;border-color:#fff3}.control-btn-small:active{transform:scale(.95)}.speed-slider{flex:1;height:6px;background:#ffffff1a;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--accent-primary)}.word-count-selector{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:2px;animation:fadeIn .3s ease}.selector-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.selector-buttons{display:flex;gap:8px;background:var(--bg-glass);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-glass)}.selector-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.selector-btn.active{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 2px 8px #00d4ff4d}.play-buttons-row{display:flex;gap:var(--spacing-sm);justify-content:center}.play-btn-compact{flex:1;background:var(--accent-gradient);color:var(--bg-primary);border:none;border-radius:var(--radius-xl);padding:12px;font-size:var(--text-base);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;transition:all var(--transition-fast)}.play-btn-compact:active{transform:scale(.98);box-shadow:none}.new-paragraph-btn-compact{width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.05)}.new-paragraph-btn-compact:active{background:#ffffff26;transform:scale(.95)}.progress-minimal{height:4px;background:var(--bg-tertiary);border-radius:2px;margin-top:4px;width:100%;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:var(--accent-primary);transition:width .3s}.paragraph-word{display:inline-block;color:var(--text-muted);padding:1px 4px;margin:1px 0;border-radius:4px}.paragraph-word.read{color:var(--text-secondary)}.paragraph-word.highlighted{color:var(--bg-primary);background:var(--accent-primary)}.ad-banner{position:fixed;bottom:70px;left:0;right:0;height:var(--ad-banner-height);background:var(--bg-tertiary);border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;z-index:99;max-width:480px;margin:0 auto}.ad-banner-content{display:flex;flex-direction:column;align-items:center;gap:2px}.ad-label{font-size:9px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.ad-placeholder{background:linear-gradient(135deg,#00d4ff1a,#0ea5e91a);border:1px dashed var(--text-muted);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-xl);color:var(--text-muted);font-size:var(--text-xs);min-width:320px;text-align:center}.comprehension-page{min-height:100vh;padding-bottom:calc(var(--spacing-xl) * 4 + env(safe-area-inset-bottom));background:radial-gradient(circle at top left,rgba(0,212,255,.1),transparent 40%),radial-gradient(circle at bottom right,rgba(14,165,233,.1),transparent 40%)}.success-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin:var(--spacing-xl) 0}.success-section.compact{margin:var(--spacing-md) 0}.success-icon{width:80px;height:80px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);box-shadow:0 4px 30px #00d4ff66;animation:scaleIn var(--transition-slow) ease-out}.success-icon.small{width:60px;height:60px;margin-bottom:var(--spacing-md)}.success-icon svg{width:40px;height:40px;color:var(--bg-primary)}.success-icon.small svg{width:30px;height:30px}.success-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.success-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.word-count-card{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-glass)}.word-count-icon{width:60px;height:60px;background:#00d4ff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.word-count-icon svg{width:30px;height:30px}.word-count-content{display:flex;flex-direction:column;gap:4px}.word-count-value{font-size:var(--text-4xl);font-weight:700;color:var(--accent-primary)}.word-count-label{font-size:var(--text-base);color:var(--text-muted)}.questions-section{flex:1;margin-bottom:var(--spacing-lg)}.questions-header{margin-bottom:var(--spacing-md)}.questions-progress{font-size:var(--text-sm);color:var(--text-muted)}.question-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.question-text{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.5}.options-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.option-btn:hover{background:var(--bg-card-light);border-color:#00d4ff4d}.option-btn.selected{background:#00d4ff26;border-color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33}.option-letter{width:28px;height:28px;background:var(--bg-card);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);flex-shrink:0}.option-btn.selected .option-letter{background:var(--accent-primary);color:var(--bg-primary)}.option-text{font-size:var(--text-sm);color:var(--text-primary)}.results-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin:var(--spacing-xl) 0}.results-icon{font-size:60px;margin-bottom:var(--spacing-md)}.results-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.results-score{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--spacing-md)}.score-value{font-size:var(--text-4xl);font-weight:700;color:var(--accent-primary)}.score-total{font-size:var(--text-xl);color:var(--text-muted)}.results-message{font-size:var(--text-sm);color:var(--text-secondary);max-width:280px;line-height:1.6}.review-section{margin-bottom:var(--spacing-xl)}.review-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-md)}.review-item{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.review-question{display:block;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.review-answer{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs)}.review-answer .correct{color:var(--success);font-weight:600}.review-answer .wrong{color:var(--error);font-weight:600}.correct-answer{color:var(--text-muted)}.complete-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:auto}.complete-btn:disabled{opacity:.5;cursor:not-allowed}.complete-btn svg{width:20px;height:20px}.completion-action-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-xl) 0;width:100%}.completion-action-container .word-count-card{margin:0}.complete-btn-inline{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 4px 15px #0ea5e94d}.complete-btn-inline svg{width:20px;height:20px}.ad-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.ad-modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:90%;max-width:340px;text-align:center;border:1px solid var(--border-glass);box-shadow:var(--shadow-glass)}.ad-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ad-modal-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:1px}.ad-close-btn{width:32px;height:32px;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.ad-close-btn:hover{background:var(--bg-card-light)}.ad-modal-content{margin-bottom:var(--spacing-md)}.ad-placeholder-large{background:var(--bg-tertiary);border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted)}.ad-placeholder-size{font-size:var(--text-xs);opacity:.7}.ad-skip-text{font-size:var(--text-xs);color:var(--text-muted)}.quiz-paragraph-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-glass-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quiz-paragraph-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.quiz-paragraph-category{font-size:var(--text-xs);color:var(--accent-primary);background:#00d4ff1a;padding:4px 10px;border-radius:var(--radius-full)}.settings-page{padding-bottom:calc(var(--spacing-lg) + 80px)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);padding-left:var(--spacing-xs)}.setting-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.setting-item.clickable{cursor:pointer;transition:background var(--transition-fast)}.setting-item.clickable:hover{background:var(--bg-card-light)}.setting-item.font-setting{flex-wrap:wrap}.setting-icon{width:40px;height:40px;background:#00d4ff1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.setting-icon svg{width:20px;height:20px;color:var(--accent-primary)}.setting-content{flex:1;display:flex;flex-direction:column;gap:2px}.setting-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.setting-description{font-size:var(--text-xs);color:var(--text-muted)}.setting-value{font-size:var(--text-base);color:var(--accent-primary);font-weight:600}.setting-arrow{font-size:var(--text-xl);color:var(--text-muted)}.toggle{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border-radius:var(--radius-full);transition:var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--text-muted);border-radius:50%;transition:var(--transition-fast)}.toggle input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(22px);background-color:var(--bg-primary)}.music-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.music-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-card);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.music-option:hover{border-color:#00d4ff4d;background:var(--bg-card-light)}.music-option.active{border-color:var(--accent-primary);background:#00d4ff1a;color:var(--accent-primary)}.music-option svg{width:20px;height:20px}.music-option span{font-size:var(--text-sm);font-weight:500}.font-size-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.font-size-label{color:var(--text-muted);font-weight:600}.font-size-label.small{font-size:12px}.font-size-label.large{font-size:20px}.font-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00d4ff66}.font-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}.font-preview{height:50px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-sm);overflow:hidden}.logout-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef444433;border-color:var(--error)}.logout-btn svg{width:20px;height:20px}.settings-footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xl) 0;margin-top:auto}.app-logo{font-size:40px;margin-bottom:var(--spacing-sm)}.version-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.design-credit{font-size:var(--text-xs);color:var(--text-muted)}.settings-user-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-light) 100%);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.user-avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--accent-primary);object-fit:cover}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.user-email{font-size:var(--text-sm);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;animation:scaleIn var(--transition-normal) ease-out}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg)}.language-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.language-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.language-option:hover{background:var(--bg-card-light)}.language-option.selected{border-color:var(--accent-primary);background:#00d4ff1a}.lang-flag{font-size:12px;font-weight:700;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-md);color:var(--text-primary);letter-spacing:.5px}.lang-name{flex:1;font-size:var(--text-base);color:var(--text-primary)}.check-icon{width:20px;height:20px;color:var(--accent-primary)}.stats-confirm-modal{text-align:center;max-width:340px}.modal-icon{font-size:48px;margin-bottom:var(--spacing-md)}.modal-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.modal-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.modal-btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--bg-primary)}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff4d}.modal-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.modal-btn-secondary:hover{background:var(--bg-card-light);color:var(--text-primary)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-card);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.statistics-page{padding-bottom:calc(var(--ad-banner-height) + var(--spacing-lg) + 80px)}.summary-stats{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.summary-value.positive{color:var(--success)}.summary-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.summary-divider{width:1px;height:40px;background:#ffffff1a}.period-selector-container{display:flex;background:var(--bg-card);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--spacing-lg)}.period-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.period-tab.active{background:var(--accent-primary);color:var(--bg-primary)}.period-tab:hover:not(.active){color:var(--text-primary)}.main-chart-container{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.main-chart{height:200px;display:flex;align-items:flex-end;padding-top:var(--spacing-lg)}.chart-bars.large{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-sm);width:100%;height:100%}.chart-bars.large .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.chart-bars.large .chart-bar{width:100%;max-width:40px;background:var(--accent-gradient);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;transition:height var(--transition-slow);margin-top:auto}.chart-bars.large .chart-bar-value{position:absolute;top:-24px;font-size:var(--text-xs);font-weight:600;color:var(--accent-primary)}.chart-bars.large .chart-bar-label{position:absolute;bottom:-24px;font-size:var(--text-xs);color:var(--text-muted)}.chart-description{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:calc(var(--spacing-xl) + var(--spacing-md))}.additional-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.additional-stat-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--spacing-md)}.additional-stat-icon{width:44px;height:44px;background:#00d4ff26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.additional-stat-icon svg{width:22px;height:22px}.additional-stat-icon.success{background:#22c55e26;color:var(--success)}.additional-stat-icon.streak{background:#f59e0b26;color:var(--warning)}.additional-stat-content{display:flex;flex-direction:column;gap:2px}.additional-stat-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.additional-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.login-page{min-height:100vh;padding-bottom:var(--spacing-xl);display:flex;flex-direction:column}.close-btn{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:40px;height:40px;background:transparent;border:none;color:var(--text-primary);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-header{text-align:center;padding:var(--spacing-lg) 0}.login-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0}.app-icon{width:100px;height:100px;background:var(--accent-gradient);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);box-shadow:0 8px 40px #00d4ff4d;position:relative}.app-icon:before{content:"⚡";position:absolute;top:-5px;right:-5px;font-size:20px;background:var(--bg-primary);border-radius:50%;padding:4px}.app-icon-inner{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.login-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-md)}.login-subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;max-width:300px;margin-bottom:var(--spacing-xl)}.login-buttons{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-login{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-login.google{background:var(--text-primary);color:var(--bg-primary)}.btn-login.google:hover{background:#ffffffe6;transform:translateY(-2px)}.google-icon{width:20px;height:20px}.btn-login.email{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-login.email:hover{background:var(--accent-primary);color:var(--bg-primary)}.btn-login.email svg{width:20px;height:20px}.divider{display:flex;align-items:center;gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-lg)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider span{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:1px}.signup-link{font-size:var(--text-sm);color:var(--text-secondary)}.signup-link a{color:var(--accent-primary);font-weight:600}.terms-notice{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--spacing-lg);line-height:1.5;margin-top:auto}.help-page{padding-bottom:calc(var(--spacing-lg) + 100px)}.help-intro{text-align:center;padding:var(--spacing-xl) var(--spacing-md);margin-bottom:var(--spacing-lg)}.help-intro-icon{font-size:48px;margin-bottom:var(--spacing-md)}.help-intro-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.help-intro-text{font-size:var(--text-sm);color:var(--text-muted)}.faq-section{margin-bottom:var(--spacing-xl)}.faq-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-left:var(--spacing-xs)}.faq-section-emoji{font-size:24px}.faq-section-title{font-size:var(--text-sm);font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.faq-questions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;list-style:none;transition:background var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:var(--bg-card-light)}.faq-q-text{font-size:var(--text-base);font-weight:500;color:var(--text-primary);flex:1;padding-right:var(--spacing-md)}.faq-chevron{font-size:20px;color:var(--text-muted);transition:transform var(--transition-fast)}.faq-item[open] .faq-chevron{transform:rotate(90deg);color:var(--accent-primary)}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;border-top:1px solid rgba(255,255,255,.05);padding-top:var(--spacing-md);animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-contact{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);margin-top:var(--spacing-xl)}.help-contact-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.help-contact-text{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.help-message-input{width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:100px;margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast)}.help-message-input::placeholder{color:var(--text-muted)}.help-message-input:focus{outline:none;border-color:var(--accent-primary)}.help-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-lg);color:var(--bg-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.help-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.help-send-btn:disabled{opacity:.5;cursor:not-allowed}.help-send-btn svg{width:18px;height:18px}.help-success-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-lg);color:var(--accent-primary);font-size:var(--text-base);font-weight:500;animation:fadeInUp .3s ease}.help-success-message svg{width:24px;height:24px;color:#10b981}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legal-page{padding-bottom:calc(var(--spacing-lg) + 100px)}.legal-content{padding:var(--spacing-md)}.legal-header{text-align:center;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.05)}.legal-icon{font-size:48px;display:block;margin-bottom:var(--spacing-md)}.legal-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.legal-date{font-size:var(--text-sm);color:var(--text-muted)}.legal-intro{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-lg);border-left:3px solid var(--accent-primary)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h3{font-size:var(--text-lg);font-weight:600;color:var(--accent-primary);margin-bottom:var(--spacing-md)}.legal-section p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.legal-section ul{list-style:none;padding:0;margin:var(--spacing-sm) 0}.legal-section li{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative}.legal-section li:before{content:"•";color:var(--accent-primary);font-size:18px;position:absolute;left:0;top:var(--spacing-sm)}.legal-section li strong{color:var(--text-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:480px;margin:0 auto}.nav-bar{background:#1a1a2e;border-radius:24px 24px 0 0;padding:12px 0;padding-bottom:calc(12px + var(--safe-area-bottom));position:relative}.nav-indicator{position:absolute;top:-28px;left:0;right:0;height:56px;pointer-events:none;z-index:10}.nav-indicator-circle{width:56px;height:56px;background:#f4a574;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:calc(16.666% + (var(--active-index) * 33.333%) - 28px);z-index:4;transition:left .5s cubic-bezier(.34,1.56,.64,1)}.nav-indicator.game-mode .nav-indicator-circle{transform:scale(.7) translateY(20px);opacity:.5;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.indicator-icon{width:24px;height:24px;color:#fff}.nav-items{display:flex;justify-content:space-around;align-items:center;position:relative;z-index:5}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px;text-decoration:none;transition:all .3s ease}.nav-icon{width:24px;height:24px;color:#6b7280;transition:all .3s ease}.nav-label{font-size:10px;font-weight:500;color:#6b7280;margin-top:4px;transition:all .3s ease;text-align:center}.nav-item.active .nav-icon{opacity:0;transform:scale(.5)}.nav-item.active .nav-label{color:#f4a574;font-weight:600}.nav-item.disabled{opacity:.25;pointer-events:none}.nav-item.disabled .nav-icon,.nav-item.disabled .nav-label{color:#3b4252}.nav-item:not(.active):not(.disabled):hover .nav-icon{color:#9ca3af;transform:translateY(-2px)}.nav-item:not(.active):not(.disabled):hover .nav-label{color:#9ca3af}.force-update-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.force-update-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;padding:40px 32px;text-align:center;max-width:380px;width:100%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14;animation:forceUpdateSlideIn .4s ease-out}@keyframes forceUpdateSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.force-update-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:forceUpdatePulse 2s ease-in-out infinite}@keyframes forceUpdatePulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.05);box-shadow:0 0 0 15px #667eea00}}.force-update-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.force-update-message{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0 0 32px}.force-update-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66;width:100%;justify-content:center}.force-update-btn:active{transform:scale(.97);box-shadow:0 2px 10px #667eea4d}