:root{--blue-900: #0c1a3a;--blue-800: #0f2461;--blue-700: #14349a;--blue-600: #1a4fd0;--blue-500: #2563eb;--blue-400: #4a8af5;--blue-300: #7baff9;--blue-200: #bdd5fc;--blue-100: #dfe9fe;--blue-50: #eff5ff;--gold-600: #b8860b;--gold-500: #d4a017;--gold-400: #f0c040;--gold-300: #f5d77a;--gold-200: #faeab0;--gold-100: #fdf5dc;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 12px 40px rgba(0,0,0,.16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--white);position:relative;overflow-x:hidden;box-shadow:0 0 60px #00000014}.app-header{background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-600) 100%);padding:16px 20px 20px;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.header-logo{display:flex;align-items:center;gap:10px}.header-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--gold-400),var(--gold-600));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #d4a0174d}.header-title{color:var(--white);font-size:20px;font-weight:800;letter-spacing:-.3px}.header-subtitle{color:#ffffffb3;font-size:12px;font-weight:500}.header-actions{display:flex;gap:8px}.header-btn{width:38px;height:38px;border-radius:var(--radius-full);border:none;background:#ffffff26;color:var(--white);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-btn:hover{background:#ffffff40}.header-btn.has-notification:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--error);border-radius:50%;border:2px solid var(--blue-800)}.streak-bar{display:flex;align-items:center;gap:6px;background:#ffffff1f;border-radius:var(--radius-full);padding:6px 14px;margin-top:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.streak-fire{font-size:14px}.streak-text{color:var(--gold-300);font-size:12px;font-weight:600}.streak-count{color:var(--white);font-size:12px;font-weight:700;margin-left:2px}.streak-bar-right{margin-left:auto;display:flex;align-items:center;gap:4px}.xp-badge{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--white);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full)}.page-content{padding:16px 16px 100px}.quote-card{background:linear-gradient(135deg,var(--blue-50),var(--gold-100));border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:18px;border:1px solid var(--blue-100);position:relative;overflow:hidden}.quote-card:before{content:"u201C";position:absolute;top:-10px;left:10px;font-size:80px;color:var(--blue-200);font-family:Georgia,serif;line-height:1}.quote-text{font-size:13px;font-weight:500;color:var(--blue-800);line-height:1.6;position:relative;z-index:1}.quote-author{font-size:11px;color:var(--blue-500);font-weight:600;margin-top:8px;position:relative;z-index:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:16px;font-weight:700;color:var(--gray-800)}.section-link{font-size:12px;font-weight:600;color:var(--blue-500);cursor:pointer;border:none;background:none;padding:4px 0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:var(--radius-md);border:none;background:var(--white);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.quick-action-label{font-size:11px;font-weight:600;color:var(--gray-700);text-align:center;line-height:1.3}.subject-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.subject-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.subject-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}.subject-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.subject-info{flex:1;min-width:0}.subject-name{font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:4px}.subject-meta{font-size:11px;color:var(--gray-500)}.subject-progress{width:100%;height:4px;background:var(--gray-100);border-radius:var(--radius-full);margin-top:8px;overflow:hidden}.subject-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.subject-arrow{color:var(--gray-400);font-size:14px;flex-shrink:0}.daily-challenge{background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-500) 100%);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:22px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s}.daily-challenge:hover{transform:translateY(-2px)}.daily-challenge:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff0f;border-radius:50%}.daily-challenge-label{font-size:11px;font-weight:700;color:var(--gold-300);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.daily-challenge-title{font-size:17px;font-weight:700;color:var(--white);margin-bottom:4px}.daily-challenge-desc{font-size:12px;color:#ffffffb3;margin-bottom:14px}.daily-challenge-btn{display:inline-flex;align-items:center;gap:6px;background:var(--white);color:var(--blue-700);border:none;border-radius:var(--radius-full);padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.daily-challenge-btn:hover{background:var(--gold-100)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.stat-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:14px 12px;text-align:center;box-shadow:var(--shadow-sm)}.stat-value{font-size:22px;font-weight:800;color:var(--blue-600);line-height:1}.stat-label{font-size:10px;font-weight:600;color:var(--gray-500);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.leaderboard{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow-sm)}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-100);transition:background .2s}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:var(--blue-50)}.leaderboard-rank{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.leaderboard-rank.gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--white)}.leaderboard-rank.silver{background:linear-gradient(135deg,var(--gray-300),var(--gray-400));color:var(--white)}.leaderboard-rank.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:var(--white)}.leaderboard-rank.other{background:var(--gray-100);color:var(--gray-600)}.leaderboard-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--blue-400),var(--blue-600));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--white);flex-shrink:0}.leaderboard-name{flex:1;font-size:13px;font-weight:600;color:var(--gray-800)}.leaderboard-score{font-size:13px;font-weight:700;color:var(--blue-600)}.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all .2s}.badge-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge-item.locked{opacity:.45;filter:grayscale(.8)}.badge-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px}.badge-label{font-size:9px;font-weight:600;color:var(--gray-600);text-align:center;line-height:1.3}.quiz-header{background:linear-gradient(135deg,var(--blue-800),var(--blue-600));padding:20px;color:var(--white);text-align:center}.quiz-category-tabs{display:flex;gap:6px;padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quiz-category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:8px 16px;border-radius:var(--radius-full);border:1.5px solid var(--gray-200);background:var(--white);font-size:12px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab.active{background:var(--blue-600);color:var(--white);border-color:var(--blue-600)}.quiz-card{background:var(--white);border-radius:var(--radius-lg);padding:20px;margin:0 16px 14px;border:1px solid var(--gray-100);box-shadow:var(--shadow-sm)}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quiz-card-number{font-size:11px;font-weight:700;color:var(--blue-500);text-transform:uppercase;letter-spacing:.5px}.quiz-card-difficulty{font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.difficulty-easy{background:#dcfce7;color:#166534}.difficulty-medium{background:#fef3c7;color:#92400e}.difficulty-hard{background:#fee2e2;color:#991b1b}.quiz-question{font-size:14px;font-weight:600;color:var(--gray-800);line-height:1.6;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background:var(--white);text-align:left;font-size:13px;font-weight:500;color:var(--gray-700);line-height:1.5}.quiz-option:hover{border-color:var(--blue-300);background:var(--blue-50)}.quiz-option.selected{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}.quiz-option.correct{border-color:var(--success);background:#f0fdf4;color:#166534}.quiz-option.wrong{border-color:var(--error);background:#fef2f2;color:#991b1b}.quiz-option-letter{width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--gray-100);color:var(--gray-600);flex-shrink:0;transition:all .2s}.quiz-option.selected .quiz-option-letter{background:var(--blue-500);color:var(--white)}.quiz-option.correct .quiz-option-letter{background:var(--success);color:var(--white)}.quiz-option.wrong .quiz-option-letter{background:var(--error);color:var(--white)}.quiz-explanation{margin-top:12px;padding:12px 14px;background:var(--blue-50);border-radius:var(--radius-md);border-left:3px solid var(--blue-500);font-size:12px;color:var(--blue-800);line-height:1.6}.quiz-explanation strong{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--blue-600)}.quiz-footer{display:flex;gap:10px;padding:16px}.btn{flex:1;padding:12px 18px;border-radius:var(--radius-md);border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:var(--white);box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--white);box-shadow:0 2px 8px #d4a0174d}.flashcard-container{padding:16px}.flashcard-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.flashcard-progress-text{font-size:12px;font-weight:600;color:var(--gray-500)}.flashcard-progress-dots{display:flex;gap:4px}.flashcard-progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--gray-200);transition:all .2s}.flashcard-progress-dot.active{background:var(--blue-500);width:20px}.flashcard-progress-dot.done{background:var(--success)}.flashcard{width:100%;min-height:260px;border-radius:var(--radius-xl);perspective:1000px;cursor:pointer;margin-bottom:16px}.flashcard-inner{width:100%;min-height:260px;position:relative;transition:transform .5s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;min-height:260px;backface-visibility:hidden;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;text-align:center}.flashcard-front{background:linear-gradient(135deg,var(--blue-700),var(--blue-500));color:var(--white)}.flashcard-back{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:var(--white);transform:rotateY(180deg)}.flashcard-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:16px}.flashcard-term{font-size:20px;font-weight:800;line-height:1.4;margin-bottom:12px}.flashcard-hint{font-size:12px;opacity:.7}.flashcard-definition{font-size:15px;font-weight:600;line-height:1.6}.flashcard-actions{display:flex;gap:10px;justify-content:center}.flashcard-btn{width:54px;height:54px;border-radius:var(--radius-full);border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:var(--shadow-md)}.flashcard-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.flashcard-btn.wrong-btn{background:var(--error);color:var(--white)}.flashcard-btn.flip-btn{background:var(--blue-500);color:var(--white);width:64px;height:64px;font-size:24px}.flashcard-btn.correct-btn{background:var(--success);color:var(--white)}.mock-exam-hero{background:linear-gradient(135deg,var(--blue-900),var(--blue-700));padding:28px 20px;text-align:center;color:var(--white)}.mock-exam-hero h2{font-size:22px;font-weight:800;margin-bottom:6px}.mock-exam-hero p{font-size:13px;color:#ffffffb3}.mock-exam-cards{padding:16px;display:flex;flex-direction:column;gap:12px}.mock-exam-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.mock-exam-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}.mock-exam-card-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.mock-exam-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.mock-exam-card-info h3{font-size:15px;font-weight:700;color:var(--gray-800);margin-bottom:2px}.mock-exam-card-info p{font-size:12px;color:var(--gray-500)}.mock-exam-card-meta{display:flex;gap:16px;font-size:11px;color:var(--gray-500);font-weight:600}.mock-exam-card-meta span{display:flex;align-items:center;gap:4px}.profile-header{background:linear-gradient(135deg,var(--blue-800),var(--blue-600));padding:28px 20px;text-align:center;color:var(--white)}.profile-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;box-shadow:0 4px 16px #d4a0174d;border:3px solid rgba(255,255,255,.2)}.profile-name{font-size:20px;font-weight:800;margin-bottom:2px}.profile-level{font-size:12px;color:var(--gold-300);font-weight:600}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1a;border-radius:var(--radius-md);overflow:hidden;margin-top:18px}.profile-stat{background:#ffffff0d;padding:12px 8px;text-align:center}.profile-stat-value{font-size:20px;font-weight:800;color:var(--white)}.profile-stat-label{font-size:10px;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.chart-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:18px;margin:16px 16px 0;box-shadow:var(--shadow-sm)}.chart-title{font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:14px}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:10px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart-bar{width:100%;border-radius:6px 6px 0 0;transition:height .6s ease;min-height:4px}.chart-bar-label{font-size:9px;font-weight:600;color:var(--gray-500)}.chart-bar-value{font-size:10px;font-weight:700;color:var(--gray-700)}.ai-card{background:linear-gradient(135deg,#f0f9ff,#ede9fe);border:1px solid #c7d2fe;border-radius:var(--radius-lg);padding:16px;margin:16px 16px 0}.ai-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-card-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue-500),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--white)}.ai-card-title{font-size:14px;font-weight:700;color:var(--gray-800)}.ai-suggestion{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}.ai-suggestion:last-child{border-bottom:none}.ai-suggestion-icon{font-size:16px;flex-shrink:0;margin-top:1px}.ai-suggestion-text{font-size:12px;color:var(--gray-700);line-height:1.5}.ai-suggestion-text strong{color:var(--blue-700)}.schedule-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.schedule-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.schedule-time{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--blue-50);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.schedule-time-hour{font-size:14px;font-weight:800;color:var(--blue-600);line-height:1}.schedule-time-period{font-size:9px;font-weight:600;color:var(--blue-400)}.schedule-info{flex:1}.schedule-title{font-size:13px;font-weight:600;color:var(--gray-800)}.schedule-sub{font-size:11px;color:var(--gray-500)}.schedule-check{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;background:var(--white);font-size:12px;color:transparent}.schedule-check.done{background:var(--success);border-color:var(--success);color:var(--white)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--white);border-top:1px solid var(--gray-100);display:flex;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:200;box-shadow:0 -2px 12px #0000000f}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;background:none;cursor:pointer;transition:all .2s;border-radius:var(--radius-sm);position:relative}.nav-item.active{color:var(--blue-600)}.nav-item:not(.active){color:var(--gray-400)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px;font-weight:600}.nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--blue-600);border-radius:var(--radius-full)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp .4s ease-out both}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:calc(100vh - 200px)}.result-emoji{font-size:64px;margin-bottom:16px;animation:pulse 1.5s infinite}.result-score{font-size:48px;font-weight:800;color:var(--blue-600);line-height:1}.result-label{font-size:14px;color:var(--gray-500);font-weight:600;margin-top:4px;margin-bottom:20px}.result-message{font-size:16px;font-weight:700;color:var(--gray-800);margin-bottom:6px}.result-sub{font-size:13px;color:var(--gray-500);margin-bottom:28px;line-height:1.5}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.schedule-page-header{background:linear-gradient(135deg,var(--blue-800),var(--blue-600));padding:24px 20px;color:var(--white)}.schedule-page-header h2{font-size:20px;font-weight:800}.schedule-page-header p{font-size:12px;color:#ffffffb3}.day-tabs{display:flex;gap:6px;padding:14px 16px;overflow-x:auto;scrollbar-width:none}.day-tabs::-webkit-scrollbar{display:none}.day-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);cursor:pointer;transition:all .2s;min-width:52px}.day-tab.active{background:var(--blue-600);border-color:var(--blue-600);color:var(--white)}.day-tab-name{font-size:10px;font-weight:600;color:inherit}.day-tab-date{font-size:16px;font-weight:800;color:inherit}.day-tab:not(.active) .day-tab-name,.day-tab:not(.active) .day-tab-date{color:var(--gray-500)}.page-content::-webkit-scrollbar{display:none}.page-content{scrollbar-width:none}.timer-display{font-size:28px;font-weight:800;color:var(--blue-600);font-variant-numeric:tabular-nums}.timer-label{font-size:11px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}