*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fef6e4;--surface:#fff;--surface-soft:#f9fafb;--text:#111827;--text-muted:#4b5563;--border:#111827;--border-soft:#e5e7eb;--purple:#8b5cf6;--pink:#ec4899;--teal:#3b82f6;--orange:#d97706;--green:#16a34a;--red:#dc2626;--yellow:#fcd34d;--shadow:4px 4px 0 #8b5cf6;--shadow-sm:3px 3px 0 #111827;--shadow-warning:4px 4px 0 #d97706;--radius:14px;--display:"Fraunces", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(#fef6e4 0%,#fff 60%,#f5f3ff 100%) fixed;min-height:100vh;font-family:Inter,system-ui,sans-serif}#root{max-width:1300px;margin:0 auto;padding:0 20px 40px}.header{border-bottom:3px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:24px 0;display:flex}.header-left{align-items:center;gap:14px;display:flex}.header-icon{background:var(--border);width:44px;height:44px;color:var(--yellow);box-shadow:4px 4px 0 var(--purple);border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:inline-flex;transform:rotate(-3deg)}.header h1{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.8px;background:linear-gradient(120deg, var(--teal), var(--purple), var(--red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.header-stat{background:var(--surface);border:2.5px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text);box-shadow:3px 3px 0 var(--purple);border-radius:100px;padding:8px 18px;font-size:12px;font-weight:600}.header-stat strong{color:var(--purple);font-weight:800}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.month-selector{background:var(--surface);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--teal);border-radius:100px;align-items:center;gap:12px;padding:6px 14px;display:flex}.month-btn{background:var(--bg);border:2px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;transition:transform .15s,background .2s;display:flex}.month-btn:hover{background:var(--yellow);transform:translate(-1px,-1px)}.month-label{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.4px;text-align:center;min-width:160px;color:var(--text);font-size:17px;font-weight:700}.add-habit-btn{background:var(--border);color:#fff;border:2.5px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:4px 4px 0 var(--purple);border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.add-habit-btn:hover{box-shadow:6px 6px 0 var(--purple);transform:translate(-2px,-2px)}.habit-form{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--purple);flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:22px;display:flex}.habit-form input[type=text]{border:2.5px solid var(--border);background:#fff;border-radius:10px;outline:none;flex:1;min-width:180px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:box-shadow .15s,transform .15s}.habit-form input[type=text]:focus{box-shadow:4px 4px 0 var(--teal);transform:translate(-2px,-2px)}.color-picker{gap:8px;display:flex}.color-dot{border:2.5px solid var(--border);cursor:pointer;border-radius:50%;width:30px;height:30px;transition:transform .15s,box-shadow .15s}.color-dot:hover,.color-dot.selected{box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.form-actions{gap:10px;display:flex}.btn-primary{background:var(--border);color:#fff;border:2.5px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:4px 4px 0 var(--purple);border-radius:10px;padding:10px 22px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s}.btn-primary:hover{box-shadow:6px 6px 0 var(--purple);transform:translate(-2px,-2px)}.btn-secondary{background:var(--surface);color:var(--text);border:2.5px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;border-radius:10px;padding:10px 20px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s}.btn-secondary:hover{box-shadow:4px 4px 0 var(--border);transform:translate(-2px,-2px)}.habit-table-wrapper{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--teal);margin-bottom:28px;overflow-x:auto}.habit-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif;font-size:13px}.habit-table th{font-family:var(--mono);color:var(--text);text-transform:uppercase;letter-spacing:1px;background:var(--bg);border-bottom:2.5px solid var(--border);padding:12px 4px;font-size:11px;font-weight:700;position:sticky;top:0}.habit-table td{text-align:center;border-bottom:1px solid var(--border-soft);padding:8px 4px}.habit-name-col{min-width:140px;text-align:left!important;padding-left:16px!important}.habit-name-cell{white-space:nowrap;min-height:36px;color:var(--text);align-items:center;gap:8px;font-weight:600;display:flex;text-align:left!important;padding-left:16px!important}.habit-dot{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.today-col{background:#fcd34d40!important}.check-btn{border:2.5px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:26px;height:26px;transition:transform .15s,box-shadow .15s;display:inline-block}.check-btn:hover{box-shadow:2px 2px 0 var(--border);transform:translate(-1px,-1px)}.check-btn.checked{border-color:var(--border);position:relative}.check-btn.checked:after{content:"✓";color:#fff;font-size:16px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-col{width:40px}.delete-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:6px;font-size:13px;transition:color .2s,background .2s}.delete-btn:hover{color:#fff;background:var(--red)}.progress-row td{border-top:2.5px solid var(--border);background:var(--bg);font-family:var(--mono)}.daily-pct{font-family:var(--mono);color:var(--text-muted);letter-spacing:.3px;font-size:10px;font-weight:700}.daily-pct.full{color:var(--green)}.daily-pct.partial{color:var(--purple)}.category-badge{font-family:var(--mono);white-space:nowrap;letter-spacing:.6px;text-transform:uppercase;border:1.5px solid var(--border);border-radius:100px;margin-left:6px;padding:3px 8px;font-size:9px;font-weight:700}.category-primary{background:var(--purple);color:#fff}.category-secondary{background:var(--teal);color:#fff}.category-casual{background:var(--orange);color:#fff}.category-selector{width:100%}.form-label{font-family:var(--mono);color:var(--text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.category-options{flex-wrap:wrap;gap:10px;display:flex}.category-chip{border:2.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1;gap:2px;min-width:120px;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:flex}.category-chip strong{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.3px;font-size:14px;font-weight:700}.category-chip span{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px}.category-chip:hover{box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.category-chip.category-primary.active{background:var(--purple);color:#fff;box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.category-chip.category-primary.active span{color:#fffc}.category-chip.category-secondary.active{background:var(--teal);color:#fff;box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.category-chip.category-secondary.active span{color:#fffc}.category-chip.category-casual.active{background:var(--orange);color:#fff;box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.category-chip.category-casual.active span{color:#fffc}.day-picker{width:100%}.day-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.day-chip{border:2.5px solid var(--border);background:var(--surface);cursor:pointer;width:42px;height:36px;font-family:var(--mono);text-transform:uppercase;color:var(--text);border-radius:8px;font-size:11px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.day-chip:hover{box-shadow:2px 2px 0 var(--border);transform:translate(-1px,-1px)}.day-chip.active{background:var(--border);color:var(--yellow);box-shadow:2px 2px 0 var(--purple);transform:translate(-1px,-1px)}.day-presets{gap:8px;display:flex}.preset-btn{border:2px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text);border-radius:100px;padding:5px 12px;font-size:10px;font-weight:700;transition:all .15s}.preset-btn:hover{background:var(--yellow)}.category-tabs{background:var(--surface);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--purple);border-radius:12px;gap:6px;margin-bottom:18px;padding:6px;display:flex}.category-tab{cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.category-tab:hover{background:var(--bg);color:var(--text)}.category-tab.active{background:var(--border);color:var(--yellow)}.category-tab-primary.active{background:var(--purple);color:#fff}.category-tab-secondary.active{background:var(--teal);color:#fff}.category-tab-casual.active{background:var(--orange);color:#fff}.tab-count{opacity:.85;background:#ffffff2e;border-radius:100px;padding:1px 6px;font-size:10px}.category-tab.active .tab-count{background:#ffffff38}.tip-banner{background:var(--border);border:2.5px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:4px 4px 0 var(--orange);margin-bottom:22px;padding:16px 24px;position:relative;overflow:hidden}.tip-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#8b5cf640,#0000 50%),radial-gradient(circle at 80% 70%,#dc26262e,#0000 50%);position:absolute;inset:0}.tip-text{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 50, "WONK" 1;letter-spacing:-.2px;color:var(--yellow);font-size:16px;font-style:italic;font-weight:600;animation:.5s tipFadeIn;position:relative}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.off-day{opacity:.4}.off-day-btn{border-style:dashed!important;border-color:#9ca3af!important}.off-day-btn:hover{opacity:.85;border-color:var(--border)!important}.section-title{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.8px;color:var(--text);margin-bottom:18px;padding-left:16px;font-size:26px;font-weight:700;position:relative}.section-title:before{content:"";background:linear-gradient(180deg, var(--teal), var(--purple), var(--red));border-radius:4px;width:5px;position:absolute;top:6px;bottom:6px;left:0}.progress-bars{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.progress-bar-container{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:4px 4px 0 var(--purple);padding:16px 20px;transition:transform .15s,box-shadow .15s}.progress-bar-container:hover{box-shadow:6px 6px 0 var(--purple);transform:translate(-2px,-2px)}.progress-bar-label{align-items:center;gap:10px;margin-bottom:10px;display:flex}.progress-habit-name{color:var(--text);flex:1;font-size:14px;font-weight:700}.progress-pct{font-family:var(--mono);color:var(--purple);letter-spacing:.3px;font-size:14px;font-weight:800}.progress-bar-track{background:var(--bg);border:2px solid var(--border);border-radius:100px;height:12px;overflow:hidden}.progress-bar-fill{border-radius:100px;height:100%;transition:width .4s}.progress-days{font-family:var(--mono);color:var(--text-muted);letter-spacing:.3px;margin-top:6px;font-size:11px;display:block}.charts-row{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px;display:grid}@media (width<=768px){.charts-row{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--teal);padding:22px}.chart-card h3{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.4px;color:var(--text);margin-bottom:14px;font-size:20px;font-weight:700}.donut-card{box-shadow:6px 6px 0 var(--orange);flex-direction:column;align-items:center;display:flex}.donut-wrapper{width:100%;position:relative}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-pct{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-2px;background:linear-gradient(120deg, var(--teal), var(--purple), var(--red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 50, "WONK" 1;background:var(--surface);border:2.5px dashed var(--border);border-radius:var(--radius);margin-top:12px;padding:56px 20px;font-size:18px;font-style:italic}.confetti-overlay{pointer-events:none;z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:120px;animation:2s ease-out forwards confettiFade;display:flex;position:fixed;top:0;left:0}@keyframes confettiFade{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}::-webkit-scrollbar-track{background:0 0}.header-right{align-items:center;gap:12px;display:flex}.header-username{background:var(--border);color:var(--yellow);border:2px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;box-shadow:3px 3px 0 var(--purple);border-radius:100px;padding:7px 16px;font-size:11px;font-weight:700}.logout-btn{background:var(--surface);border:2px solid var(--border);cursor:pointer;color:var(--text);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .15s;display:flex}.logout-btn:hover{color:#fff;background:var(--red);box-shadow:2px 2px 0 var(--border);transform:translate(-1px,-1px)}.login-page{--tx-primary:#3b82f6;--tx-secondary:#8b5cf6;--tx-success:#16a34a;--tx-warning:#d97706;--tx-danger:#dc2626;--tx-ink:#111827;--tx-paper:#fff;--tx-cream:#fef6e4;--display:"Fraunces", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;background:linear-gradient(#fef6e4 0%,#fff 60%,#f5f3ff 100%);justify-content:center;align-items:center;min-height:100vh;margin:0 -20px;padding:20px;display:flex;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(#1118270f 1px,#0000 1px),linear-gradient(90deg,#1118270f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}.login-blob{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite login-float;position:absolute}.login-blob-1{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:380px;height:380px;top:-120px;right:-100px}.login-blob-2{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:320px;height:320px;animation-delay:-5s;bottom:-100px;left:-80px}@keyframes login-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.05)}}.login-back-home{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--tx-ink);border:2px solid var(--tx-ink);z-index:2;background:#ffffffb3;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;top:24px;left:24px}.login-back-home:hover{box-shadow:4px 4px 0 var(--tx-ink);background:#fff;transform:translate(-2px,-2px)}.login-back-home svg{font-size:11px}.login-card{z-index:1;background:var(--tx-paper);border:3px solid var(--tx-ink);width:100%;max-width:460px;box-shadow:10px 10px 0 var(--tx-secondary);border-radius:20px;padding:44px 36px 36px;position:relative}.login-header{text-align:center;margin-bottom:28px}.login-logo-mark{background:var(--tx-ink);color:#fcd34d;width:56px;height:56px;box-shadow:5px 5px 0 var(--tx-warning);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;display:inline-flex;transform:rotate(-4deg)}.login-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--tx-secondary);align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.login-kicker svg{color:var(--tx-warning);font-size:10px}.login-header h1{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-1.5px;color:var(--tx-ink);-webkit-text-fill-color:initial;background:0 0;margin-bottom:12px;font-size:40px;font-weight:700;line-height:1}.login-header h1 em{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;background:linear-gradient(120deg, var(--tx-primary), var(--tx-secondary), var(--tx-danger));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:800}.login-header p{color:#4b5563;font-family:Inter,sans-serif;font-size:15px;line-height:1.55}.login-tabs{background:var(--tx-cream);border:2.5px solid var(--tx-ink);border-radius:12px;gap:0;margin-bottom:24px;padding:4px;display:flex}.login-tab{cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:12px;font-weight:700;transition:all .18s}.login-tab.active{background:var(--tx-ink);color:#fcd34d;box-shadow:2px 2px 0 var(--tx-warning)}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.3px;color:var(--tx-ink);font-size:11px;font-weight:600}.login-form input{border:2.5px solid var(--tx-ink);width:100%;color:var(--tx-ink);background:#fff;border-radius:10px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:box-shadow .15s,transform .15s}.login-form input::placeholder{color:#9ca3af;font-weight:400}.login-form input:focus{box-shadow:4px 4px 0 var(--tx-primary);transform:translate(-2px,-2px)}.login-error{color:var(--tx-danger);border:2px solid var(--tx-danger);font-family:var(--mono);letter-spacing:.3px;background:#fee2e2;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.login-submit{background:var(--tx-ink);color:#fff;border:2.5px solid var(--tx-ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:5px 5px 0 var(--tx-secondary);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:14px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.login-submit:hover:not(:disabled){box-shadow:8px 8px 0 var(--tx-secondary);transform:translate(-2px,-2px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-method-toggle{text-align:center;cursor:pointer;width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--tx-secondary);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--tx-warning);text-decoration-color:var(--tx-warning);background:0 0;border:none;margin-top:18px;padding:4px 0;font-size:12px;font-weight:600;transition:color .2s;display:block}.login-method-toggle:hover{color:var(--tx-danger)}.login-foot-note{text-align:center;color:#4b5563;margin-top:18px;font-family:Inter,sans-serif;font-size:13px}.login-link{color:var(--tx-ink);cursor:pointer;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--tx-secondary);text-decoration-color:var(--tx-secondary);background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.login-link:hover{-webkit-text-decoration-color:var(--tx-danger);text-decoration-color:var(--tx-danger)}.otp-info{font-family:var(--mono);letter-spacing:.4px;color:#4b5563;background:var(--tx-cream);border:2px dashed var(--tx-ink);border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;padding:12px 14px;font-size:12px;font-weight:500;display:flex}.otp-info svg{color:var(--tx-warning);flex-shrink:0}.otp-info strong{color:var(--tx-ink);font-weight:700}.otp-input{text-align:center;font-family:var(--mono)!important;letter-spacing:10px!important;color:var(--tx-ink)!important;padding:18px!important;font-size:22px!important;font-weight:700!important}.otp-actions{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.otp-resend,.otp-back{cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600;transition:color .2s}.otp-resend{color:var(--tx-secondary);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--tx-warning);text-decoration-color:var(--tx-warning)}.otp-resend:hover:not(:disabled){color:var(--tx-danger)}.otp-resend:disabled{opacity:.5;cursor:not-allowed}.otp-divider{color:#9ca3af;font-weight:700}.otp-back{color:#6b7280}.otp-back:hover{color:var(--tx-ink)}.landing{--tx-primary:#3b82f6;--tx-secondary:#8b5cf6;--tx-success:#16a34a;--tx-warning:#d97706;--tx-danger:#dc2626;--tx-ink:#111827;--tx-paper:#fff;--tx-cream:#fef6e4;--tx-mist:#f3f4f6;--tx-border:#111827;--display:"Fraunces", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--display-settings:"opsz" 144, "SOFT" 50, "WONK" 1;max-width:100vw;color:var(--tx-ink);background:var(--tx-cream);margin:0 -20px;padding:0;overflow-x:hidden}.landing-hero{border-bottom:4px solid var(--tx-ink);background:linear-gradient(#fef6e4 0%,#fff 100%);min-height:100vh;padding:24px 40px 96px;position:relative;overflow:hidden}.landing-hero-grid{pointer-events:none;background-image:linear-gradient(#1118270f 1px,#0000 1px),linear-gradient(90deg,#1118270f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.landing-hero-blob{filter:blur(60px);opacity:.55;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite tx-float;position:absolute}.landing-hero-blob-1{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:380px;height:380px;top:-120px;right:-80px}.landing-hero-blob-2{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:320px;height:320px;animation-delay:-4s;bottom:-80px;left:-60px}@keyframes tx-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.05)}}.landing-nav{z-index:2;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.landing-logo{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.5px;color:var(--tx-ink);align-items:center;gap:12px;font-size:28px;font-weight:700;display:flex}.landing-logo-mark{background:var(--tx-ink);color:#fcd34d;width:40px;height:40px;box-shadow:4px 4px 0 var(--tx-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:inline-flex;transform:rotate(-3deg)}.landing-logo-text{background:linear-gradient(120deg, var(--tx-primary), var(--tx-secondary), var(--tx-danger));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-nav-buttons{gap:10px;display:flex}.landing-btn-ghost{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--tx-ink);border:2px solid var(--tx-ink);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.landing-btn-ghost:hover{box-shadow:4px 4px 0 var(--tx-ink);background:#fff;transform:translate(-2px,-2px)}.landing-btn-cta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--tx-ink);border:2px solid var(--tx-ink);cursor:pointer;box-shadow:4px 4px 0 var(--tx-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-btn-cta:hover{box-shadow:6px 6px 0 var(--tx-secondary);transform:translate(-2px,-2px)}.landing-btn-cta svg{font-size:12px}.landing-btn-lg{border-radius:10px;padding:16px 32px;font-size:15px}.landing-btn-lg.landing-btn-cta{box-shadow:6px 6px 0 var(--tx-secondary)}.landing-btn-lg.landing-btn-cta:hover{box-shadow:9px 9px 0 var(--tx-secondary)}.landing-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:1200px;margin:60px auto 0;display:flex;position:relative}.landing-hero-title{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-3px;color:var(--tx-ink);text-shadow:4px 4px #8b5cf62e;flex-direction:column;align-items:center;gap:4px;font-size:clamp(52px,9.5vw,120px);font-weight:700;line-height:.94;display:flex}.landing-hero-title .display-1{background:linear-gradient(120deg, var(--tx-ink) 0%, #4b5563 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-title .display-2{background:linear-gradient(120deg, var(--tx-primary), var(--tx-secondary), var(--tx-danger));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-title .display-2 em{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:6px;-webkit-text-decoration-color:var(--tx-warning);text-decoration-color:var(--tx-warning);font-style:italic;font-weight:800}.landing-hero-title .display-arrow{font-family:var(--mono);color:var(--tx-warning);font-size:.4em;animation:2s ease-in-out infinite tx-bounce-x;transform:translateY(-8px)}@keyframes tx-bounce-x{0%,to{transform:translateY(-8px)}50%{transform:translate(8px,-8px)}}.landing-hero-sub{color:#374151;max-width:640px;font-family:Inter,sans-serif;font-size:19px;line-height:1.65}.landing-hero-sub strong{color:var(--tx-ink);background:linear-gradient(#0000 60%,#fcd34d 60%);padding:0 4px;font-weight:700}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;display:flex}.landing-hero-meta{font-family:var(--mono);color:#4b5563;text-transform:uppercase;letter-spacing:1px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.meta-pill{border:1.5px dashed var(--tx-ink);background:#ffffffb3;border-radius:100px;padding:4px 10px}.meta-dot{color:var(--tx-secondary);font-size:16px}.transformation-stage{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;width:100%;max-width:1100px;margin-top:56px;display:grid}.tx-card{background:var(--tx-paper);border:3px solid var(--tx-ink);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:22px 18px 24px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.tx-card-dull{filter:saturate(.7);box-shadow:6px 6px #6b7280}.tx-card-dull:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #6b7280}.tx-card-tracking{box-shadow:6px 6px 0 var(--tx-primary);background:linear-gradient(#fff 0%,#eff6ff 100%)}.tx-card-tracking:hover{box-shadow:8px 8px 0 var(--tx-primary);transform:translate(-2px,-2px)}.tx-card-energetic{box-shadow:6px 6px 0 var(--tx-danger);background:linear-gradient(#fff 0%,#fef3c7 100%)}.tx-card-energetic:hover{box-shadow:8px 8px 0 var(--tx-danger);transform:translate(-2px,-2px)}.tx-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--tx-ink);align-self:flex-start;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.tx-label-num{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 0;letter-spacing:-1px;color:var(--tx-secondary);font-size:22px;font-weight:800}.tx-card-dull .tx-label-num{color:#6b7280}.tx-card-energetic .tx-label-num{color:var(--tx-danger)}.tx-figure{width:100%;max-width:200px;height:auto}.tx-caption{color:#1f2937;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.tx-card-dull .tx-caption{color:#6b7280;font-style:italic}.tx-arrow{color:var(--tx-warning);flex-direction:column;align-items:center;gap:4px;display:flex}.tx-arrow-line{background:var(--tx-warning);border-radius:2px;width:24px;height:3px}.tx-arrow-tip{font-family:var(--mono);color:var(--tx-warning);font-size:28px;font-weight:800;line-height:1;animation:1.6s ease-in-out infinite tx-bounce-x}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--tx-secondary);margin-bottom:12px;font-size:12px;font-weight:600;display:inline-block}.kicker-light{color:#fcd34d}.display-section{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-2px;color:var(--tx-ink);margin-bottom:16px;font-size:clamp(36px,6vw,68px);font-weight:700;line-height:1.02}.display-section em{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;background:linear-gradient(120deg, var(--tx-primary), var(--tx-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:700}.landing-stats{background:var(--tx-ink);color:#fff;border-bottom:4px solid var(--tx-ink);padding:28px 40px;position:relative;overflow:hidden}.landing-stats:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#fcd34d14 0 12px,#0000 12px 24px);position:absolute;inset:0}.landing-stats-row{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:18px;max-width:1100px;margin:0 auto;display:flex;position:relative}.stat-block{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-num{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-2px;background:linear-gradient(120deg, #fcd34d, var(--tx-warning));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1}.stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:#ffffffb3;font-size:11px;font-weight:500}.stat-divider{background:#ffffff26;width:1px;height:50px}.landing-showcase{max-width:1200px;margin:0 auto;padding:100px 40px 80px}.showcase-header{text-align:center;max-width:720px;margin:0 auto 56px}.showcase-sub{color:#4b5563;max-width:580px;margin:0 auto;font-family:Inter,sans-serif;font-size:17px;line-height:1.7}.showcase-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.showcase-card{background:var(--tx-paper);border:3px solid var(--tx-ink);box-shadow:8px 8px 0 var(--tx-ink);border-radius:18px;transition:transform .25s,box-shadow .25s;overflow:hidden}.showcase-card:hover{box-shadow:11px 11px 0 var(--tx-ink);transform:translate(-3px,-3px)}.showcase-img{aspect-ratio:16/10;border-bottom:3px solid var(--tx-ink);background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.showcase-img-cartoon{background:0 0}.cartoon-scene{width:100%;height:100%;transition:transform .35s;display:block;position:absolute;inset:0}.showcase-card:hover .cartoon-scene{transform:scale(1.03)}.cartoon-scene-dull{filter:saturate(.6)}.cartoon-scene-vivid{filter:saturate(1.05)}.showcase-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;border:2px solid var(--tx-ink);color:var(--tx-ink);background:#fff;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.showcase-tag.tag-danger{background:var(--tx-danger);color:#fff}.showcase-tag.tag-success{background:var(--tx-success);color:#fff}.showcase-body{padding:24px 24px 28px}.showcase-body h3{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-1px;color:var(--tx-ink);margin-bottom:8px;font-size:30px;font-weight:700}.showcase-body p{color:#4b5563;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.landing-features{max-width:1200px;margin:0 auto;padding:100px 40px}.features-header{text-align:center;margin-bottom:56px}.landing-features-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.landing-feature-card{background:var(--tx-paper);border:3px solid var(--tx-ink);text-align:left;border-radius:18px;padding:28px 22px 26px;transition:transform .2s,box-shadow .2s;position:relative}.landing-feature-card:hover{transform:translate(-3px,-3px)}.feat-primary{box-shadow:6px 6px 0 var(--tx-primary)}.feat-primary:hover{box-shadow:9px 9px 0 var(--tx-primary)}.feat-secondary{box-shadow:6px 6px 0 var(--tx-secondary)}.feat-secondary:hover{box-shadow:9px 9px 0 var(--tx-secondary)}.feat-warning{box-shadow:6px 6px 0 var(--tx-warning)}.feat-warning:hover{box-shadow:9px 9px 0 var(--tx-warning)}.feat-success{box-shadow:6px 6px 0 var(--tx-success)}.feat-success:hover{box-shadow:9px 9px 0 var(--tx-success)}.landing-feature-card .landing-feature-icon{border:2.5px solid var(--tx-ink);background:var(--tx-cream);width:52px;height:52px;color:var(--tx-ink);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;font-size:22px;display:inline-flex}.feat-primary .landing-feature-icon{background:var(--tx-primary);color:#fff}.feat-secondary .landing-feature-icon{background:var(--tx-secondary);color:#fff}.feat-warning .landing-feature-icon{background:var(--tx-warning);color:#fff}.feat-success .landing-feature-icon{background:var(--tx-success);color:#fff}.landing-feature-card h3{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.8px;color:var(--tx-ink);margin-bottom:8px;font-size:24px;font-weight:700}.landing-feature-card p{color:#4b5563;font-family:Inter,sans-serif;font-size:14px;line-height:1.65}.feat-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;background:var(--tx-ink);color:#fcd34d;border-radius:6px;margin-top:14px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.landing-how{background:var(--tx-ink);color:#fff;border:4px solid var(--tx-ink);border-radius:28px;margin:0 20px;padding:100px 40px;position:relative;overflow:hidden}.landing-how:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#8b5cf640,#0000 40%),radial-gradient(circle at 80% 80%,#3b82f640,#0000 40%);position:absolute;inset:0}.how-header{text-align:center;margin-bottom:56px;position:relative}.landing-how .display-section{color:#fff}.landing-how .kicker{color:#fcd34d}.landing-steps{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid;position:relative}.landing-step{text-align:center;background:#ffffff0d;border:2px solid #ffffff2e;border-radius:16px;padding:32px 24px;transition:transform .25s,border-color .25s,background .25s}.landing-step:hover{background:#fcd34d0f;border-color:#fcd34d;transform:translateY(-4px)}.landing-step-number{background:linear-gradient(135deg, #fcd34d, var(--tx-warning));width:64px;height:64px;color:var(--tx-ink);font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-1px;border:3px solid var(--tx-ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:30px;font-weight:800;display:inline-flex;box-shadow:0 0 0 4px #fcd34d2e}.landing-step-icon{color:#fcd34d;margin:0 auto 14px;font-size:18px;display:block}.landing-step h3{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.8px;color:#fff;margin-bottom:8px;font-size:26px;font-weight:700}.landing-step p{color:#ffffffc7;font-family:Inter,sans-serif;font-size:14px;line-height:1.65}.landing-faq{max-width:860px;margin:0 auto;padding:100px 40px}.faq-header{text-align:center;margin-bottom:40px}.landing-faq-list{flex-direction:column;gap:14px;display:flex}.landing-faq-item{background:var(--tx-paper);border:2.5px solid var(--tx-ink);border-radius:14px;transition:box-shadow .2s,transform .2s;overflow:hidden}.landing-faq-item:hover{box-shadow:4px 4px 0 var(--tx-secondary);transform:translate(-1px,-1px)}.landing-faq-item[open]{box-shadow:5px 5px 0 var(--tx-secondary);background:linear-gradient(#fff 0%,#faf5ff 100%)}.landing-faq-item summary{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.4px;color:var(--tx-ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:19px;font-weight:600;list-style:none;display:flex}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary .faq-chevron{color:var(--tx-secondary);flex-shrink:0;margin-left:16px;font-size:14px;transition:transform .2s}.landing-faq-item[open] summary .faq-chevron{transform:rotate(180deg)}.landing-faq-item p{color:#4b5563;margin:0;padding:0 24px 22px;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.landing-cta{max-width:1100px;margin:0 auto;padding:80px 40px 100px}.cta-card{text-align:center;color:#fff;border:4px solid var(--tx-ink);box-shadow:14px 14px 0 var(--tx-warning);background:linear-gradient(135deg,#111827 0%,#1f2937 100%);border-radius:28px;padding:80px 40px;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(circle at 25% 30%,#8b5cf673 0%,#0000 45%),radial-gradient(circle at 75% 70%,#dc262659 0%,#0000 45%);position:absolute;inset:0}.cta-card .kicker{position:relative}.cta-card h2{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-2.5px;margin-bottom:14px;font-size:clamp(36px,6vw,68px);font-weight:700;line-height:1.02;position:relative}.cta-card h2 em{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;background:linear-gradient(120deg, #fcd34d, var(--tx-warning));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:800}.cta-card>p{color:#fffc;margin-bottom:32px;font-family:Inter,sans-serif;font-size:17px;position:relative}.cta-card .landing-btn-cta{color:var(--tx-ink);border-color:var(--tx-ink);box-shadow:6px 6px 0 var(--tx-danger);background:#fcd34d;position:relative}.cta-card .landing-btn-cta:hover{box-shadow:9px 9px 0 var(--tx-danger)}.cta-pulse{animation:2.4s ease-in-out infinite tx-pulse}@keyframes tx-pulse{0%,to{transform:translate(0)}50%{transform:translate(-2px,-2px)}}.landing-developer{padding:80px 40px}.developer-card{background:var(--tx-paper);border:3px solid var(--tx-ink);max-width:760px;box-shadow:10px 10px 0 var(--tx-secondary);border-radius:22px;align-items:center;gap:40px;margin:0 auto;padding:48px;display:flex;position:relative;overflow:hidden}.developer-card:before{content:"";background:linear-gradient(180deg, var(--tx-primary), var(--tx-secondary), var(--tx-danger));width:6px;height:100%;position:absolute;top:0;left:0}.developer-left{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;display:flex}.developer-avatar{background:linear-gradient(135deg, var(--tx-primary), var(--tx-secondary));border:3px solid var(--tx-ink);color:#fff;width:110px;height:110px;font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-2px;box-shadow:5px 5px 0 var(--tx-ink);border-radius:50%;justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex}.developer-social-links{gap:8px;display:flex}.developer-social{border:2px solid var(--tx-ink);width:38px;height:38px;color:var(--tx-ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.developer-social:hover{background:var(--tx-ink);color:#fcd34d;box-shadow:3px 3px 0 var(--tx-warning);transform:translate(-2px,-2px)}.developer-right{flex-direction:column;gap:6px;display:flex}.developer-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--tx-secondary);font-size:11px;font-weight:600}.developer-name{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-1.5px;background:linear-gradient(120deg, var(--tx-primary), var(--tx-secondary), var(--tx-danger));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;line-height:1.1}.developer-tagline{color:#4b5563;font-family:Inter,sans-serif;font-size:15px;font-weight:500}.developer-divider{background:linear-gradient(135deg, var(--tx-primary), var(--tx-danger));border-radius:4px;width:48px;height:4px;margin:12px 0}.developer-bio{color:#374151;font-family:Inter,sans-serif;font-size:14px;line-height:1.7}.developer-contact-btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--tx-ink);border:2px solid var(--tx-ink);box-shadow:4px 4px 0 var(--tx-warning);border-radius:10px;align-items:center;gap:8px;width:fit-content;margin-top:16px;padding:12px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.developer-contact-btn:hover{box-shadow:6px 6px 0 var(--tx-warning);transform:translate(-2px,-2px)}.landing-footer{text-align:center;background:var(--tx-ink);color:#fff;padding:40px 24px}.landing-footer-brand{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.5px;color:#fcd34d;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:24px;font-weight:700;display:flex}.landing-footer-brand svg{color:#fcd34d}.landing-footer p{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:#ffffff8c;font-size:12px}@media (width<=1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.transformation-stage{grid-template-columns:1fr;gap:14px}.tx-arrow{transform:rotate(90deg)}.tx-arrow-tip{animation:1.6s ease-in-out infinite tx-bounce-y}@keyframes tx-bounce-y{0%,to{transform:translate(0)}50%{transform:translate(8px)}}}@media (width<=768px){.landing-hero{min-height:auto;padding:20px 20px 72px}.landing-hero-content{margin-top:40px}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-actions .landing-btn-lg{text-align:center;justify-content:center}.showcase-grid{grid-template-columns:1fr;gap:24px}.landing-features,.landing-how,.landing-cta,.landing-faq,.landing-developer,.landing-showcase{padding:60px 20px}.landing-how{margin:0 12px;padding:70px 24px}.landing-steps{grid-template-columns:1fr;gap:18px}.developer-card{text-align:center;flex-direction:column;gap:24px;padding:36px 24px}.developer-right{align-items:center}.developer-divider{margin:10px auto}.developer-bio{text-align:center}.landing-faq-item summary{padding:16px 18px;font-size:16px}.landing-faq-item p{padding:0 18px 18px;font-size:14px}.stat-divider{display:none}.landing-stats-row{gap:24px}}@media (width<=480px){.landing-features-grid{grid-template-columns:1fr}.landing-nav{flex-wrap:nowrap;gap:6px}.landing-logo{gap:8px;font-size:20px}.landing-logo-mark{width:32px;height:32px;font-size:16px}.landing-btn-ghost,.landing-nav-buttons .landing-btn-cta{padding:8px 12px;font-size:11px}.landing-hero{padding:16px 16px 56px}.landing-hero-title{font-size:clamp(40px,14vw,64px)}.landing-hero-sub{font-size:15px}.transformation-stage{margin-top:36px}.tx-card{padding:18px 14px 20px}.tx-figure{max-width:160px}.display-section{font-size:32px}.cta-card{box-shadow:8px 8px 0 var(--tx-warning);padding:56px 24px}.cta-card h2{font-size:32px}.developer-avatar{width:88px;height:88px;font-size:30px}.developer-name{font-size:26px}}@media (prefers-reduced-motion:reduce){.landing-hero-blob,.display-arrow,.tx-arrow-tip,.cta-pulse{animation:none!important}}@media (width<=768px){.category-options{flex-direction:column}.category-chip{min-width:unset}.category-tabs{flex-wrap:wrap}.day-chips{justify-content:center}.day-presets{flex-wrap:wrap;justify-content:center}.tip-banner{padding:12px 16px}.tip-text{font-size:13px}}.goals-section{margin-top:36px;margin-bottom:28px}.goals-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.goals-header .section-title{margin-bottom:0}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.goal-card{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:5px 5px 0 var(--teal);padding:22px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.goal-card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--purple), var(--red));width:100%;height:5px;position:absolute;top:0;left:0}.goal-card:hover{box-shadow:8px 8px 0 var(--teal);transform:translate(-3px,-3px)}.goal-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.goal-card-title{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.5px;color:var(--text);align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:1.15;display:flex}.goal-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.goal-card-dates{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.goal-card-days{font-family:var(--mono);color:var(--text);letter-spacing:.3px;margin-bottom:14px;font-size:12px;font-weight:700}.goal-card-progress{flex-direction:column;gap:6px;display:flex}.goal-progress-header{justify-content:space-between;align-items:center;display:flex}.goal-progress-title{font-family:var(--mono);color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.goal-progress-pct{font-family:var(--mono);color:var(--purple);cursor:pointer;border:1.5px solid #0000;border-radius:6px;padding:2px 8px;font-size:14px;font-weight:800;transition:all .15s}.goal-progress-pct:hover{background:var(--bg);border-color:var(--border)}.goal-progress-input{border:2.5px solid var(--border);width:64px;font-family:var(--mono);color:var(--purple);text-align:right;background:var(--surface);border-radius:6px;outline:none;padding:4px 8px;font-size:14px;font-weight:800}.goal-time-elapsed{margin-bottom:12px}.goal-time-elapsed-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.goal-time-elapsed-label{font-family:var(--mono);color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.goal-time-elapsed-pct{font-family:var(--mono);color:var(--teal);font-size:12px;font-weight:800}.goal-date-warning{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--orange);margin-top:6px;font-size:11px;font-weight:700;display:block}.goal-status{font-family:var(--mono);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;border:1.5px solid var(--border);border-radius:100px;padding:4px 10px;font-size:9px;font-weight:800}.goal-status-active{background:var(--purple);color:#fff}.goal-status-completed{background:var(--green);color:#fff}.goal-status-overdue{background:var(--red);color:#fff}.goal-status-upcoming{background:var(--teal);color:#fff}.goal-form{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--teal);flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:22px;display:flex}.goal-form input[type=text]{border:2.5px solid var(--border);background:#fff;border-radius:10px;outline:none;flex:1;min-width:180px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:box-shadow .15s,transform .15s}.goal-form input[type=text]:focus{box-shadow:4px 4px 0 var(--teal);transform:translate(-2px,-2px)}.goal-date-fields{gap:12px;width:100%;display:flex}.goal-date-field{flex:1}.goal-date-field input[type=date]{border:2.5px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:box-shadow .15s,transform .15s}.goal-date-field input[type=date]:focus{box-shadow:4px 4px 0 var(--teal);transform:translate(-2px,-2px)}.add-goal-btn{background:var(--border);color:#fff;border:2.5px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:4px 4px 0 var(--teal);border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.add-goal-btn:hover{box-shadow:6px 6px 0 var(--teal);transform:translate(-2px,-2px)}.goals-empty{text-align:center;color:var(--text-muted);font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 50, "WONK" 1;background:var(--surface);border:2.5px dashed var(--border);border-radius:var(--radius);padding:44px 24px;font-size:16px;font-style:italic}.goal-popup-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118278c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s popupOverlayIn;display:flex;position:fixed;top:0;left:0}@keyframes popupOverlayIn{0%{opacity:0}to{opacity:1}}.goal-popup{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);width:90%;max-width:440px;box-shadow:8px 8px 0 var(--purple);padding:30px;animation:.25s popupSlideUp}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.goal-popup h3{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.6px;color:var(--text);margin-bottom:10px;font-size:24px;font-weight:700}.goal-popup-stats{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:18px;font-size:12px;font-weight:600}.goal-popup-habit-list{flex-direction:column;gap:8px;margin-bottom:22px;padding:0;list-style:none;display:flex}.goal-popup-habit-list li{color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.goal-popup-habit-list li.done{background:var(--green);color:#fff;border-color:var(--border)}.goal-popup-icon{text-align:center;width:20px;font-size:16px}.goal-popup-actions{gap:10px;display:flex}.goal-past-date-modal{text-align:center}.goal-past-date-icon{background:var(--orange);border:3px solid var(--border);width:64px;height:64px;box-shadow:4px 4px 0 var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:26px;display:flex}.goal-past-date-text{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.2px;color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.4}.goal-past-date-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:22px;font-size:11px}.goal-past-date-modal .goal-popup-actions{justify-content:center}.goal-form-step2{flex-direction:column;align-items:stretch}.goal-form-step2-title{font-family:var(--display);font-variation-settings:"opsz" 24, "SOFT" 30, "WONK" 0;letter-spacing:-.3px;color:var(--text);margin-bottom:6px;font-size:18px;font-weight:700}.goal-habit-choice{gap:10px;margin-bottom:14px;display:flex}.goal-habit-choice-btn{border:2.5px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-radius:10px;flex:1;padding:12px 14px;font-size:11px;font-weight:700;transition:all .15s}.goal-habit-choice-btn:hover{box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.goal-habit-choice-btn.active{background:var(--teal);color:#fff;box-shadow:3px 3px 0 var(--border);transform:translate(-2px,-2px)}.goal-habit-picker{margin-bottom:12px}.goal-habit-list{flex-direction:column;gap:6px;max-height:200px;padding:0;list-style:none;display:flex;overflow-y:auto}.goal-habit-list-item{background:var(--bg);border:2px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .15s;display:flex}.goal-habit-list-item:hover{background:var(--yellow)}.goal-habit-list-item input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px}.goal-habit-empty{font-family:var(--display);color:var(--text-muted);text-align:center;padding:14px;font-size:14px;font-style:italic}.goal-habit-auto-msg{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:#fff;background:var(--teal);border:2px solid var(--border);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:11px;font-weight:700}.habit-goal-badge{background:var(--teal);color:#fff;border:2px solid var(--border);width:20px;height:20px;font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:10px;font-weight:800;display:inline-flex}.goal-linked-habits-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--teal);margin-bottom:10px;font-size:11px;font-weight:700}.goal-progress-pct-auto{font-family:var(--mono);color:var(--purple);padding:2px 8px;font-size:14px;font-weight:800}@media (width<=768px){.goals-grid{grid-template-columns:1fr}.goal-date-fields{flex-direction:column}.goals-header{flex-direction:column;align-items:flex-start}.goal-habit-choice{flex-direction:column}}@media (width<=480px){.header h1{font-size:20px}.header-stat{padding:6px 14px;font-size:12px}.month-label{min-width:100px;font-size:14px}.habit-form{flex-direction:column;align-items:stretch}.habit-form input[type=text]{min-width:unset;width:100%}.habit-name-col{min-width:100px}.check-btn{border-radius:8px;width:30px;height:30px}.check-btn.checked:after{font-size:16px}.habit-table{font-size:12px}.color-picker{gap:10px}.color-dot{width:34px;height:34px}.day-chip{width:38px;height:34px;font-size:11px}.day-chips{gap:4px}.login-card{box-shadow:6px 6px 0 var(--tx-secondary);padding:32px 22px 28px}.login-header h1{letter-spacing:-1px;font-size:32px}.login-logo-mark{width:48px;height:48px;font-size:20px}.login-back-home{padding:6px 12px;font-size:11px;top:14px;left:14px}.login-back-home span{display:none}.otp-input{letter-spacing:8px!important;padding:16px!important;font-size:18px!important}.goals-grid{grid-template-columns:1fr}.goal-form{flex-direction:column;align-items:stretch}.goal-form input[type=text]{min-width:unset}.goal-popup{width:94%;padding:20px}.add-habit-btn,.add-goal-btn,.btn-primary{padding:10px 18px;font-size:13px}.top-bar{flex-direction:column;align-items:stretch;gap:10px}}