*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#16a34a;--accent-dim:#16a34a1a;--accent-mid:#16a34a4d;--accent-soft:#22c55e1f;--accent-text:#45d07c;--accent-glow:0 0 20px #16a34a66, 0 0 6px #16a34a26;--bg:#04080f;--bg-card:#080f1ee0;--bg-input:#ffffff0d;--text:#def;--text-2:#ddeeffa6;--text-3:#ddeeff80;--border:#ffffff14;--border-2:#16a34a38;--shadow-sm:0 1px 6px #00000073;--shadow:0 4px 24px #0000008c, 0 1px 4px #00000059;--shadow-md:0 8px 48px #000000a6, 0 2px 10px #0006;--radius:16px;--radius-sm:10px;--radius-lg:24px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--nav-h:64px;--header-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body,#root{height:100dvh;font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-image:radial-gradient(80% 50% at 50% -8%,#16a34a1a 0%,#0000 60%),linear-gradient(#16a34a06 1px,#0000 1px),linear-gradient(90deg,#16a34a06 1px,#0000 1px);background-size:100% 100%,60px 60px,60px 60px;font-size:16px}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit;font-size:16px}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.app-container{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.page{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.page-padded{padding:16px}.header{height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));-webkit-backdrop-filter:blur(20px);z-index:10;background:#040814eb;align-items:center;gap:12px;display:flex;position:sticky;top:0}.header-title{color:var(--text);flex:1;font-size:17px;font-weight:600}.header>.btn-ghost.btn-sm{flex-shrink:0;width:44px;height:44px;padding:0}.header>.btn-ghost.btn-sm:first-child{margin-left:-10px}.bottom-nav{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);background:#030710f5;flex-shrink:0;justify-content:space-around;align-items:center;padding:0 8px;display:flex}.nav-fab-slot{flex-shrink:0;width:52px}.nav-fab{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 20px #16a34a73}.nav-fab:active{transform:scale(.94);box-shadow:0 0 12px #16a34a59}.nav-item{color:#ddeeff8c;transition:color .2s, background-color .25s var(--ease);letter-spacing:.02em;background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;margin:4px 0;padding:6px 16px;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--accent);background:var(--accent-soft);text-shadow:0 0 10px #16a34a80}.nav-item svg{stroke-width:1.8px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff08;flex-shrink:0;padding:16px;transition:border-color .22s,box-shadow .22s}.card:hover{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0a;border-color:#ffffff24}.btn{border-radius:var(--radius-sm);transition:all .18s var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#030a14;font-weight:700;box-shadow:0 1px 2px #0000002e,0 3px 10px #16a34a33}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 2px 4px #0003,0 5px 16px #16a34a42}.btn-primary:disabled{box-shadow:none;filter:none}.btn-secondary{color:var(--text);background:#ffffff0f;border:1px solid #ffffff17}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-ghost{color:var(--text-2);background:0 0;padding:8px 12px}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.btn-danger{color:#f87171;background:#ef444424;border:1px solid #ef44443d}.btn-danger:hover{background:#ef44443d}.btn-full{width:100%}.btn-sm{border-radius:8px;padding:8px 14px;font-size:13px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-2);font-size:13px;font-weight:500}.input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus{border-color:var(--accent);background:#16a34a0a;box-shadow:0 0 0 3px #16a34a1f,0 0 12px #16a34a14}.input::placeholder{color:var(--text-3)}.sheet-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;animation:fade-in .2s var(--ease);background:#000000b8;position:fixed;inset:0}.sheet-overlay.sheet-overlay--closing{animation:fade-out .22s var(--ease) forwards}.sheet.sheet--closing{animation:slide-down .24s var(--ease) forwards}.sheet{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:92dvh;padding:0 var(--safe-right) max(var(--safe-bottom), 16px) var(--safe-left);z-index:101;animation:slide-up .3s var(--ease);background:#050b16f7;border-top:1px solid #16a34a29;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 60px #000000bf,0 0 0 1px #16a34a0a}.sheet-handle{background:#16a34a38;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:14px auto 6px}.sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 20px 16px;display:flex}.sheet-heading{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sheet-title{color:var(--text);font-size:17px;font-weight:700}.sheet-subtitle{color:var(--text-3);font-size:13px;line-height:1.4}.sheet-header>.btn-sm{border-radius:11px;flex-shrink:0;width:44px;height:44px;margin:-6px 0;padding:0}.sheet-back{margin-left:-8px!important}.sheet-body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.sheet-body--form{padding-bottom:max(var(--safe-bottom), 20px)}.seg-group{gap:8px;display:flex}.seg-btn{background:var(--bg-input);height:44px;color:var(--text-2);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000;border-radius:10px;flex:1;font-size:14px;font-weight:600}.seg-btn:active{transform:scale(.97)}.seg-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft);font-weight:700}.icon-grid{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{background:var(--bg-input);min-width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:22px;display:inline-flex}.icon-btn:active{transform:scale(.9)}.icon-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-text)}.icon-btn--auto{padding:0 13px;font-size:13px;font-weight:700}.icon-btn--auto[aria-pressed=true]{color:var(--accent-text)}.btn:disabled{cursor:not-allowed}.btn-primary:disabled{background:var(--bg-input);color:var(--text-3);box-shadow:none;filter:none}.tmpl-section-label{letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:700}.tmpl-card{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;padding:10px 14px;display:flex}.tmpl-card:disabled{cursor:not-allowed;opacity:.6}.tmpl-emoji{flex-shrink:0;font-size:24px}.tmpl-text{flex:1;min-width:0}.tmpl-name{color:var(--text);font-size:14px;font-weight:600}.tmpl-meta{color:var(--text-3);margin-top:2px;font-size:12px}.tmpl-chevron{color:var(--text-3);flex-shrink:0}.tmpl-items-review{flex-wrap:wrap;gap:6px;display:flex}.tmpl-item-chip{background:var(--bg-input);color:var(--text-2);border-radius:8px;padding:5px 10px;font-size:12.5px}.sort-row{background:var(--bg-input);width:100%;height:50px;color:var(--text-2);cursor:pointer;text-align:left;transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-size:15px;font-weight:500;display:flex}.sort-row:active{transform:scale(.99)}.sort-row.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:700}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.pref-tile{cursor:pointer;background:var(--bg-input);border:1.5px solid var(--border);color:var(--text-2);transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:13px 8px;display:flex}.pref-tile:active{transform:scale(.98)}.pref-tile.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);box-shadow:0 1px 6px #16a34a26}.pref-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pref-tile-label{font-size:12px;font-weight:500}.pref-tile.active .pref-tile-label{font-weight:700}.seg-pill{background:var(--bg-input);border:1px solid var(--border);border-radius:13px;gap:4px;padding:4px;display:flex}.seg-pill-item{cursor:pointer;min-width:38px;height:34px;color:var(--text-2);transition:background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.seg-pill-item.active{background:var(--accent);color:#04120a;font-weight:700;box-shadow:0 1px 3px #0003}.seg-pill-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shop-cat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:4px 4px 8px;font-size:12px;font-weight:700}.shop-item{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);text-align:left;width:100%;min-height:62px;transition:background .16s var(--ease), border-color .16s var(--ease);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.shop-item:active{background:var(--accent-dim);border-color:var(--border-2)}.shop-check{border:2.5px solid var(--text-2);width:28px;height:28px;transition:border-color .16s var(--ease), background .16s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shop-item:active .shop-check{border-color:var(--accent)}.shop-cart-item{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.shop-cart-toggle{cursor:pointer;width:100%;min-height:44px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:8px;padding:11px 6px;font-size:12px;font-weight:700;display:flex}.shop-item:focus-visible,.shop-cart-item:focus-visible,.shop-cart-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.shop-snackbar{left:50%;bottom:calc(20px + var(--safe-bottom));z-index:320;background:var(--bg-card);border:1px solid var(--border-2);width:calc(100% - 32px);max-width:440px;box-shadow:var(--shadow);animation:snackbar-in .2s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex;position:fixed;transform:translate(-50%)}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.lists-header{z-index:20;-webkit-backdrop-filter:blur(20px);background:#040814eb;position:sticky;top:0}[data-theme=light] .lists-header{background:#f0f5faf0}.completed-toggle{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:4px;padding:10px 2px;display:flex}.completed-toggle:focus-visible,.sort-row:focus-visible,.ld-menu-row:focus-visible{border-radius:8px;outline:none;box-shadow:inset 0 0 0 2px #16a34a80}.ld-menu{flex:auto;min-height:0;padding:4px 0 8px;overflow-y:auto}.ld-menu-group{padding:2px 0 4px}.ld-menu-label{letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;margin:0;padding:8px 20px 3px;font-size:11px;font-weight:700}.ld-menu-row{cursor:pointer;text-align:left;width:100%;min-height:46px;transition:background .14s var(--ease);background:0 0;border:none;align-items:center;gap:14px;padding:11px 20px;display:flex}.ld-menu-row:active{background:var(--bg-input)}.ld-row-icon{color:var(--text-2);flex-shrink:0;display:flex}.ld-row-label{color:var(--text);flex:1;min-width:0;font-size:15px;font-weight:500}.ld-row-right{color:var(--text-3);flex-shrink:0;font-size:12.5px}.ld-menu-row.danger .ld-row-icon,.ld-menu-row.danger .ld-row-label{color:#ef4444}.progress-bar{background:#ffffff1c;border-radius:99px;height:4px;position:relative;overflow:hidden}.progress-fill{transition:width .25s var(--ease)}.progress-bar.is-complete{animation:progress-glow 1.6s var(--ease) 1;overflow:visible}.progress-bar.is-complete .progress-fill{box-shadow:0 0 12px #22c55eb3;background:linear-gradient(90deg, var(--accent), #22c55e)!important}.progress-check{width:16px;height:16px;animation:progress-check-pop .34s var(--ease) .22s forwards;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-3px;transform:translateY(-50%)scale(0);box-shadow:0 0 8px #22c55ebf}@keyframes progress-check-pop{0%{transform:translateY(-50%)scale(0)}60%{transform:translateY(-50%)scale(1.18)}to{transform:translateY(-50%)scale(1)}}@keyframes progress-glow{0%{filter:drop-shadow(0 0 2px #22c55e66)}45%{filter:drop-shadow(0 0 7px #22c55ed9)}to{filter:drop-shadow(0 0 3px #22c55e80)}}.card-press{transition:transform .12s}.card-press:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.progress-fill{background:var(--accent);height:100%;transition:width .5s var(--ease);border-radius:99px;box-shadow:0 0 8px #16a34a8c}.empty-state{text-align:center;color:var(--text-2);padding:60px 24px}.empty-state .icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:600}.empty-state p{font-size:14px;line-height:1.6}.empty-state--full{min-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - var(--nav-h) - 104px);animation:empty-in .32s var(--ease);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.empty-illustration{color:var(--text-2);margin-bottom:18px}.empty-cta-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:340px;margin-top:30px;display:flex}.empty-cta-row .btn{flex:150px;min-height:46px}.empty-starters{text-align:center;margin-top:24px}.empty-starters-label{letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.starter-link{color:var(--accent-text);cursor:pointer;background:0 0;border:none;margin:-5px 0;padding:11px 6px;font-size:13.5px;font-weight:600;display:inline-block}.starter-link+.starter-link:before{content:"·";color:var(--text-3);margin:0 8px 0 -2px;font-weight:400}@keyframes empty-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fab{bottom:calc(var(--nav-h) + var(--safe-bottom) + 18px);background:var(--accent);color:#030a14;z-index:20;width:54px;height:54px;transition:transform .18s var(--ease), filter .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:calc(50% - 224px);box-shadow:0 4px 14px #16a34a47,0 2px 8px #00000059}.fab:active{transform:scale(.95)}@media (width<=480px){.fab{right:calc(16px + var(--safe-right))}}.checkbox{border:2px solid var(--border-2);width:22px;height:22px;transition:all .16s var(--ease);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--accent);border-color:var(--accent);color:#030a14;box-shadow:0 0 10px #16a34a73}.divider{background:var(--border);height:1px;margin:4px 0}.badge{border-radius:100px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:var(--accent);background:#16a34a1f}.badge-gray{color:var(--text-2);background:#ffffff0f}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}@keyframes takeover-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(100%)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid #16a34a26;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#16a34a14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.type-personal{color:#a78bfa}.type-tasks{color:#38bdf8}.type-shopping{color:#fb923c}.type-bg-personal{background:#a78bfa1f}.type-bg-tasks{background:#38bdf81f}.type-bg-shopping{background:#fb923c1f}.auth-page{height:100dvh;min-height:100dvh;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#16a34a0f 0%,#0000 68%);border-radius:50%;width:520px;height:380px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.auth-card{z-index:1;width:100%;max-width:400px;animation:fade-in .22s var(--ease);margin:clamp(8px,6vh,60px) 0 auto;padding:8px 0;position:relative}.auth-logo{text-align:center;margin-bottom:20px}.auth-logo .logo-icon{width:62px;height:62px;color:var(--accent);background:#16a34a1a;border:1.5px solid #16a34a4d;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex;box-shadow:0 0 18px #16a34a2e}.auth-logo h1{letter-spacing:-.8px;color:var(--text);font-size:28px;font-weight:800}.auth-logo p{color:var(--text-3);letter-spacing:.02em;margin-top:6px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-switch{text-align:center;color:var(--text-3);margin-top:24px;font-size:14px}.auth-switch a{color:var(--accent);cursor:pointer;margin:-12px -8px;padding:12px 8px;font-weight:600;display:inline-block}.auth-form .input{border-radius:16px;height:54px;font-size:16px}.auth-form .input::placeholder{color:#ddeeff80}[data-theme=light] .auth-form .input::placeholder{color:#0a162880}.auth-form .input:focus{border-color:var(--accent);box-shadow:none;background:var(--bg-input)}.auth-form .btn{border-radius:16px;height:54px;font-size:16px}.auth-form .btn-primary{box-shadow:0 2px 6px #16a34a24}.auth-form .btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 2px 8px #16a34a33}.auth-social{width:100%;height:54px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:background .15s,transform .12s;display:flex}.auth-social:active{transform:scale(.98)}[data-theme=light] .auth-social{background:#fff;border-color:#0000001f}.auth-divider{color:var(--text-3);letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.pw-rules{flex-direction:column;gap:5px;padding:2px 4px 0;display:flex}.pw-rule{color:var(--text-3);align-items:center;gap:7px;font-size:13px;transition:color .15s;display:flex}.pw-rule.ok{color:var(--accent)}.pw-strength{align-items:center;gap:8px;padding:2px 4px 0;font-size:13px;font-weight:600;display:flex}.pw-strength .bar{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.pw-strength .bar>div{height:100%;transition:width .2s var(--ease), background .2s;border-radius:2px}@keyframes referral-glow{0%,to{box-shadow:0 0 #16a34a00}50%{box-shadow:0 0 22px #16a34a29}}.referral-card{animation:3s ease-in-out infinite referral-glow}@keyframes list-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.list-fade-in{animation:list-fade-in .15s var(--ease)}@keyframes auth-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-shake{animation:.15s ease-in-out 2 auth-shake}.auth-success{text-align:center;animation:auth-success-in .2s var(--ease);padding:24px 0 8px}@keyframes auth-success-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.auth-success .check{width:56px;height:56px;color:var(--accent);background:#16a34a1f;border:1.5px solid #16a34a59;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.error-msg{color:#f87171;border-radius:var(--radius-sm);animation:fade-in .18s var(--ease);background:#ef44441f;border:1px solid #ef444438;padding:10px 14px;font-size:13px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-2)}.text-hint{color:var(--text-3)}.text-accent{color:var(--accent)}.line-through{text-decoration:line-through}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=light]{--accent:#15803d;--accent-soft:#15803d1f;--accent-text:#15803d;--accent-dim:#15803d1a;--accent-mid:#15803d47;--accent-glow:0 0 14px #15803d38, 0 0 4px #15803d1a;--bg:#f0f5fa;--bg-card:#fffffff0;--bg-input:#0000000a;--text:#0a1628;--text-2:#0a1628b3;--text-3:#0a162899;--border:#00000014;--border-2:#15803d42;--shadow-sm:0 1px 4px #00000012, 0 1px 2px #0000000a;--shadow:0 4px 20px #00000014, 0 1px 4px #0000000d;--shadow-md:0 8px 40px #0000001a, 0 2px 8px #0000000f}html[data-theme=light],html[data-theme=light] body{color:#0a1628;background-color:#f0f5fa;background-image:radial-gradient(80% 50% at 50% -8%,#15803d14 0%,#0000 60%),linear-gradient(#15803d0a 1px,#0000 1px),linear-gradient(90deg,#15803d0a 1px,#0000 1px);background-size:100% 100%,60px 60px,60px 60px;background-attachment:fixed,fixed,fixed}[data-theme=light] .header{background:#f0f5faf0}[data-theme=light] .bottom-nav{background:#f0f5faf5}[data-theme=light] .nav-item{color:#0a16289e}[data-theme=light] .nav-item.active{text-shadow:none;color:var(--accent)}[data-theme=light] .nav-fab{box-shadow:0 2px 10px #16a34a59}[data-theme=light] .card{box-shadow:var(--shadow-sm)}[data-theme=light] .card:hover{box-shadow:var(--shadow-sm);border-color:#00000024}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-secondary{background:#0000000d;border:1px solid #00000014}[data-theme=light] .btn-secondary:hover{background:#00000017;border-color:#00000021}[data-theme=light] .btn-ghost:hover{background:#0000000d}[data-theme=light] .btn-danger{color:#dc2626;background:#dc262614;border-color:#dc26262e}[data-theme=light] .btn-danger:hover{background:#dc262624}[data-theme=light] .input{border-color:var(--border);background:#ffffffe0}[data-theme=light] .input:focus{background:#fff;box-shadow:0 0 0 3px #15803d1f}[data-theme=light] .sheet-overlay{background:#0000007a}[data-theme=light] .sheet{background:#f7fafffa;border-top-color:#15803d29;box-shadow:0 -8px 40px #0000001a}[data-theme=light] .sheet-handle{background:#15803d38}[data-theme=light] .progress-bar{background:#0000001a}[data-theme=light] .progress-fill{box-shadow:0 0 6px #15803d59}[data-theme=light] .fab{color:#fff;box-shadow:0 4px 12px #15803d40,0 2px 6px #0000001f}[data-theme=light] .spinner{border-color:#15803d24;border-top-color:var(--accent)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a 25%,#15803d17 50%,#0000000a 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}[data-theme=light] .badge-green{background:#15803d1a}[data-theme=light] .badge-gray{color:var(--text-2);background:#0000000f}[data-theme=light] .type-bg-personal{background:#6d28d914}[data-theme=light] .type-bg-tasks{background:#07598514}[data-theme=light] .type-bg-shopping{background:#9a341214}[data-theme=light] .error-msg{color:#dc2626;background:#dc262612;border-color:#dc262629}[data-theme=light] .auth-page:before{background:radial-gradient(#15803d12 0%,#0000 68%)}[data-theme=light] .pw-strength .bar{background:#00000014}[data-theme=light] .auth-switch a{text-shadow:none}