body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,[data-theme=dark]{--bg-main:#0a0a0f;--bg-card:#12121a;--bg-card-alt:#1e1e2e;--bg-inset:#0a0a0f;--bg-hover:#1a1a2a;--bg-header-from:#12121a;--bg-header-to:#0a0a0f;--text-primary:#f0eee8;--text-secondary:#ccd;--text-tertiary:#99a;--text-muted:#6b6b8a;--text-dim:#4a4a6a;--text-faint:#2e2e3e;--border-primary:#2e2e3e;--border-secondary:#1e1e2e;--gradient-title-from:#f0eee8;--shadow-alpha:0.15;--card-shadow:none}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-alt:#f1f5f9;--bg-inset:#e2e8f0;--bg-hover:#e2e8f0;--bg-header-from:#fff;--bg-header-to:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--text-faint:#cbd5e1;--border-primary:#cbd5e1;--border-secondary:#e2e8f0;--gradient-title-from:#0f172a;--shadow-alpha:0.08;--card-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0a}*{box-sizing:border-box}.app-container{color:#f0eee8;color:var(--text-primary);height:100vh;overflow:hidden;transition:background .3s,color .3s}.app-container,.loading-screen{background:#0a0a0f;background:var(--bg-main);display:flex;flex-direction:column;font-family:Be Vietnam Pro,sans-serif}.loading-screen{gap:28px;min-height:100vh;padding:20px}.loading-rings,.loading-screen{align-items:center;justify-content:center}.loading-rings{display:flex;height:100px;position:relative;width:100px}.loading-ring{border:2px solid #0000;border-radius:50%;position:absolute}.loading-ring-outer{animation:spin 1.5s linear infinite;border-right-color:#ff960066;border-top-color:#ff9600;height:100px;width:100px}.loading-ring-inner{animation:spin 1s linear infinite reverse;border-bottom-color:#ef4444;border-left-color:#ef444466;height:72px;width:72px}.loading-emoji{animation:pulse 2s ease-in-out infinite;font-size:36px;z-index:1}.loading-title{-webkit-text-fill-color:#0000;animation:fadeUp .8s ease;background:linear-gradient(135deg,#ff9600,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:1px}.loading-quote-card{animation:fadeUp 1s ease;background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:16px;max-width:320px;padding:20px 24px;text-align:center}.loading-quote-text{color:#ccd;color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.7;margin-bottom:10px}.loading-quote-author{color:#ff9600;font-size:12px;font-weight:600}.loading-dots{display:flex;gap:6px}.loading-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#ff9600;border-radius:50%;height:6px;width:6px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.main-scroll{flex:1 1;min-height:0;overflow-y:auto}.main-content{margin:0 auto;max-width:580px;padding:28px 20px;width:100%}.gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0eee8,#7c3aed);background:linear-gradient(135deg,var(--gradient-title-from),var(--cat-color,#7c3aed));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:22px;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.3}50%{opacity:.6}}.nav-tooltip-wrap{position:relative}.nav-tooltip{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:6px;bottom:-32px;box-shadow:0 4px 12px #0000001f;color:#ccd;color:var(--text-secondary);font-size:11px;font-weight:500;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s,transform .15s;white-space:nowrap;z-index:100}.nav-tooltip-wrap:hover .nav-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.top-header{background:#12121a;background:var(--bg-card);border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border-secondary);box-shadow:0 1px 3px #0000000a;justify-content:space-between;padding:14px 20px;transition:background .3s}.desktop-nav,.top-header{align-items:center;display:flex}.desktop-nav{gap:4px}.mobile-header-right{align-items:center;display:none;gap:4px}.streak-badge{align-items:center;background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:20px;color:#f0eee8;color:var(--text-primary);display:flex;font-size:12px;font-weight:700;gap:6px;padding:4px 12px}.bottom-tab-bar{display:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-header-right{display:flex}.bottom-tab-bar{background:#12121a;background:var(--bg-card);border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);bottom:0;box-shadow:0 -1px 6px #0000000f;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom, 0px));position:sticky;z-index:900}.bottom-tab-bar,.tab-item{align-items:center;display:flex}.tab-item{-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;gap:2px;min-width:56px;padding:6px 12px;text-decoration:none;transition:all .2s}.tab-icon{font-size:20px;line-height:1}.tab-label{color:#4a4a6a;color:var(--text-dim);font-size:10px;font-weight:600;transition:color .2s}.tab-item.active .tab-label{color:#3b82f6}.tab-item.active{background:#3b82f612}.app-footer{display:none}}[data-theme=light] .app-container,[data-theme=light] .main-scroll{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}button{transition:opacity .2s}button:hover{opacity:.9}textarea:focus{border-color:#4a4a6a!important;border-color:var(--text-dim)!important;outline:none}a:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:480px){.main-content{padding:16px 14px}.gradient-title{font-size:16px!important}.header-subtitle,.nav-tooltip{display:none}}@media (max-width:360px){.main-content{padding:12px 10px}}@media (min-width:768px){.main-content{max-width:640px;padding:32px 24px}}.main-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (padding:env(safe-area-inset-bottom)){.app-footer{padding-bottom:env(safe-area-inset-bottom)}}.card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px}.card-inset{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;padding:16px}.section-label{letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.pill-btn,.section-label{color:#6b6b8a;color:var(--text-muted);font-size:12px}.pill-btn{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;flex-shrink:0;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.pill-btn.active{background:#3b82f622;background:var(--pill-active-bg,#3b82f622);border-color:#3b82f6;border-color:var(--pill-active-color,#3b82f6);color:#3b82f6;color:var(--pill-active-color,#3b82f6)}.status-banner{align-items:center;animation:fadeIn .3s ease;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.status-banner-warning{background:linear-gradient(135deg,#f59e0b18,#ef444418);border:1px solid #f59e0b44}.status-banner-success{background:#10b98122;border:1px solid #10b98144;color:#10b981;font-weight:600;justify-content:center;text-align:center}.btn-primary{border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;padding:16px;width:100%}.btn-primary,.btn-secondary{cursor:pointer;transition:all .2s}.btn-secondary{background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:10px;color:#ccd;color:var(--text-secondary);font-size:13px;padding:10px 18px}.grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-item{padding:12px 8px;text-align:center}.stat-value{color:#f0eee8;color:var(--text-primary);font-size:24px;font-weight:700}.stat-label{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:4px}@media (max-width:480px){.pill-btn{font-size:11px;min-height:36px;padding:8px 14px}.btn-primary{font-size:15px;min-height:48px;padding:16px}.btn-secondary{min-height:44px;padding:10px 14px}.grid-3{gap:6px}.stat-value{font-size:20px}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.onboarding-card{animation:fadeUp .4s ease;background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:24px;max-height:90vh;max-width:380px;overflow-y:auto;padding:32px 24px;text-align:center;width:100%}.onboarding-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-dot{background:#2e2e3e;background:var(--border-primary);border-radius:50%;height:8px;transition:all .3s;width:8px}.onboarding-dot.active{background:#ff9600;border-radius:4px;width:24px}.onboarding-dot.done{background:#10b981}.onboarding-emoji{animation:pulse 2s ease-in-out infinite;font-size:56px;margin-bottom:16px}.onboarding-title{color:#f0eee8;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3;margin-bottom:12px;white-space:pre-line}.onboarding-desc{color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px}.onboarding-visual-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.onboarding-visual-item{animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;font-size:32px;padding:12px}.onboarding-steps-list{display:flex;flex-direction:column;gap:12px;margin:20px 0 24px;text-align:left}.onboarding-step-item{align-items:center;animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;display:flex;gap:12px;padding:14px 16px}.onboarding-step-icon{flex-shrink:0;font-size:20px}.onboarding-step-text{color:#ccd;color:var(--text-secondary);font-size:13px;line-height:1.4}.onboarding-badges-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.onboarding-badge-item{align-items:center;animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 8px}.onboarding-actions{display:flex;gap:10px;margin-top:8px}.onboarding-btn-next{background:linear-gradient(135deg,#ff9600,#ef4444);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px;transition:all .2s}.onboarding-btn-back{background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:12px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:13px;padding:14px 20px}.onboarding-skip{background:none;border:none;color:#4a4a6a;color:var(--text-dim);cursor:pointer;font-size:12px;margin-top:16px;padding:8px;width:100%}@media (max-width:480px){.onboarding-card{border-radius:20px;padding:24px 18px}.onboarding-emoji{font-size:48px}.onboarding-title{font-size:18px}.onboarding-desc{font-size:13px}}.reminder-settings{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);margin-bottom:20px;padding:20px}.reminder-toggle{align-items:center;display:flex;gap:12px;justify-content:space-between}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#2e2e3e;background:var(--border-primary);border-radius:14px;cursor:pointer;inset:0;position:absolute;transition:background .3s}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.challenge-date{margin-bottom:24px;text-align:center}.challenge-date-text{color:#6b6b8a;color:var(--text-muted);font-size:13px;letter-spacing:2px;text-transform:uppercase}.challenge-completed-today{color:#10b981;font-size:12px;margin-top:6px}.challenge-card{animation:fadeIn .3s ease;background:#12121a;background:var(--bg-card);border-radius:18px;margin-bottom:16px;padding:24px}.challenge-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.challenge-cat-emoji{font-size:28px}.challenge-cat-label{font-size:11px;letter-spacing:2px;text-transform:uppercase}.challenge-title{color:#f0eee8;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.3}.challenge-task{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px;padding:16px}.challenge-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.challenge-info-box{border:1px solid;border-radius:10px;padding:12px}.challenge-info-label{font-size:10px;letter-spacing:1.5px;margin-bottom:4px}.challenge-why{background:#7c3aed11;border:1px solid #7c3aed33;border-radius:10px;margin-bottom:16px;padding:12px}.challenge-why-label{color:#7c3aed;font-size:10px;letter-spacing:1.5px;margin-bottom:4px}.challenge-why-text{color:#ccd;color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.6}.btn-done{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 14px #10b98159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.btn-done:active{transform:scale(.98)}.done-banner{background:#10b98122;border:1px solid #10b98144;border-radius:12px;color:#10b981;font-weight:600;padding:14px;text-align:center}.btn-reset{background:#0000;border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:10px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:13px;padding:10px;transition:all .2s;width:100%}.reflection-section{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:16px;margin-bottom:16px;padding:20px}.reflection-section.reflection-enter{animation:reflectionSlideIn 1s ease-out both;border-color:#3b82f64d;box-shadow:0 0 24px #3b82f614}@keyframes reflectionSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reflection-section.reflection-done{border-color:#2e2e3e;border-color:var(--border-primary);box-shadow:none;box-shadow:var(--card-shadow)}.reflection-label{color:#ccd;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.reflection-textarea{border:1px solid #2e2e3e;border:1px solid var(--border-primary);box-sizing:border-box;color:#f0eee8;color:var(--text-primary);font-family:inherit;min-height:80px;padding:12px;resize:vertical;width:100%}.reflection-ai-text,.reflection-textarea{background:#0a0a0f;background:var(--bg-inset);border-radius:10px;font-size:14px;margin-bottom:10px}.reflection-ai-text{color:#ccd;color:var(--text-secondary);font-style:italic;line-height:1.7;padding:14px}.cat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.cat-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:10px 8px;transition:all .2s}.cat-btn-emoji{font-size:20px}.completed-list{margin-top:20px}.completed-item{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:12px;box-shadow:none;box-shadow:var(--card-shadow);margin-bottom:8px;padding:14px}.completed-item-header{align-items:center;display:flex;gap:8px}.completed-item-title{color:#f0eee8;color:var(--text-primary);font-size:14px;font-weight:600}.completed-item-meta{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:2px}.completed-item-reflection{color:#99a;color:var(--text-tertiary);font-size:12px;font-style:italic;margin-top:8px;padding-left:28px}.profile-avatar,.profile-avatar-img{border:3px solid #2e2e3e;border:3px solid var(--border-primary);border-radius:50%;height:80px;margin-bottom:12px;width:80px}.profile-avatar-img{object-fit:cover}.profile-avatar-placeholder{align-items:center;background:#7c3aed;border:3px solid #2e2e3e;border:3px solid var(--border-primary);border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.profile-name{color:#f0eee8;color:var(--text-primary);font-size:20px;font-weight:700}.profile-email{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-top:4px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.profile-stat-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px 12px;text-align:center}.profile-stat-value{font-size:28px;font-weight:800}.profile-stat-label{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:4px}.profile-info-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px}.profile-info-title{color:#f0eee8;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:16px}.profile-info-row{display:flex;font-size:13px;justify-content:space-between}.profile-info-label{color:#6b6b8a;color:var(--text-muted)}.profile-info-value{color:#99a;color:var(--text-tertiary)}.profile-actions{display:flex;gap:12px;margin-top:24px}.profile-action-btn{border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:12px;color:#99a;color:var(--text-tertiary);flex:1 1;text-align:center;text-decoration:none}.btn-logout,.profile-action-btn{background:#12121a;background:var(--bg-card);box-shadow:none;box-shadow:var(--card-shadow);cursor:pointer;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.btn-logout{border:1px solid #ef444444;border-radius:12px;color:#ef4444;margin-top:12px;width:100%}@media (max-width:480px){.challenge-card{border-radius:14px;padding:18px}.challenge-title{font-size:17px}.challenge-info-grid{gap:8px}.cat-btn{font-size:11px;padding:8px 6px}.cat-btn-emoji{font-size:18px}.profile-stat-value{font-size:22px}.profile-stats-grid{gap:8px}.profile-stat-card{border-radius:12px;padding:14px 8px}.profile-actions{flex-direction:column;gap:8px}.btn-done{min-height:48px}.btn-reset{min-height:44px}}@media (max-width:360px){.challenge-title{font-size:16px}.cat-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-grid{gap:8px;grid-template-columns:1fr}}.motivation-quote{color:#4a4a6a;color:var(--text-dim);font-size:13px;font-style:italic;padding:20px;text-align:center}.skeleton-container{padding:8px 0}.skeleton-block{animation:skeletonShimmer 1.5s ease-in-out infinite;background:#0a0a0f;background:var(--bg-inset)}@keyframes skeletonShimmer{0%,to{opacity:.4}50%{opacity:.8}}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:90vw;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);z-index:10000}.toast{align-items:center;animation:toastIn .3s ease-out,toastOut .3s ease-in 2.7s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;pointer-events:auto}.toast-success{background:#22c55ee6}.toast-error{background:#ef4444e6}.toast-info{background:#3b82f6e6}.toast-icon{flex-shrink:0;font-size:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}
/*# sourceMappingURL=main.a14ecde2.css.map*/