@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-title:"Outfit", sans-serif;--bg-app:#f4f6fc;--bg-card:#ffffffe6;--bg-card-solid:#fff;--border-card:#e2e8f0cc;--primary-blue:#3b82f6;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--accent-gold:#f59e0b;--accent-green:#10b981;--text-main:#1e293b;--text-muted:#64748b;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #959da51f;--shadow-lg:0 16px 32px #6366f126;--tint-warn-bg:#fffbeb;--tint-warn-fg:#b45309;--tint-warn-border:#fde68a;--tint-danger-bg:#fef2f2;--tint-danger-fg:#b91c1c;--tint-danger-border:#fecaca;--tint-ok-bg:#f0fdf4;--tint-ok-fg:#15803d;--tint-ok-border:#bbf7d0;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{width:100%;max-width:100%;position:relative;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ec48990f 0%,#0000 40%);background-attachment:fixed;min-height:100dvh;line-height:1.4}.nav-short{display:none}.tab-container,.app-main-content,.app-layout>*{min-width:0}img,svg,video,canvas,iframe{max-width:100%}pre,code{overflow-wrap:anywhere;white-space:pre-wrap}h1,h2,h3,h4{overflow-wrap:break-word}button,input,select,textarea{font-family:inherit;font-size:16px}.app-layout{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:100dvh;padding:10px;padding-top:calc(8px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));flex-direction:column;display:flex}@media (width>=768px){.app-layout{max-width:1200px;margin:0 auto;padding:20px}}.app-header{border:1px solid var(--border-card);border-radius:var(--radius-lg);top:max(4px, var(--safe-top));z-index:1000;box-sizing:border-box;background:#fff;width:100%;max-width:100%;margin-bottom:16px;padding:12px 14px;position:sticky;box-shadow:0 4px 12px #0000000d}.header-top-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.user-profile{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.avatar{background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;display:flex}.user-name{font-family:var(--font-title);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;display:block;overflow:hidden}.user-info-text{min-width:0;overflow:hidden}.header-actions{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.household-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}@media (width<=560px){.household-name{display:none}}.pending-sync-chip{color:#c2410c;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=560px){.pending-sync-text{display:none}}.star-counter{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;display:flex}.star-icon{width:16px;height:16px}.star-count{color:#b45309;font-size:14px;font-weight:800}.parent-portal-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e54d}.parent-portal-btn.active{background:#10b981;box-shadow:0 2px 8px #10b9814d}.unified-refresh-btn{color:#0284c7;cursor:pointer;white-space:nowrap;background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.unified-refresh-btn:hover{color:#0369a1;background:#e0f2fe}.unified-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.main-nav{-webkit-overflow-scrolling:touch;border-top:1px solid #e2e8f0cc;gap:6px;padding-top:8px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-tab{border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#f8fafc;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.nav-tab.active{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 8px #4f46e540}.nav-tab{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}@media (width<=560px){.app-header{padding:10px}.header-top-bar{gap:6px}.avatar{width:32px;height:32px;font-size:19px}.user-name{font-size:14px}.unified-refresh-btn span,.parent-portal-btn span{display:none}.unified-refresh-btn,.parent-portal-btn{gap:0;padding:7px 9px}.star-counter{padding:5px 8px}}@media (width<=360px){.user-info-text{display:none}}@media (width<=767px){.nav-tab{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;padding:4px;font-size:10px}.nav-full{display:none}.nav-short{display:inline}.nav-tab .nav-text{text-overflow:ellipsis;max-width:100%;overflow:hidden}.main-nav{gap:2px;overflow-x:visible}.nav-emoji{font-size:18px}}.nav-tab.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #4f46e540}.tab-header{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}@media (width>=640px){.tab-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.tab-header h2{font-family:var(--font-title);font-size:20px;font-weight:700;line-height:1.3}.subtitle{color:var(--text-muted);font-size:13px}.header-action-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}@media (width>=640px){.header-action-row{width:auto}}.primary-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f640}@media (width>=640px){.primary-btn{flex:initial}}.secondary-btn{background:var(--bg-card-solid);border:1px solid var(--border-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (width>=640px){.secondary-btn{flex:initial}}.category-filters{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-chip{background:var(--bg-card-solid);border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.filter-chip.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.app-main-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0 0 100px}.tab-container{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;display:flex}.tab-header{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;margin-bottom:4px;display:flex}.category-filters{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;min-width:0;max-width:100%;padding:4px 2px 8px;display:flex}.category-filters::-webkit-scrollbar{display:none}.filter-chip{color:#334155;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.filter-chip.active{color:#fff;background:#2563eb;border-color:#2563eb}.events-grid{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:100%;display:flex}@media (width>=768px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}}.event-card{box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.event-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.category-badge{border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.cat-spelling .category-badge{color:#4338ca;background:#e0e7ff}.cat-tingxie .category-badge{color:#b91c1c;background:#fee2e2}.cat-tuition .category-badge{color:#b45309;background:#fef3c7}.cat-eca .category-badge{color:#1d4ed8;background:#dbeafe}.cat-holiday .category-badge{color:#15803d;background:#dcfce7}.cat-party .category-badge{color:#be185d;background:#fce7f3}.cat-homework .category-badge{color:#7e22ce;background:#f3e8ff}.event-title{color:#0f172a;font-size:16px;font-weight:700;line-height:1.3}.tab-title{color:var(--text-main)}.tab-subtitle{color:var(--text-muted)}.secondary-btn{background:var(--bg-card-solid);border:1.5px solid var(--border-card);color:var(--text-main)}.detail-item.date-badge{color:#1d4ed8;background:#eff6ff;border-radius:8px;padding:4px 10px;font-weight:700}.view-list-toggle-btn{color:#1d4ed8;background:#f8fafc;border:1.5px solid #3b82f6}.test-details-container{color:var(--text-main);background:#fff;border:1.5px solid #bfdbfe}.recog-pill{color:#6d28d9;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;padding:5px 9px;font-size:13px;font-weight:700}.dict-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:6px 10px;font-weight:700}.spelling-pill{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-weight:700}.dict-sentence-box{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 10px;font-weight:600;line-height:1.4}.event-details{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.detail-item{align-items:center;gap:6px;display:flex}.practice-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #10b98140}.practice-btn:active{transform:scale(.98)}.dictation-layout{flex-direction:column;gap:16px;display:flex}@media (width>=850px){.dictation-layout{grid-template-columns:1fr 340px;display:grid}}.dictation-card{background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px}.test-selector-group{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-top:8px;display:flex}.test-selector-group label{color:var(--text-dark);font-size:13px;font-weight:700}.test-selector-group select{border-radius:var(--radius-md);color:#0f172a;width:100%;max-width:100%;box-shadow:var(--shadow-sm);background-color:#fff;border:1.5px solid #cbd5e1;padding:10px 12px;font-size:13px;font-weight:600}.voice-player-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);border:1px dashed #cbd5e1;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding:20px 14px;display:flex}.big-play-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;display:flex;box-shadow:0 6px 16px #3b82f64d}.audio-control-row{justify-content:center;gap:8px;width:100%;display:flex}.secondary-audio-btn{border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.word-input{border-radius:var(--radius-md);border:2px solid #cbd5e1;outline:none;width:100%;margin-top:6px;padding:12px 14px;font-size:16px;font-weight:600}.step-navigation{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.nav-step-btn{border-radius:var(--radius-md);cursor:pointer;background:#f1f5f9;border:none;align-items:center;gap:4px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.submit-test-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.upload-dropzone{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:13px;font-weight:600;display:flex}.journal-layout{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.journal-layout{grid-template-columns:280px 1fr;display:grid}}.journal-list-sidebar{background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:14px}.journal-history-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}@media (width>=768px){.journal-history-list{flex-direction:column;display:flex}}.journal-history-item{border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:8px 10px}.journal-detail-card{background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:18px}.detail-header{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}@media (width>=640px){.detail-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.journal-content-box{border-radius:var(--radius-md);background:#f8fafc;margin-bottom:16px;padding:14px;font-size:15px;line-height:1.5}.attached-photo img,.journal-content-box img,.image-preview img,.journal-detail-card img{object-fit:contain;border-radius:12px;max-height:280px;box-shadow:0 2px 8px #00000014;max-width:100%!important}.ai-feedback-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffbe0 0%,#fef3c7 100%);border:1px solid #fde68a;padding:16px}.reward-hero-card{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;display:flex}@media (width>=640px){.reward-hero-card{flex-direction:row;justify-content:space-between;align-items:center}}.hero-left{align-items:center;gap:14px;display:flex}.star-big-badge{background:#fff3;border-radius:50%;align-items:center;padding:10px;display:flex}.hero-star-count{font-size:24px;font-weight:800}.level-progress-bar-container{width:100%}@media (width>=640px){.level-progress-bar-container{width:220px}}.progress-track{background:#fff3;border-radius:10px;height:8px;margin-top:6px;overflow:hidden}.progress-fill{background:#f59e0b;height:100%}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.reward-card{background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;background:#0f172a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center;padding:16px}}.modal-card,.modal-content{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:600px;max-height:85dvh;padding:20px;padding-bottom:calc(24px + var(--safe-bottom));box-shadow:var(--shadow-lg);background:#fff;animation:.25s slideUp;overflow-y:auto}@media (width>=640px){.modal-card,.modal-content{border-radius:var(--radius-lg);padding-bottom:20px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-group label{font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-card);border-radius:var(--radius-md);outline:none;padding:10px 12px;font-size:16px}.form-row{flex-direction:column;gap:8px;display:flex}@media (width>=500px){.form-row{flex-direction:row;align-items:flex-start;gap:12px}}.flex-1{flex:1}.flex-2{flex:2}.language-auto-badge{border:1px dashed var(--border-card);border-radius:var(--radius-md);white-space:nowrap;background:0 0;align-items:baseline;gap:6px;padding:10px 12px;font-size:16px;display:flex;overflow:hidden}.language-auto-hint{color:var(--text-muted);text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.quick-star-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.star-adj-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:10px;font-size:14px;font-weight:700}.star-adj-btn.add{color:#15803d;background:#dcfce7}.star-adj-btn.sub{color:#b91c1c;background:#fee2e2}@media (prefers-color-scheme:dark){:root{--bg-app:#0f1219;--bg-card:#1e2332eb;--bg-card-solid:#1a1f2e;--border-card:#374151b3;--primary-blue:#60a5fa;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #60a5fa 100%);--accent-gold:#fbbf24;--accent-green:#34d399;--text-main:#e2e8f0;--text-muted:#94a3b8;--tint-warn-bg:#fbbf241f;--tint-warn-fg:#fcd34d;--tint-warn-border:#fbbf2459;--tint-danger-bg:#ef44441f;--tint-danger-fg:#fca5a5;--tint-danger-border:#ef444459;--tint-ok-bg:#10b9811f;--tint-ok-fg:#6ee7b7;--tint-ok-border:#10b98159;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 32px #00000073}body{background-color:var(--bg-app);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ec489914 0%,#0000 40%)}.app-header{border-color:var(--border-card);background:#1a1f2e}.main-nav{border-top-color:var(--border-card)}.star-counter{background:#fbbf2426;border-color:#fbbf244d}.star-count{color:#fbbf24}.nav-tab{border-color:var(--border-card);color:var(--text-muted);background:#252b3d}.nav-tab.active{color:#fff}.section-card,.tab-section-card{background:var(--bg-card);border-color:var(--border-card)}.filter-chip{color:#cbd5e1;background:#252b3d;border-color:#374151}.filter-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.tab-title{color:#f8fafc!important}.tab-subtitle{color:#94a3b8!important}.secondary-btn{color:#f8fafc!important;background:#1e2536!important;border-color:#374151!important}.calendar-refresh-btn svg{color:#60a5fa!important}.event-card{background:#1e2536!important;border-color:#2d3548!important}.event-title{color:#f1f5f9!important}.detail-item.date-badge{color:#93c5fd!important;background:#3b82f633!important}.detail-item.date-badge svg{color:#60a5fa!important}.view-list-toggle-btn{color:#93c5fd!important;background:#252b3d!important;border-color:#3b82f6!important}.view-list-toggle-btn svg{color:#60a5fa!important}.test-details-container{color:#f8fafc!important;background:#151924!important;border-color:#374151!important}.recog-section-title{color:#c4b5fd!important}.recog-pill{color:#ddd6fe!important;background:#7c3aed33!important;border-color:#8b5cf666!important}.dict-section-title{color:#6ee7b7!important}.dict-pill{color:#6ee7b7!important;background:#10b98133!important;border-color:#10b98166!important}.spelling-section-title{color:#cbd5e1!important}.spelling-pill{color:#f8fafc!important;background:#252b3d!important;border-color:#374151!important}.dict-sentence-box{color:#6ee7b7!important;background:#10b98126!important;border-color:#10b9814d!important}.cat-spelling .category-badge{color:#a5b4fc;background:#6366f133}.cat-tingxie .category-badge{color:#fca5a5;background:#ef444433}.cat-tuition .category-badge{color:#fcd34d;background:#f59e0b33}.cat-holiday .category-badge{color:#6ee7b7;background:#10b98133}.cat-party .category-badge{color:#f9a8d4;background:#ec489933}.cat-homework .category-badge{color:#c4b5fd;background:#8b5cf633}.test-selector-group select{color:#e2e8f0;background-color:#252b3d;border-color:#374151}.word-input{color:#e2e8f0;background-color:#1a1f2e;border-color:#374151}.word-input:focus{border-color:#60a5fa}.voice-player-box{background:linear-gradient(135deg,#1a1f2e 0%,#252b3d 100%);border-color:#374151}.secondary-audio-btn{border-color:var(--border-card);color:var(--text-muted);background:#252b3d}.nav-step-btn{color:var(--text-muted);background:#252b3d}.upload-dropzone{color:var(--text-muted);background:#1a1f2e;border-color:#374151}.journal-content-box{color:var(--text-main);background:#1a1f2e}.ai-feedback-box{background:linear-gradient(135deg,#fbbf241a 0%,#fef3c714 100%);border-color:#fbbf2440}.journal-list-sidebar{background:var(--bg-card-solid)}.journal-history-item{border-color:var(--border-card)}.journal-detail-card{background:var(--bg-card-solid)}.reward-card{background:var(--bg-card-solid);border-color:var(--border-card)}.redeem-btn.locked{color:#f1f5f9!important;background:#94a3b82e!important;border-color:#94a3b866!important}.modal-overlay{background:#000000a6}.modal-card,.modal-content{color:var(--text-main);background:#1e2536}.form-group input,.form-group select,.form-group textarea{color:#e2e8f0;background:#252b3d;border-color:#374151}.form-group label{color:var(--text-main)}.star-adj-btn.add{color:#6ee7b7;background:#10b98133}.star-adj-btn.sub{color:#fca5a5;background:#ef444433}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}}.icon-xs{flex-shrink:0;width:14px;height:14px}.icon-sm{flex-shrink:0;width:16px;height:16px}.icon-md{flex-shrink:0;width:20px;height:20px}.fill-gold{color:var(--accent-gold);fill:var(--accent-gold)}.text-gold{color:var(--accent-gold)}.text-green{color:var(--accent-green)}.text-red{color:#ef4444}.reward-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.reward-icon-wrapper{border-radius:var(--radius-sm);background:var(--bg-app);border:1px solid var(--border-card);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.reward-icon-svg{width:22px;height:22px;color:var(--primary-blue)}.cost-tag{background:var(--accent-gold);color:#1f1300;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-flex}.cost-tag .fill-gold{color:#1f1300;fill:#1f1300}.reward-title{color:var(--text-main);margin:0;font-size:15px;font-weight:800;line-height:1.3}.reward-desc{color:var(--text-muted);flex:1;margin:0;font-size:13px;line-height:1.4}.reward-action{margin-top:auto}.redeem-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.redeem-btn.affordable{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #3b82f659}.redeem-btn.affordable:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f673}.redeem-btn.locked{color:var(--text-main);border:1.5px solid var(--border-card);cursor:not-allowed;opacity:1;background:#94a3b82e}.reward-section-title{margin:24px 0 12px}.reward-section-title h3{color:var(--text-main);margin:0;font-size:17px;font-weight:800}.star-big{width:26px;height:26px}.progress-label{opacity:.95;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card-solid);border:1px dashed var(--border-card);border-radius:var(--radius-md);padding:28px 18px;font-size:14px}.event-notes{color:var(--text-muted);font-size:12px}.test-date-badge,.word-step-badge,.lang-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.word-step-badge{background:var(--primary-blue);color:#fff}.lang-badge{background:var(--bg-app);border:1px solid var(--border-card);color:var(--text-muted)}.voucher-card{background:var(--bg-card-solid);border:2px dashed var(--primary-blue);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.voucher-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.voucher-icon{background:var(--bg-app);border:1px solid var(--border-card);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.voucher-cost{background:var(--primary-blue);color:#fff;white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:800}.voucher-title{color:var(--text-main);margin:6px 0 4px;font-size:16px;font-weight:800}.voucher-desc{color:var(--text-muted);margin:0 0 12px;font-size:13px;font-weight:500}.voucher-claimed{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.voucher-hint{background:var(--bg-app);border:1px solid var(--border-card);text-align:center;color:var(--text-muted);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.voucher-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.voucher-section-head h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.voucher-pending-chip{background:var(--bg-app);border:1px solid var(--border-card);color:var(--text-muted);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}