@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#090909;--color-card:#141414;--color-card-elevated:#1f1f1f;--color-border:#2a2a2a;--color-accent:#0a84ff;--color-accent-ghost:#0a84ff26;--color-success:#30d158;--color-success-ghost:#30d15826;--color-warning:#ff9f0a;--color-danger:#ff453a;--color-danger-ghost:#ff453a26;--color-text-main:#fff;--color-text-secondary:#8e8e93;--color-text-tertiary:#636366;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #0009;--transition-fast:.2s cubic-bezier(.2, 0, 0, 1);--transition-normal:.3s cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.card-premium{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition-fast), background-color var(--transition-fast);box-shadow:var(--shadow-sm);padding:24px}.card-premium:active{transform:scale(.98)}.card-elevated{background-color:var(--color-card-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:24px}::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass{-webkit-backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff14}.glass-card{-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-md);background:#1a1a1aa6;border:1px solid #ffffff1a}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-20{margin-bottom:80px}.p-4{padding:16px}.p-6{padding:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.btn-primary,.btn-danger,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{color:#000;background-color:#fff;box-shadow:0 4px 14px #ffffff26}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover:not(:disabled){opacity:.9}.btn-secondary{color:var(--color-text-main);background-color:#ffffff1a}.app-wrapper{background-color:var(--color-bg);width:100%;min-height:100vh;overflow-x:hidden}.os-container{background-color:var(--color-bg);width:100vw;height:100vh;color:var(--color-text-main);flex-direction:column;display:flex;position:relative;overflow:hidden}.os-screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.os-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding-top:140px;padding-bottom:110px;overflow:hidden auto}.os-content.no-header{padding-top:24px}@media (width>=768px){.os-screen{flex-direction:row-reverse}.os-content{padding-bottom:0;padding-left:48px;padding-right:48px}}.view-placeholder{height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;display:flex}.global-header{z-index:100;-webkit-backdrop-filter:blur(24px);background:#090909cc;border-bottom:1px solid #ffffff0d;padding:16px 20px;position:fixed;top:0;left:0;right:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.avatar-wrapper{position:relative}.avatar-img,.avatar-placeholder{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:44px;height:44px}.avatar-placeholder{background:linear-gradient(135deg, var(--color-card-elevated), var(--color-card));color:var(--color-text-main);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.level-badge{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.greeting-container{flex-direction:column;display:flex}.greeting-text{color:var(--color-text-main);letter-spacing:-.02em;font-size:16px;font-weight:700}.greeting-subtext{color:var(--color-text-secondary);font-size:12px}.header-actions{gap:8px;display:flex}.icon-btn{background:var(--color-card);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:active{transform:scale(.9)}.icon-btn.relative{position:relative}.notification-dot{background-color:var(--color-danger);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.header-stats{align-items:center;gap:12px;display:flex}.stat-pill{border-radius:var(--radius-full);background:var(--color-card);border:1px solid #ffffff0d;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.streak-pill{color:var(--color-warning)}.streak-icon{fill:var(--color-warning)}.xp-container{flex-direction:column;flex:1;gap:4px;display:flex}.xp-info{color:var(--color-text-secondary);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.xp-bar-bg{border-radius:var(--radius-full);background-color:#ffffff1a;width:100%;height:4px;overflow:hidden}.xp-bar-fill{background-color:var(--color-accent);border-radius:var(--radius-full);height:100%;box-shadow:0 0 10px var(--color-accent)}.header-dropdown{background:var(--color-bg);border-radius:var(--radius-xl);z-index:50;border:1px solid #ffffff1a;flex-direction:column;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);box-shadow:0 10px 30px #00000080}.notifications-dropdown{width:280px;right:48px}.settings-dropdown{gap:4px;width:200px;padding:8px;right:0}.dropdown-title{color:var(--color-text-secondary);margin-bottom:12px;font-size:14px;font-weight:700}.dropdown-empty{text-align:center;opacity:.5;padding:16px 0;font-size:14px}.dropdown-item{text-align:left;border-radius:var(--radius-lg);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 16px;font-size:14px}.dropdown-item:hover{background:#ffffff0d}.bottom-nav-wrapper{pointer-events:none;z-index:100;background:linear-gradient(#09090900 0%,#090909b3 40%,#090909f2 100%);justify-content:center;padding:12px 16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#141414cc;border:1px solid #ffffff0d;border-radius:32px;width:100%;max-width:600px;padding:8px;box-shadow:0 10px 40px #00000080}.bottom-nav-list{justify-content:space-around;width:100%;list-style:none;display:flex}.bottom-nav-item{flex:1}.bottom-nav-btn{border-radius:var(--radius-lg);width:100%;height:56px;color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.bottom-nav-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-indicator{background-color:var(--color-accent);width:4px;height:4px;box-shadow:var(--shadow-glow);border-radius:50%;position:absolute;bottom:-8px}.bottom-nav-label{color:var(--color-text-secondary);opacity:.8;transition:opacity var(--transition-fast), color var(--transition-fast);font-size:10px;font-weight:500}.bottom-nav-btn.active .bottom-nav-label{color:var(--color-accent);opacity:1}@media (width>=768px){.bottom-nav{border-top:none;border-right:1px solid var(--color-border);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;width:240px;height:100%;padding:32px 16px;position:relative}.nav-btn{border-radius:var(--radius-lg);flex-direction:row;justify-content:flex-start;gap:16px;width:100%;padding:16px 24px}.nav-btn.active{color:var(--color-accent);background-color:#e2ff000d}.nav-label{font-size:.95rem;font-weight:600}}.dashboard-container{padding:0 16px 24px}.dash-section{margin-bottom:16px}.mission-card{border:1px solid var(--color-accent-ghost);background:linear-gradient(135deg,#0a84ff1a,#0000);justify-content:space-between;align-items:center;display:flex}.mission-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px;font-weight:700;display:inline-block}.mission-title{font-size:18px;font-weight:600}.mission-action-btn{color:var(--color-text-secondary);transition:color var(--transition-fast)}.mission-action-btn:hover{color:var(--color-success)}.bento-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.bento-card{flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex}.bento-header{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.bento-body h4{margin-bottom:4px;font-size:16px;font-weight:600}.bento-body p{font-size:12px}.bento-empty{font-size:12px;font-style:italic}.mini-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;height:4px;margin-top:8px;overflow:hidden}.mini-progress-fill{background:var(--color-danger);border-radius:var(--radius-full);height:100%}.calendar-overview{padding:20px}.calendar-header{margin-bottom:20px}.calendar-week{justify-content:space-between;display:flex}.calendar-day{flex-direction:column;align-items:center;gap:8px;display:flex}.day-name{color:var(--color-text-secondary);font-size:12px;font-weight:500}.day-dot{background:var(--color-card-elevated);border:1px solid #ffffff0d;border-radius:50%;width:24px;height:24px}.day-dot.warning{background:#ffcc0026;border-color:#fc0}.day-dot.success-light{background:#8ce99a26;border-color:#8ce99a}.day-dot.success-dark{background:var(--color-success-ghost);border-color:var(--color-success)}.day-dot.future{opacity:.3}.calendar-day.today .day-name{color:var(--color-text-main);font-weight:700}.calendar-day.today .day-dot{border-color:var(--color-text-main)}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-sm{border-radius:var(--radius-sm);height:36px;padding:0 16px;font-size:14px}.btn-md{border-radius:var(--radius-md);height:48px;padding:0 24px;font-size:16px}.btn-lg{border-radius:var(--radius-xl);height:60px;padding:0 32px;font-size:18px}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-card-elevated);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-modal)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-text-main);background-color:#ffffff0d}.btn-danger{background-color:var(--color-danger-ghost);color:var(--color-danger)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;width:100%;padding:48px 24px}.empty-state-icon{background-color:var(--color-card-elevated);width:80px;height:80px;color:var(--color-text-secondary);border-radius:50%;margin-bottom:24px;font-size:32px}.empty-state-title{color:var(--color-text-main);margin-bottom:8px;font-size:20px;font-weight:600}.empty-state-desc{color:var(--color-text-secondary);max-width:300px;margin-bottom:32px;font-size:15px;line-height:1.5}.empty-state-btn{min-width:200px}.challenge-grid{grid-template-columns:1fr;gap:16px;padding-bottom:24px;display:grid}.challenge-card{background-color:var(--color-card);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #ffffff0d;align-items:center;padding:16px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.challenge-card:before{content:"";background-color:var(--challenge-color,var(--color-accent));width:4px;position:absolute;top:0;bottom:0;left:0}.challenge-card:hover{border-color:#ffffff1a}.challenge-card.is-active-challenge{background:linear-gradient(90deg, #ffffff08 0%, var(--color-card) 100%);border-color:#ffffff1a}.challenge-card-icon{border-radius:var(--radius-md);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-right:16px;font-size:32px;display:flex}.challenge-card-content{flex:1}.challenge-card-content h3{margin-bottom:4px;font-size:16px;font-weight:600}.challenge-card-content p{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;display:-webkit-box;overflow:hidden}.challenge-meta{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.challenge-card-btn{color:var(--challenge-color,var(--color-accent));cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:600}.challenge-detail-modal{max-height:85vh;overflow-y:auto;max-width:450px!important}.challenge-stats-row{gap:12px;display:flex}.stat-box{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.stat-value{margin-bottom:4px;font-size:20px;font-weight:700}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.text-capitalize{text-transform:capitalize}.challenge-habits-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.challenge-habit-item{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff08;align-items:center;padding:12px;display:flex}.challenge-benefits-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.challenge-benefits-list li{color:var(--color-text-secondary);font-size:14px}.start-challenge-btn{color:#fff!important}.confirm-icon-wrapper{border-radius:50%;width:64px;height:64px;margin:0 auto}.confirm-icon-wrapper.warning{color:var(--color-warning);background:#f59e0b1a}.confirm-icon-wrapper.danger{color:var(--color-danger);background:#ef44441a}.confirm-icon-wrapper.info{color:var(--color-accent);background:#0a84ff1a}.active-challenge-card{background-color:var(--color-card);border-radius:var(--radius-lg);border:1px solid #ffffff0d;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.active-challenge-card:before{content:"";background-color:var(--challenge-color,var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.acc-header{justify-content:space-between;align-items:center;display:flex}.acc-icon{font-size:20px}.acc-title{font-size:16px;font-weight:600}.acc-cancel-btn{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.acc-cancel-btn:hover{color:var(--color-danger);background:#ef44441a}.acc-stats{flex-direction:column;display:flex}.acc-day{color:var(--challenge-color,var(--color-accent));font-size:14px;font-weight:600}.acc-percent{color:var(--color-text-secondary);font-size:12px}.acc-progress-bg{border-radius:var(--radius-full);background-color:#ffffff0d;width:100%;height:8px;overflow:hidden}.acc-progress-fill{background-color:var(--challenge-color,var(--color-accent));border-radius:var(--radius-full);height:100%}.acc-calendar{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.acc-day-dot{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.status-completed{background-color:#10b981}.status-partial{background-color:#f59e0b}.status-failed{background-color:#ef4444}.status-current{border:2px solid var(--challenge-color,var(--color-accent));background-color:#0000}.status-upcoming{background-color:#ffffff0d}.challenge-end-modal{max-width:400px!important}.end-stats-grid{gap:12px;display:flex}.end-stat-box{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 12px;display:flex}.end-stat-value{margin-bottom:4px;font-size:24px;font-weight:700}.end-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:11px}.view-container{padding:0 16px 100px}.view-tabs-wrapper{justify-content:center;margin-top:-10px;margin-bottom:24px;display:flex}.view-tabs{border-radius:var(--radius-full);background:#ffffff0d;padding:4px;display:flex}.view-tab{color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:600}.view-tab:hover{color:var(--color-text-main)}.view-tab.active{color:var(--color-text-main);background:#ffffff1a;box-shadow:0 2px 8px #0003}.uppercase{text-transform:uppercase}.progress-summary{padding:12px 8px}.progress-bar-bg{border-radius:var(--radius-full);background:#ffffff1a;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.habits-list{flex-direction:column;gap:12px;display:flex}.habit-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff08,#0000);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.habit-card:hover{background:linear-gradient(135deg,#ffffff0f,#0000);border-color:#ffffff26;transform:translateY(-2px)}.habit-card:last-child{margin-bottom:0}.habit-card.completed{opacity:.5;background:0 0;border-color:#0000}.habit-info{align-items:center;gap:12px;display:flex}.habit-emoji{border-radius:var(--radius-md);background:#ffffff0d;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.habit-name{font-size:16px;font-weight:600}.habit-time{margin-top:2px;font-size:12px}.habit-card.completed .habit-name{color:var(--color-text-secondary);text-decoration:line-through}.habit-actions{align-items:center;gap:12px;display:flex}.check-btn{color:var(--color-text-secondary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.check-btn:hover{color:var(--color-text-main)}.check-btn.is-checked{color:var(--color-accent)}.action-btn-danger{color:var(--color-text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.action-btn-danger:hover{color:var(--color-danger);background:#ff453a1a}.fab-button{background:var(--color-accent);color:#fff;z-index:50;width:56px;height:56px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:100px;right:20px;box-shadow:0 4px 20px #0a84ff66}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:400px;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{font-size:20px;font-weight:700}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.premium-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:14px 16px;font-family:inherit;font-size:16px}.premium-input:focus{border-color:var(--color-accent);outline:none}.form-row{gap:12px;display:flex}.text-center{text-align:center}.quick-add-form{width:100%;position:relative}.quick-add-input-wrapper{align-items:center;display:flex;position:relative}.quick-add-input{border-radius:var(--radius-lg);width:100%;color:var(--color-text-main);transition:all var(--transition-fast);background:#0a84ff08;border:1px solid #0a84ff26;padding:16px 60px 16px 20px;font-family:inherit;font-size:16px}.quick-add-input:focus{border-color:var(--color-accent);background:#0a84ff0d;outline:none}.quick-add-btn{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.quick-add-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.task-section{margin-bottom:24px}.section-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:4px;font-size:14px;font-weight:600}.tasks-list{flex-direction:column;gap:10px;display:flex}.task-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff08,#0000);align-items:center;gap:16px;padding:16px 20px;display:flex}.task-card:hover{background:linear-gradient(135deg,#ffffff0f,#0000);border-color:#ffffff26;transform:translateY(-2px)}.task-card.completed .task-title{color:var(--color-text-secondary);text-decoration:line-through}.task-checkbox{width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:2px solid #fff3;border-radius:6px;justify-content:center;align-items:center;display:flex}.task-checkbox.checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.task-content{flex-direction:column;flex:1;display:flex}.task-title{font-size:15px;font-weight:500}.task-delete-btn{color:var(--color-text-secondary);opacity:.5;transition:all var(--transition-fast);padding:8px}.task-delete-btn:hover{color:var(--color-danger);opacity:1}.opacity-60{opacity:.6}.wizard-container{background-color:var(--color-bg);z-index:1000;flex-direction:column;height:100vh;padding:24px;display:flex;position:fixed;inset:0}.wizard-header{padding-top:env(safe-area-inset-top,20px);align-items:center;gap:16px;margin-bottom:40px;display:flex}.wizard-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;flex:1;height:4px;overflow:hidden}.wizard-progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.wizard-body,.wizard-step{flex-direction:column;flex:1;display:flex}.wizard-title{margin-bottom:32px;font-size:28px;font-weight:700;line-height:1.2}.wizard-options{flex-direction:column;gap:12px;display:flex}.wizard-opt-btn{border-radius:var(--radius-lg);color:var(--color-text-main);text-align:left;background:#ffffff0d;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.wizard-opt-btn:hover{background:#ffffff14}.wizard-opt-btn:active{transform:scale(.98)}.wizard-opt-btn.selected{border-color:var(--color-accent);background:#0a84ff1a}.wizard-generating-container{background:var(--color-bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.generating-content{text-align:center;flex-direction:column;align-items:center;padding:32px;display:flex}@keyframes pulse-op{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}.workout-session-container{background-color:var(--color-bg);min-height:100vh;padding:16px;padding-top:env(safe-area-inset-top,20px)}.ws-header{background:var(--color-bg);z-index:50;border-bottom:1px solid var(--color-border);margin-bottom:24px;margin-left:-16px;margin-right:-16px;padding-bottom:16px;padding-left:16px;padding-right:16px;position:sticky;top:0}.ws-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;height:4px;overflow:hidden}.ws-progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.ws-exercise-card{box-shadow:var(--shadow-sm);padding:16px}.ws-table-header{border-bottom:1px solid var(--color-border);padding-bottom:8px}.ws-input{width:100%;color:var(--color-text-main);text-align:center;background:#ffffff0d;border:1px solid #0000;border-radius:6px;padding:8px 4px;font-size:16px;font-weight:600;transition:all .2s}.ws-input:focus{border-color:var(--color-accent);background:#ffffff1a;outline:none}.ws-input:disabled{color:var(--color-text-main)}.bg-success-ghost{background:#34c7591a}.ws-check-btn{width:32px;height:32px;color:var(--color-text-secondary);background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ws-check-btn.completed{background:var(--color-success);color:#fff;box-shadow:0 0 12px #34c75966}.ws-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,60px));background:linear-gradient(to top, var(--color-bg) 70%, transparent);z-index:50;position:fixed;bottom:0;left:0;right:0}.rest-timer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.rest-timer-content{background:var(--color-card-elevated);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,20px));border-bottom:none;box-shadow:0 -10px 40px #00000080}.rest-progress-bg{border-radius:var(--radius-full);background:#ffffff1a;height:8px;overflow:hidden}.rest-progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.start-workout-btn{border-radius:var(--radius-lg);width:100%;padding:20px;font-size:18px;font-weight:700}.active-workout-card{text-align:center;background:linear-gradient(#ff453a0d,#0000);border-color:#ff453a4d;padding:32px 24px}.aw-header{color:var(--color-danger);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.pulse-anim{animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.btn-danger{background:var(--color-danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;display:flex}.btn-danger:active{transform:scale(.98)}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{padding:16px}.history-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-main);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.diet-summary-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.diet-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 16px;display:flex}.diet-val{color:var(--color-text-main);margin-bottom:4px;font-size:24px;font-weight:800}.diet-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.add-meal-form{padding:16px}.meals-list{flex-direction:column;gap:12px;display:flex}.meal-card{justify-content:space-between;align-items:center;padding:16px;display:flex}.meal-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-main);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.icon-btn-danger{width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn-danger:hover{color:var(--color-danger);background:#ff453a1a}.fin-onboarding-container{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}.fin-onboarding-content{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.fin-onboarding-icon{border-radius:var(--radius-full);background:#0a84ff1a;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 0 40px #0a84ff33}.fin-onboarding-card{background:var(--color-card-elevated);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-xl);padding:32px 24px}.fin-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-main);background:#ffffff0d;border:1px solid #ffffff1a;padding:16px;font-family:inherit;font-size:16px;transition:all .2s}.fin-input:focus{border-color:var(--color-accent);background:#ffffff1a;outline:none}.fin-currency-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:var(--color-text-secondary);font-size:18px;font-weight:700;position:absolute;left:16px}.currency-input{padding-left:52px;font-size:20px;font-weight:700}.fin-onboarding-actions{width:100%}.view-container{max-width:800px;margin:0 auto;padding:24px}.fab-button{background:var(--color-accent);color:#000;z-index:50;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:120px;right:24px;box-shadow:0 4px 20px #0a84ff66}.fab-button:active{transform:scale(.9)}.finance-dashboard-card{background:linear-gradient(135deg, #0a84ff26 0%, #0a84ff05 100%), var(--color-card);border-radius:var(--radius-xl);border:1px solid #0a84ff33;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0a84ff0d}.finance-dashboard-card:before{content:"";background:var(--color-accent);filter:blur(80px);opacity:.2;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.finance-filters{border-radius:var(--radius-full);z-index:2;background:#ffffff0d;gap:4px;padding:4px;display:flex;position:relative}.filter-chip{color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:11px;font-weight:700}.filter-chip:hover{color:var(--color-text-main)}.filter-chip.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #0a84ff66}.finance-proportion-bar{background:#ffffff0d;border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.proportion-income{background:var(--color-success);height:100%}.proportion-investment{background:var(--color-accent);height:100%}.proportion-expense{background:var(--color-danger);height:100%}.finance-summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.summary-card{flex-direction:column;gap:8px;padding:16px;display:flex}.summary-title{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.summary-value{color:var(--color-text-main);font-size:16px;font-weight:700}.ai-finance-form{padding:16px}.ai-input-wrapper{border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff1a;align-items:center;padding:4px 4px 4px 16px;display:flex;position:relative}.ai-input-wrapper:focus-within{border-color:var(--color-accent);background:#ffffff14}.ai-icon{margin-right:12px}.ai-input{color:var(--color-text-main);background:0 0;border:none;flex:1;font-size:14px}.ai-input:focus{outline:none}.ai-submit-btn{background:var(--color-accent);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.ai-submit-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.fin-chip{border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:6px 12px;font-size:12px;transition:all .2s}.fin-chip:hover{color:var(--color-text-main);background:#ffffff1a}.ai-chat-popup{z-index:60;width:calc(100vw - 48px);max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;padding:16px;position:fixed;bottom:190px;right:24px}.tx-history-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff08,#0000);justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;display:flex}.tx-history-card:hover{background:linear-gradient(135deg,#ffffff0f,#0000);border-color:#ffffff26;transform:translateY(-2px)}.custom-select-container{width:100%;position:relative}.custom-select-button{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.custom-select-button:focus{border-color:#ffffff4d;outline:none}.custom-select-dropdown{z-index:100;border-radius:var(--radius-md);width:100%;max-height:250px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.custom-select-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--color-text-secondary);transition:all var(--transition-fast);padding:10px 12px;font-size:14px;font-weight:500}.custom-select-item:hover{color:var(--color-text-main);background:#ffffff0d}.custom-select-item.selected{color:var(--color-text-main);background:#ffffff1a}.custom-datepicker-container{width:100%;position:relative}.custom-datepicker-dropdown{z-index:100;width:280px;position:absolute;top:calc(100% + 8px);right:0}.custom-calendar{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:16px}.calendar-grid-header{grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.calendar-day-name{text-align:center;color:var(--color-text-secondary);font-size:12px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cell{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--color-text-main);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.calendar-cell:not(.empty):hover{color:#fff;background:#ffffff1a}.calendar-cell.today{border:1px solid var(--color-accent);color:var(--color-accent)}.calendar-cell.selected{background:var(--color-accent);color:#fff;border-color:#0000}.wizard-modal{flex-direction:column;min-height:550px;display:flex;max-width:500px!important}.wizard-step-indicator{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#ffffff1a;padding:4px 8px;font-size:11px;font-weight:700}.wizard-body{flex-direction:column;flex:1;justify-content:center;display:flex}.wizard-step h3{margin-bottom:8px;font-size:24px}.color-picker{gap:12px;margin-top:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border:2px solid #fff;box-shadow:0 0 10px #ffffff4d}.wizard-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.wizard-option-card{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:500;display:flex}.wizard-option-card:hover{background:#ffffff14}.wizard-option-card.selected{color:var(--color-text-main);background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 4px 20px #0003}.milestone-input-row{gap:8px;display:flex}.milestone-preview-list{flex-direction:column;gap:8px;max-height:200px;padding:0;list-style:none;display:flex;overflow-y:auto}.milestone-preview-item{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.form-row{gap:16px;width:100%;display:flex}.form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-group label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.flex-1{flex:1}.w-24{flex-shrink:0;width:80px}.bg-accent{background-color:var(--color-accent)!important}.text-bg{color:var(--color-bg)!important}.goal-detail-modal{background:var(--color-bg);z-index:100;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.goal-detail-header-img{background-position:50%;background-size:cover;align-items:flex-end;height:35vh;min-height:250px;padding:32px;display:flex;position:relative}.goal-detail-header-overlay{background:linear-gradient(#09090933 0%,#090909 100%);position:absolute;inset:0}.goal-detail-close{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:24px;right:24px}.goal-detail-header-content{z-index:2;flex-direction:column;gap:12px;display:flex;position:relative}.goal-detail-title{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.1}.goal-detail-meta{gap:8px;display:flex}.badge{border-radius:var(--radius-sm);text-transform:uppercase;color:#fff;padding:4px 12px;font-size:12px;font-weight:700}.badge-dark{border-radius:var(--radius-sm);background:#ffffff1a;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.goal-detail-body{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:32px;overflow-y:auto}.goal-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.goal-columns{grid-template-columns:1fr}}.goal-progress-hero{border-radius:var(--radius-2xl);box-sizing:border-box;background:linear-gradient(135deg,#ffffff05,#0000);border:1px solid #ffffff0d;width:100%;margin-bottom:32px;padding:32px;position:relative;overflow:hidden}.hero-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.hero-progress-title{color:var(--color-text-main);font-size:20px;font-weight:700}.hero-progress-percent{letter-spacing:-.03em;text-shadow:0 4px 20px #0000004d;font-size:40px;font-weight:800}.hero-progress-bar-bg{border-radius:var(--radius-full);background:#ffffff0d;height:12px;margin-bottom:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.hero-progress-fill{border-radius:var(--radius-full);height:100%}.hero-progress-stats{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.hero-progress-update{border-top:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.hero-progress-update span{color:var(--color-text-secondary);font-size:14px;font-weight:500}.hero-progress-input-wrapper{border-radius:var(--radius-full);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;flex:1;align-items:center;min-width:0;padding:4px 4px 4px 20px;transition:all .2s;display:flex}.hero-progress-input-wrapper:focus-within{background:#00000080}.hero-progress-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:600}.hero-progress-btn{color:#000;border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:10px 24px;font-size:14px;font-weight:700;transition:transform .2s}.hero-progress-btn:hover{transform:scale(1.05)}.milestone-timeline{flex-direction:column;gap:16px;display:flex}.milestone-item{gap:16px;display:flex;position:relative}.milestone-line{z-index:0;background:#ffffff1a;width:2px;position:absolute;top:24px;bottom:-16px;left:11px}.milestone-item:last-child .milestone-line{display:none}.milestone-check{z-index:1;background:var(--color-bg);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.milestone-content{flex:1;padding-top:2px}.milestone-item.completed .milestone-content{color:var(--color-text-secondary);text-decoration:line-through}.goal-tasks-list{flex-direction:column;gap:8px;display:flex}.goal-task-item{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:12px;padding:8px 12px;display:flex}.icon-btn-small{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.goal-task-input-row{align-items:center;gap:12px;padding:8px 12px;display:flex}.goal-task-input-row input{color:var(--color-text-main);background:0 0;border:none;outline:none;flex:1;font-size:14px}.goal-history-list{border-left:1px solid #ffffff1a;flex-direction:column;gap:16px;margin-left:8px;padding-left:20px;display:flex}.history-item{position:relative}.history-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-25px;box-shadow:0 0 10px #fff3}.history-action{text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:700;display:block}.history-desc{margin:4px 0;font-size:14px}.history-date{color:var(--color-text-tertiary);font-size:11px}.metas-header{margin-bottom:24px}.metas-header-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metas-header-title h1{letter-spacing:-.02em;font-size:28px;font-weight:800}.btn-ia{color:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#0a84ff26,#0a84ff0d);border:1px solid #0a84ff4d;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-ia:hover{background:#0a84ff33}.metas-stats-row{gap:32px;display:flex}.metas-stat{flex-direction:column;gap:2px;display:flex}.metas-stat .val{font-size:24px;font-weight:700;line-height:1}.metas-stat .lbl{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;font-size:10px;font-weight:700}.segmented-control{border-radius:var(--radius-full);background:#ffffff0d;gap:4px;width:fit-content;margin:0 auto 16px;padding:4px;display:flex}.segmented-control button{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:600}.segmented-control button.active{color:var(--color-text-main);background:#ffffff1a;box-shadow:0 2px 8px #0003}.metas-filters-wrapper{gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.metas-category-chip{border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:6px 14px;font-size:12px;font-weight:500}.metas-category-chip.active{background:var(--color-accent);color:#000;border-color:var(--color-accent);font-weight:700}.goals-grid{grid-template-columns:1fr;gap:16px;padding-bottom:80px;display:grid}.goal-hub-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);cursor:pointer;min-height:200px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-end;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.goal-hub-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.goal-card-bg{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.goal-card-overlay{z-index:1;background:linear-gradient(#0f0f0f33 0%,#0f0f0ff2 80%,#0f0f0f 100%);position:absolute;inset:0}.goal-card-content{z-index:2;flex-direction:column;padding:20px;display:flex;position:relative}.goal-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.goal-card-emoji-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);background:#0006;border:1px solid #ffffff1a;justify-content:center;align-items:center;margin-bottom:12px;padding:8px;display:flex}.goal-priority-badge{text-transform:uppercase;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;padding:4px 8px;font-size:10px;font-weight:700}.goal-card-title{margin-bottom:4px;font-size:20px;font-weight:700}.goal-card-meta{color:var(--color-text-secondary);align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.goal-progress-section{flex-direction:column;gap:8px;display:flex}.goal-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;height:6px;overflow:hidden}.goal-progress-fill{border-radius:var(--radius-full);background:var(--goal-color,var(--color-accent));height:100%}.goal-progress-labels{justify-content:space-between;font-size:12px;font-weight:600;display:flex}.profile-header{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-avatar-large{background:linear-gradient(135deg, var(--color-card-elevated), var(--color-card));border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:800;display:flex;box-shadow:0 10px 30px #00000080}.profile-avatar-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.p-stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.p-stat-val{margin-bottom:2px;font-size:20px;font-weight:700}.p-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.settings-card{padding:0;overflow:hidden}.settings-item{width:100%;color:var(--color-text-main);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:500;display:flex}.settings-item:hover{background:#ffffff0d}.settings-item.text-danger{color:var(--color-danger)}.settings-divider{background:#ffffff0d;height:1px;margin:0 20px}.onboarding-wrapper{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text-main);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.top-progress-container{flex-direction:column;gap:8px;width:100%;max-width:400px;padding:0 24px;display:flex;position:absolute;top:32px;left:50%;transform:translate(-50%)}.progress-text-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);text-align:left;font-size:.85rem;font-weight:600}.top-progress{background-color:var(--color-secondary);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.top-progress-fill{background-color:#10b981;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.onboarding-container{width:100%;max-width:440px;margin-top:40px;margin-left:auto;margin-right:auto;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1)}.fade-in{opacity:1;transform:translateY(0)scale(1)}.fade-out{opacity:0;transform:translateY(-15px)scale(.98)}.onboarding-step{flex-direction:column;width:100%;animation:.5s cubic-bezier(.16,1,.3,1) forwards stepEntry;display:flex}@keyframes stepEntry{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center;align-items:center}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.flex{display:flex}.justify-center{justify-content:center}.step-title{letter-spacing:-.04em;text-wrap:balance;margin-bottom:12px;font-size:1.65rem;font-weight:600;line-height:1.1}.step-subtitle{color:var(--color-text-secondary);font-size:.95rem;font-weight:400}.intro-step{justify-content:center;min-height:50vh}.input-group{text-align:left;flex-direction:column;margin-bottom:20px;display:flex}.input-label{letter-spacing:-.02em;color:var(--color-text-main);margin-bottom:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400}.label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.link-forgot{color:var(--color-accent-blue);font-size:.75rem;font-weight:600;text-decoration:none}.premium-input{border-radius:var(--radius-xl);width:100%;color:var(--color-text-main);background:#ffffff08;border:1px solid #ffffff14;padding:14px 16px;font-size:15px;transition:all .2s}.premium-input:focus{border-color:var(--color-accent-blue);background:#ffffff0f;outline:none;box-shadow:0 0 0 4px #3772ff1a}.auth-error-message{color:#ff4242;border-radius:var(--radius-lg);background:#ff42421a;border:1px solid #ff424233;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.password-strength-container{flex-direction:column;gap:6px;padding:0 4px;display:flex}.strength-bars{gap:4px;height:4px;display:flex}.strength-bar{border-radius:2px;flex:1;transition:background .3s}.strength-label{text-align:right;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.premium-input::placeholder{color:#4a4a4a}.premium-input:focus{background-color:#151515;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.auth-form{border-radius:var(--radius-xl);border:1px solid var(--color-border);background-color:#0c0c0c;width:100%;max-width:400px;margin-left:auto;margin-right:auto;padding:40px 32px;box-shadow:0 20px 40px #0006}.terms-text{color:var(--color-text-secondary);margin-top:24px;font-size:.75rem;line-height:1.5}.terms-text u{color:var(--color-text-main);cursor:pointer;text-underline-offset:2px;text-decoration:underline}.btn-state-error{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;color:#fff!important;background-color:#ef4444!important}.btn-state-error:before{display:none!important}.btn-state-success{transform:scale(1.05);color:#fff!important;background-color:#10b981!important}.btn-state-success:before{display:none!important}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.cards-grid{grid-template-columns:1fr;gap:12px;display:grid}.cards-grid-small{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.large-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.medium-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:16px;width:100%;padding:20px;font-size:1.05rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.large-card:hover,.large-card:active,.medium-card:hover,.medium-card:active{background-color:var(--color-card-active);border-color:var(--color-text-main);transform:scale(1.02)}.processing-message.active{opacity:1;color:var(--color-text-main);transform:scale(1.05)}.processing-message.done{opacity:.6;color:#10b981}.processing-spinner-green{border:4px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:64px;height:64px;margin:0 auto;animation:1s linear infinite spin,2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 #10b98100}}.success-checkmark{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards scale-up-bounce;display:flex;box-shadow:0 10px 25px #10b98166}@keyframes scale-up-bounce{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-reveal{animation:.5s ease-out forwards fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-selected{transform:scale(1.02);color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.card-selected .card-text h3,.card-selected .card-text p,.card-selected .card-icon{color:#fff!important}.card-icon{color:var(--color-text-main);flex-shrink:0;width:24px;height:24px}.card-emoji{text-align:center;flex-shrink:0;width:24px;font-size:1.5rem}.medium-card .card-icon{width:20px;height:20px}.card-text h3{margin-bottom:2px;font-size:1.05rem;font-weight:400}.card-text p{color:var(--color-text-secondary);font-size:.85rem}.multi-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.multi-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:16px 20px;font-size:1.05rem;font-weight:500;display:flex}.multi-card:hover{background-color:var(--color-card-active)}.multi-card.selected{background-color:var(--color-card-active);border-color:var(--color-text-main);color:var(--color-text-main)}.multi-card-check{background-color:#333;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .3s;position:relative}.multi-card-check:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.multi-card.selected .multi-card-check{background-color:#10b981}.multi-card.selected .multi-card-check:after{transform:translate(20px)}.slider-container{width:100%;max-width:400px;margin-left:auto;margin-right:auto}.premium-slider{-webkit-appearance:none;background:var(--color-border);border-radius:var(--radius-full);outline:none;width:100%;height:4px}.premium-slider::-webkit-slider-thumb{appearance:none;background:var(--color-text-main);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 0 10px #fff3}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{flex-direction:column;align-items:center;display:flex}.time-display{letter-spacing:-.05em;font-size:4rem;font-weight:500;line-height:1}.time-label{color:var(--color-text-secondary);font-size:1.125rem;font-weight:500}.processing-step{justify-content:center;min-height:60vh}.premium-spinner{border:2px solid var(--color-border);border-top-color:var(--color-text-main);border-radius:50%;width:64px;height:64px;margin:0 auto;animation:1s cubic-bezier(.6,.2,.4,.8) infinite spin}.processing-message{color:var(--color-text-main);font-size:1.5rem;font-weight:500}.processing-dynamic-text{color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1.125rem;font-weight:400;animation:1s infinite alternate fadeInOut;display:flex}.inline{display:inline-flex}.mr-2{margin-right:8px}@keyframes fadeInOut{0%{opacity:.5}to{opacity:1}}.btn-back{color:var(--color-text-secondary);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:.95rem;font-weight:500;display:flex}.btn-back:hover{color:var(--color-text-main)}@media (width<=600px){.onboarding-wrapper{padding:16px}.step-title{font-size:1.35rem}.step-subtitle{font-size:.95rem}.auth-form{padding:32px 20px}.premium-input{padding:12px 14px;font-size:.95rem}.medium-card{gap:8px;padding:12px;font-size:.85rem}.medium-card .card-icon{width:18px;height:18px}.multi-card{gap:8px;padding:12px;font-size:.9rem}}.install-pwa-container{background:var(--color-bg);background-image:radial-gradient(circle at 15%,#3772ff0d,#0000 25%),radial-gradient(circle at 85% 30%,#ff42420d,#0000 25%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.install-card{border-radius:var(--radius-2xl);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:40px 30px;display:flex}.install-icon-wrapper{background:#3772ff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.install-title{color:var(--color-text-main);letter-spacing:-.03em;margin-bottom:12px;font-size:28px;font-weight:800}.install-desc{color:var(--color-text-secondary);margin-bottom:32px;font-size:15px;line-height:1.5}.instructions-box{border-radius:var(--radius-xl);text-align:left;background:#0000004d;border:1px solid #ffffff0d;width:100%;margin-bottom:24px;padding:24px}.instructions-title{color:var(--color-text-main);margin-bottom:16px;font-size:16px;font-weight:700}.instructions-list{color:var(--color-text-secondary);margin:0;padding-left:20px;font-size:14px;line-height:1.6}.instructions-list li{margin-bottom:12px}.instructions-list li:last-child{margin-bottom:0}.inline-icon{vertical-align:middle;color:var(--color-text-main);margin:0 4px;display:inline-block}.bypass-btn{color:var(--color-text-secondary);opacity:.5;cursor:pointer;background:0 0;border:none;margin-top:16px;font-size:13px;text-decoration:underline;transition:opacity .2s}.bypass-btn:hover{opacity:1}:root{--lp-bg:#fff;--lp-bg-secondary:#fafafa;--lp-text:#111;--lp-text-muted:#666;--lp-border:#eaeaea;--lp-accent:#007aff;--lp-mockup-bg:#0a0a0a;--lp-mockup-card:#161616;--lp-mockup-border:#ffffff14;--lp-mockup-text:#fff;--lp-mockup-muted:#888}.landing-page{background-color:var(--lp-bg);color:var(--lp-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;position:relative;overflow-x:hidden}.lp-h1{letter-spacing:-.04em;color:var(--lp-text);margin-bottom:24px;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1.05}.lp-h2{letter-spacing:-.03em;color:var(--lp-text);margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.lp-h3{letter-spacing:-.02em;color:var(--lp-text);margin-bottom:8px;font-size:1.25rem;font-weight:600}.lp-subtitle{color:var(--lp-text-muted);max-width:600px;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:400;line-height:1.5}.lp-container{max-width:1200px;margin:0 auto;padding:0 40px}.lp-section{padding:120px 0;position:relative}.lp-section-alt{background-color:var(--lp-bg-secondary);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}.lp-btn-primary{background-color:var(--lp-text);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.lp-btn-primary:hover{background-color:#333}.lp-btn-secondary{color:var(--lp-text);border:1px solid var(--lp-border);cursor:pointer;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.lp-btn-secondary:hover{background-color:var(--lp-bg-secondary)}.lp-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:160px;padding-bottom:80px;display:grid}.lp-hero-text{max-width:540px}.lp-hero-actions{align-items:center;gap:16px;margin-top:40px;margin-bottom:16px;display:flex}.lp-mockup-frame{background:var(--lp-mockup-bg);color:var(--lp-mockup-text);border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000001a,0 0 0 1px #0000000d}.lp-mockup-desktop{border-radius:12px;flex-direction:column;width:100%;display:flex}.lp-mockup-header{border-bottom:1px solid var(--lp-mockup-border);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.lp-mockup-dot{background:#333;border-radius:50%;width:12px;height:12px}.lp-project-section{grid-template-columns:1fr 1.5fr;align-items:center;gap:80px;display:grid}.lp-module-row{grid-template-columns:1fr 1.5fr;align-items:center;gap:80px;margin-bottom:160px;display:grid}.lp-module-row:last-child{margin-bottom:0}.lp-module-row.reverse{grid-template-columns:1.5fr 1fr}.lp-module-list{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding:0;list-style:none;display:grid}.lp-module-list li{color:var(--lp-text-muted);align-items:center;gap:8px;font-size:.9375rem;display:flex}.lp-module-list li:before{content:"•";color:var(--lp-text);font-weight:700}.lp-benefits-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;display:grid}.lp-benefit-card{border:1px solid var(--lp-border);background:var(--lp-bg);border-radius:12px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.lp-benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000a}.lp-gallery{grid-template-columns:1fr 2fr;align-items:start;gap:32px;margin-top:64px;display:grid}.lp-includes-grid{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:24px;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;padding:56px;display:grid;box-shadow:0 12px 40px #00000008}.lp-includes-item{color:var(--lp-text);align-items:center;gap:12px;font-size:1.0625rem;display:flex}.lp-includes-item svg{color:#007aff}.lp-pricing-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:64px auto 0;display:grid}.lp-desktop-mockup-inner{gap:24px;display:flex}.lp-pricing-card{border:1px solid var(--lp-border);background:var(--lp-bg);border-radius:24px;flex-direction:column;padding:48px 40px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000005}.lp-pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000a}.lp-pricing-card.popular{color:#fff;background:#111;border:1px solid #ffffff1a;box-shadow:0 20px 60px #0000001a}.lp-pricing-card.popular .lp-h3,.lp-pricing-card.popular .lp-subtitle{color:#ffffffb3}.lp-pricing-card.popular .lp-pricing-price{color:#fff}.lp-pricing-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#007aff 0%,#0056b3 100%);border-radius:100px;padding:6px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #007aff4d}.lp-faq-container{flex-direction:column;max-width:800px;margin:64px auto 0;display:flex}.lp-faq-item{border-bottom:1px solid var(--lp-border)}.lp-faq-item:first-child{border-top:1px solid var(--lp-border)}.lp-faq-q{cursor:pointer;justify-content:space-between;align-items:center;padding:24px 0;font-size:1.125rem;font-weight:500;display:flex}.lp-faq-a{color:var(--lp-text-muted);padding-bottom:24px;line-height:1.6}.lp-final-cta{text-align:center;padding:160px 0}.lp-footer{border-top:1px solid var(--lp-border);padding:80px 0 40px}.lp-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.lp-footer-col{flex-direction:column;gap:16px;display:flex}.lp-footer-col a{color:var(--lp-text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.lp-footer-col a:hover{color:var(--lp-text)}@media (width<=1024px){.lp-hero,.lp-project-section,.lp-module-row,.lp-module-row.reverse{grid-template-columns:1fr;gap:48px}.lp-hero-text{text-align:center;margin:0 auto}.lp-module-text{order:-1;width:100%;margin:0 auto}.lp-hero-actions{justify-content:center}.lp-benefits-grid{grid-template-columns:repeat(2,1fr)}.lp-gallery{grid-template-columns:1fr}}@media (width<=768px){.lp-section{padding:80px 0}.lp-hero{padding-top:120px}.lp-module-row{margin-bottom:80px}.lp-benefits-grid,.lp-includes-grid,.lp-pricing-grid,.lp-footer-grid{grid-template-columns:1fr}.lp-desktop-mockup-inner{flex-direction:column}.lp-module-list{grid-template-columns:1fr}.lp-hero-actions{flex-direction:column;width:100%}.lp-hero-actions button{width:100%}}