:root{--bg-primary: #fefcf9;--bg-secondary: #ffffff;--bg-tertiary: #f7f4f0;--bg-accent: linear-gradient(135deg, #fef6ee 0%, #fdf2f8 100%);--text-primary: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--accent-primary: #e11d48;--accent-secondary: #7c3aed;--accent-warm: #ea580c;--border-color: #e7e5e4;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(28, 25, 23, .08);--noise-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.dark{--bg-primary: #000000;--bg-secondary: #121212;--bg-tertiary: #1e1e1e;--bg-accent: linear-gradient(135deg, #121212 0%, #1a1025 100%);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #9e9e9e;--accent-primary: #ff4d6d;--accent-secondary: #b388ff;--accent-warm: #ff9800;--border-color: #2d2d2d;--card-bg: #121212;--card-shadow: 0 2px 8px rgba(0, 0, 0, .6)}html,body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;width:100%;height:100%;min-height:100vh;margin:0;padding:0;-webkit-overflow-scrolling:touch;font-feature-settings:"cv02","cv03","cv04","cv11"}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.animate-fade-in,.animate-slide-up,.animate-float,.animate-warm-pearl-glow,.animate-spin{transition:none}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}#root{width:100%;min-height:100vh;background-color:var(--bg-primary);position:relative}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:var(--noise-texture);pointer-events:none;z-index:0}main{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:var(--bg-primary)}.dark .bg-white{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}.dark .bg-rose-50,.dark .bg-indigo-50,.dark .bg-slate-50{background-color:var(--bg-tertiary)!important}.dark .text-slate-900{color:var(--text-primary)!important}.dark .text-slate-700,.dark .text-slate-600{color:var(--text-secondary)!important}.dark .text-slate-500,.dark .text-slate-400,.dark .text-slate-300{color:var(--text-muted)!important}.dark .border-slate-100,.dark .border-slate-200,.dark .border-slate-300{border-color:var(--border-color)!important}.dark .text-rose-600,.dark .text-rose-700{color:#fb7185!important}.dark .text-indigo-600,.dark .text-indigo-700{color:#a5b4fc!important}.dark .text-emerald-600,.dark .text-emerald-700{color:#34d399!important}.dark .text-amber-600,.dark .text-amber-700{color:#fbbf24!important}.dark .bg-rose-100{background-color:#fb718533!important}.dark .bg-indigo-100{background-color:#a5b4fc33!important}.dark .bg-emerald-100{background-color:#34d39933!important}.dark .bg-amber-100{background-color:#fbbf2433!important}.dark input,.dark select,.dark textarea{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-muted)!important}.dark option{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark .from-rose-50{--tw-gradient-from: #1a1625 !important}.dark .to-indigo-50{--tw-gradient-to: #1a1625 !important}.dark .hover\:bg-slate-50:hover{background-color:var(--bg-tertiary)!important}.dark .hover\:bg-rose-50:hover{background-color:#fb71851a!important}.dark .hover\:bg-indigo-50:hover{background-color:#a5b4fc1a!important}.dark .from-blue-50{--tw-gradient-from: rgba(30, 58, 138, .3) !important}.dark .to-cyan-100{--tw-gradient-to: rgba(21, 94, 117, .3) !important}.dark .from-purple-50{--tw-gradient-from: rgba(88, 28, 135, .3) !important}.dark .to-pink-100{--tw-gradient-to: rgba(131, 24, 67, .3) !important}.dark .from-amber-50{--tw-gradient-from: rgba(120, 53, 15, .3) !important}.dark .to-orange-100{--tw-gradient-to: rgba(124, 45, 18, .3) !important}.dark .from-emerald-50{--tw-gradient-from: rgba(6, 78, 59, .3) !important}.dark .to-green-100{--tw-gradient-to: rgba(20, 83, 45, .3) !important}.dark .from-cyan-50{--tw-gradient-from: rgba(21, 94, 117, .3) !important}.dark .to-teal-100{--tw-gradient-to: rgba(19, 78, 74, .3) !important}.dark .from-indigo-50{--tw-gradient-from: rgba(49, 46, 129, .3) !important}.dark .to-purple-100{--tw-gradient-to: rgba(88, 28, 135, .3) !important}.dark .font-medium.text-slate-700,.dark .font-medium.text-slate-600,.dark span.font-medium{color:#e2e8f0!important}.dark .text-\[10px\].text-slate-400,.dark .truncate.text-slate-400{color:#94a3b8!important}.dark button.text-slate-600,.dark button.text-slate-700{color:#cbd5e1!important}.dark .bg-indigo-50.text-indigo-700,.dark .bg-rose-50.text-rose-700{background-color:#818cf840!important;color:#a5b4fc!important}.dark .bg-sky-50,.dark .bg-teal-50,.dark .bg-purple-50,.dark .bg-orange-50{background-color:var(--bg-tertiary)!important}.dark .text-sky-700,.dark .text-teal-700,.dark .text-purple-700,.dark .text-orange-700{color:#94a3b8!important}.dark h3,.dark h4,.dark .font-bold.text-slate-900,.dark .font-bold.text-slate-800{color:#f1f5f9!important}.dark p.text-slate-500,.dark p.text-slate-600,.dark span.text-slate-500{color:#94a3b8!important}.dark .bg-slate-100,.dark .bg-gray-100{background-color:#64748b4d!important;border-color:#94a3b84d!important}.dark .bg-slate-100 span,.dark .text-slate-600,.dark .text-gray-600{color:#cbd5e1!important}.dark .uppercase.text-slate-500,.dark .tracking-wider.text-slate-500,.dark .text-xs.text-slate-500,.dark .text-\[10px\].text-slate-500{color:#94a3b8!important}.dark .bg-rose-50{background-color:#fb718533!important}.dark .text-rose-600,.dark .text-rose-500{color:#fb7185!important}.dark .text-xs.text-amber-600,.dark .text-sm.text-amber-600,.dark span.text-amber-600{color:#fcd34d!important}.dark .rounded-full.border,.dark button.rounded-full{border-color:#94a3b866!important}.dark .rounded-full.border span,.dark .rounded-full.text-slate-600,.dark .px-4.py-2.rounded-full{color:#e2e8f0!important}.dark .text-sm.text-slate-500,.dark .text-xs.text-slate-400,.dark .font-medium.text-slate-500,.dark .text-slate-400,.dark .text-sm.text-slate-400{color:#94a3b8!important}.dark .bg-indigo-50\/50,.dark .bg-slate-50\/50{background-color:#6366f126!important}.dark .bg-white.text-indigo-600{background-color:var(--bg-tertiary)!important;color:#a5b4fc!important}.dark .text-xs.font-bold.text-indigo-600,.dark .text-xs.font-bold.text-rose-600{color:#a5b4fc!important}.dark .text-slate-400.text-xs,.dark .text-\[10px\].text-slate-400{color:#64748b!important}.dark .text-xs.text-slate-400,.dark .text-xs.text-slate-500{color:#94a3b8!important}.dark .rounded-full.text-xs,.dark .px-2.py-1.rounded-full,.dark .px-3.py-1.rounded-full{background-color:#64748b66!important;color:#e2e8f0!important;border-color:#94a3b880!important}.dark .rounded-full.bg-slate-100,.dark .rounded-full.bg-gray-100,.dark .rounded-full.bg-indigo-100{background-color:#818cf840!important;color:#c7d2fe!important}.dark .bg-orange-100,.dark .bg-amber-100{background-color:#fbbf2440!important}.dark .text-orange-700,.dark .text-orange-600,.dark .text-amber-700{color:#fcd34d!important}.dark .text-slate-300{color:#cbd5e1!important}.dark .text-slate-200{color:#e2e8f0!important}.dark .italic.text-slate-400,.dark .italic.text-slate-500{color:#94a3b8!important}.dark span.text-indigo-500,.dark a.text-indigo-500,.dark button.text-indigo-500{color:#a5b4fc!important}.dark [class*=text-slate-]{color:inherit}.dark .text-slate-800,.dark .text-slate-700{color:#fff!important}.dark .text-slate-600{color:#e0e0e0!important}.dark .text-slate-500{color:#bdbdbd!important}.dark .text-slate-400{color:#9e9e9e!important}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.p-safe{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@supports not (padding-top: env(safe-area-inset-top)){.pt-safe{padding-top:24px}.pb-safe{padding-bottom:16px}}.glass-button-wrap{position:relative;display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.glass-button-wrap:hover{transform:translateY(-2px)}.glass-button-wrap:active{transform:translateY(1px) scale(.98)}.glass-button{position:relative;z-index:2;border:none;background:linear-gradient(135deg,#f43f5ee6,#6366f1e6);color:#fff;border-radius:9999px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #f43f5e4d,0 1px 3px #0000001a,inset 0 1px #fff3}.glass-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff40,#fff0 50%);border-radius:inherit;pointer-events:none}.glass-button:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:transparent;border:1px solid rgba(255,255,255,.15);pointer-events:none}.glass-button:hover{box-shadow:0 8px 25px #f43f5e66,0 4px 10px #6366f14d,inset 0 1px #ffffff40;background:linear-gradient(135deg,#f43f5e,#6366f1)}.glass-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.glass-button-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.glass-button-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#f43f5e80,#6366f180);filter:blur(15px);opacity:.5;transition:all .3s ease;transform:translateY(5px)}.glass-button-wrap:hover .glass-button-shadow{opacity:.7;filter:blur(20px);transform:translateY(8px)}.glass-button-wrap:has(.glass-button:disabled){pointer-events:none}.glass-button-wrap:has(.glass-button:disabled) .glass-button-shadow{opacity:.2}.glass-button:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}@keyframes warm-pearl-glow{0%{box-shadow:0 0 20px #fefcf966,0 0 40px #ffe4e633;transform:scale(1)}50%{box-shadow:0 0 40px #fefcf9cc,0 0 80px #ffe4e680;transform:scale(1.02)}to{box-shadow:0 0 20px #fefcf966,0 0 40px #ffe4e633;transform:scale(1)}}.animate-warm-pearl-glow{animation:warm-pearl-glow 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes glow-pulse{0%{box-shadow:0 6px 20px #f43f5e40,0 1px 3px #0000001a}50%{box-shadow:0 6px 20px #f43f5e73,0 2px 5px #00000026}}.dark .bg-white{@apply bg-slate-800 !important;}.dark .bg-white\/50{@apply bg-slate-800/50 !important;}.dark .bg-white\/80{@apply bg-slate-800/80 !important;}.dark .bg-white\/85{@apply bg-slate-800/85 !important;}.dark .bg-slate-50{@apply bg-slate-900 !important;}.dark .bg-slate-100{@apply bg-slate-800 !important;}.dark .bg-slate-200{@apply bg-slate-700 !important;}.dark .text-slate-900{@apply text-white !important;}.dark .text-slate-800{@apply text-slate-100 !important;}.dark .text-slate-700{@apply text-slate-200 !important;}.dark .border-slate-100,.dark .border-slate-200{@apply border-slate-700 !important;}.dark .border-slate-300{@apply border-slate-600 !important;}.dark .shadow-sm{box-shadow:0 1px 2px #00000080!important}.dark .shadow-lg{box-shadow:0 10px 15px #0000004d!important}.dark .shadow-2xl{box-shadow:0 25px 50px #0006!important}.routine-checkbox input{display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;cursor:pointer;height:0;width:0}.routine-checkbox{display:block;position:relative;cursor:pointer;font-size:20px;-webkit-user-select:none;user-select:none;border:3px solid #fecdd3;border-radius:12px;overflow:hidden;width:40px;height:40px;flex-shrink:0;transition:border-color .3s ease,transform .2s ease}.routine-checkbox:hover{transform:scale(1.05)}.routine-checkbox:active{transform:scale(.95)}.routine-checkmark{position:relative;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f43f5e,#e11d48);border-bottom:2px solid #be123c;box-shadow:0 0 2px #fecdd3,inset 0 -3px 4px #fb7185,inset 0 3px 4px #00000040;border-radius:9px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(-100%)}.routine-checkbox input:checked~.routine-checkmark{transform:translateY(0)}.routine-checkbox input:not(:checked)~.routine-checkmark{transform:translateY(-100%)}.routine-checkmark:before{content:"";position:absolute;left:50%;top:45%;width:8px;height:14px;border:solid white;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.routine-step-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:14px;color:#94a3b8;transition:opacity .3s ease;z-index:1}.routine-checkbox input:checked~.routine-step-number{opacity:0}.dark .routine-checkbox{border-color:#881337;background-color:#1e293b}.dark .routine-checkmark{background:linear-gradient(135deg,#fb7185,#f43f5e);box-shadow:0 0 2px #881337,inset 0 -3px 4px #fda4af,inset 0 3px 4px #0006}.dark .routine-step-number{color:#64748b}.routine-checkbox.completed{border-color:#10b981}.routine-checkbox.completed .routine-checkmark{background:linear-gradient(135deg,#34d399,#10b981);border-bottom-color:#047857;box-shadow:0 0 2px #a7f3d0,inset 0 -3px 4px #6ee7b7,inset 0 3px 4px #00000040}.dark .routine-checkbox.completed{border-color:#065f46}.dark .routine-checkbox.completed .routine-checkmark{background:linear-gradient(135deg,#6ee7b7,#34d399)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dark button:focus-visible,.dark a:focus-visible,.dark [role=button]:focus-visible,.dark input:focus-visible,.dark select:focus-visible,.dark textarea:focus-visible{outline-color:#fb7185}