*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}:root{--primary:#4f46e5;--primary-dark:#3730a3;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--blue:#06b6d4;--purple:#8b5cf6;--indigo:#6366f1;--emerald:#059669;--red:#dc2626;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.625rem;--radius-2xl:0.75rem}.container{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);flex-direction:column;margin:0 auto;max-width:400px;min-height:100vh;position:relative}.container,.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.w-3{width:.75rem}.w-4{width:1rem}.w-full{width:100%}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-11{height:2.75rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.right-3{right:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-through{text-decoration:line-through}.text-white{color:#fff}.text-slate-100{color:#f1f5f9;color:var(--gray-100)}.text-slate-200{color:#e2e8f0;color:var(--gray-200)}.text-slate-400{color:#94a3b8;color:var(--gray-400)}.text-slate-500{color:#64748b;color:var(--gray-500)}.text-slate-600{color:var(--gray-600)}.text-slate-700{color:#334155;color:var(--gray-700)}.text-slate-800{color:#1e293b;color:var(--gray-800)}.text-slate-900{color:var(--gray-900)}.text-red-500{color:#ef4444;color:var(--danger)}.text-red-700{color:#dc2626;color:var(--red)}.text-green-600{color:#10b981;color:var(--success)}.text-green-700{color:#15803d}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.hover\:text-red-800:hover,.text-red-800{color:#991b1b}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-slate-100:hover{background-color:#f1f5f9}.w-5{width:1.25rem}.h-5{height:1.25rem}.text-blue-600{color:#06b6d4;color:var(--blue)}.text-blue-700{color:#1d4ed8}.text-indigo-600{color:#6366f1;color:var(--indigo)}.text-indigo-700{color:#4338ca}.text-indigo-900{color:#312e81}.text-slate-600{color:#475569}.text-yellow-300{color:#fde047}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.border-amber-200{border-color:#fde68a}.w-12{width:3rem}.from-emerald-50{--tw-gradient-from:#ecfdf5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#ecfdf500)}.to-teal-50{--tw-gradient-to:#f0fdfa}.text-emerald-600{color:#059669}.hover\:bg-emerald-700:hover{background-color:#047857}.to-red-600{--tw-gradient-to:#dc2626}.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fbbf2400)}.to-amber-600{--tw-gradient-to:#d97706}.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#34d39900)}.to-emerald-600{--tw-gradient-to:#059669}.from-violet-400{--tw-gradient-from:#a78bfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#a78bfa00)}.to-violet-600{--tw-gradient-to:#7c3aed}.from-slate-400{--tw-gradient-from:#94a3b8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#94a3b800)}.to-slate-600{--tw-gradient-to:#475569}.bg-red-600{background-color:#dc2626}.bg-amber-600{background-color:#d97706}.bg-emerald-600{background-color:#059669}.bg-violet-600{background-color:#7c3aed}.bg-slate-600{background-color:#475569}.active-icon-ring{--ring-color:currentColor;box-shadow:0 0 0 2px var(--ring-color)}.task-vital .active-icon-ring,.task-vital-expanded .active-icon-ring{--ring-color:#dc262666}.task-chore .active-icon-ring,.task-chore-expanded .active-icon-ring{--ring-color:#d9770666}.task-pleasure .active-icon-ring,.task-pleasure-expanded .active-icon-ring{--ring-color:#05966966}.task-reward .active-icon-ring,.task-reward-expanded .active-icon-ring{--ring-color:#7c3aed66}.h-1\.5{height:.375rem}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc;background-color:var(--gray-50)}.bg-slate-100{background-color:#f1f5f9;background-color:var(--gray-100)}.bg-slate-200{background-color:#e2e8f0;background-color:var(--gray-200)}.bg-red-500{background-color:#ef4444;background-color:var(--danger)}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#10b981;background-color:var(--success)}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#06b6d4;background-color:var(--blue)}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-600{background-color:#6366f1;background-color:var(--indigo)}.bg-indigo-700{background-color:#4338ca}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-500{background-color:#059669;background-color:var(--emerald)}.bg-yellow-400{background-color:#facc15}.bg-red-50{background-color:#fef2f2}.bg-amber-100{background-color:#fef3c7}.bg-orange-100{background-color:#fed7aa}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.border{border:1px solid #e2e8f0;border:1px solid var(--gray-200)}.border-slate-200{border-color:#e2e8f0;border-color:var(--gray-200)}.border-slate-300{border-color:var(--gray-300)}.border-blue-200{border-color:#bfdbfe}.border-indigo-300{border-color:#a5b4fc}.border-indigo-400{border-color:#818cf8}.border-indigo-500{border-color:#6366f1;border-color:var(--indigo)}.border-indigo-200{border-color:#c7d2fe}.border-indigo-700{border-color:#4338ca}.border-emerald-200{border-color:#a7f3d0}.border-red-600{border-color:#dc2626}.border-slate-300{border-color:#cbd5e1}.hover\:text-slate-700:hover{color:#334155}.hover\:border-slate-300:hover{border-color:#cbd5e1}.rounded{border-radius:.25rem;border-radius:var(--radius)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.625rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:.75rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.scale-98{transform:scale(.98)}.scale-105{transform:scale(1.05)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.outline-none{outline:none}.block{display:block}.hidden{display:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.focus\:border-indigo-400:focus{border-color:#818cf8}.focus\:ring-2:focus{--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow)}.focus\:ring-indigo-100:focus{--ring-color:#e0e7ff}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-slate-200:hover{background-color:#e2e8f0;background-color:var(--gray-200)}.hover\:bg-slate-600:hover{background-color:#475569;background-color:var(--gray-600)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:text-slate-600:hover{color:#475569;color:var(--gray-600)}.hover\:text-red-500:hover{color:#ef4444;color:var(--danger)}.hover\:text-red-700:hover{color:#dc2626;color:var(--red)}.hover\:text-indigo-600:hover{color:#6366f1;color:var(--indigo)}.hover\:text-indigo-800:hover{color:#3730a3}.hover\:text-indigo-900:hover{color:#312e81}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.hover\:bg-white\/60:hover{background-color:#fff9}.active\:scale-90:active{transform:scale(.9)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-primary{background:linear-gradient(135deg,#6366f1,#3730a3);background:linear-gradient(135deg,var(--indigo) 0,var(--primary-dark) 100%)}.gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-slate-100{--tw-gradient-from:var(--gray-100);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f1f5f900)}.to-slate-200{--tw-gradient-to:var(--gray-200)}.from-indigo-600{--tw-gradient-from:var(--indigo);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#6366f100)}.to-indigo-800{--tw-gradient-to:#3730a3}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#eff6ff00)}.to-white{--tw-gradient-to:#fff}.from-amber-100{--tw-gradient-from:#fef3c7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fef3c700)}.to-orange-100{--tw-gradient-to:#fed7aa}.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f8717100)}.to-red-500{--tw-gradient-to:var(--danger)}.from-indigo-400{--tw-gradient-from:#818cf8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#818cf800)}.to-indigo-600{--tw-gradient-to:var(--indigo)}.from-transparent{--tw-gradient-from:#0000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-red-50\/50{--tw-gradient-to:#fef2f280}.from-emerald-500\/30{--tw-gradient-from:#10b9814d;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#10b98100)}.ring-2{--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-indigo-100{--ring-color:#e0e7ff}.ring-yellow-400{--ring-color:#facc15}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-white\/95{background-color:#fffffff2}.bg-white\/20{background-color:#fff3}.bg-white\/60{background-color:#fff9}.bg-white\/10{background-color:#ffffff1a}.bg-black\/50{background-color:#00000080}.bg-black\/5{background-color:#0000000d}.bg-red-50\/80{background-color:#fef2f2cc}.bg-indigo-50\/80{background-color:#eef2ffcc}.text-emerald-100{color:#d1fae5}.text-emerald-200{color:#a7f3d0}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-indigo-800{color:#3730a3}.text-slate-900{color:#0f172a}.text-indigo-100{color:#e0e7ff}.text-yellow-200{color:#fef08a}.text-green-200{color:#bbf7d0}.text-red-200{color:#fecaca}.bg-emerald-500\/30{background-color:#10b9814d}.bg-green-500\/30{background-color:#22c55e4d}.bg-yellow-400\/20{background-color:#facc1533}.bg-green-400\/20{background-color:#4ade8033}.bg-red-400\/20{background-color:#f8717133}.shadow-indigo-200{box-shadow:0 10px 15px -3px #c7d2fe1a,0 4px 6px -4px #c7d2fe1a}.shadow-red-200{box-shadow:0 10px 15px -3px #fecaca1a,0 4px 6px -4px #fecaca1a}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.25}.min-w-24{min-width:6rem}.max-h-80vh{max-height:80vh}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pb-28{padding-bottom:7rem}.inset-0{bottom:0;left:0;right:0;top:0}.items-end{align-items:flex-end}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.select-none{-webkit-user-select:none;user-select:none}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.-mt-2{margin-top:-.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3\.5{padding:.875rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.app-header{background:linear-gradient(135deg,#6366f1,#3730a3);background:linear-gradient(135deg,var(--indigo) 0,#3730a3 100%);border-radius:0 0 1.5rem 1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;padding:1.25rem 1rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-body{background-color:#f8fafc;background-color:var(--gray-50);flex-grow:1;padding:.75rem}.task-card{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.625rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.task-card.completed{background-color:#f1f5f9;background-color:var(--gray-100);border-color:#e2e8f0;border-color:var(--gray-200);opacity:.5;transform:scale(.98)}.task-card.active{background-color:#fff;border-color:#818cf8;box-shadow:0 0 0 2px #e0e7ff,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:0 0 0 2px #e0e7ff,var(--shadow-lg)}.task-card.expanded{background-color:#fff;border-color:#a5b4fc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.task-card.imported{background:linear-gradient(90deg,#eff6ff 0,#fff);border-color:#bfdbfe}.btn{align-items:center;border:none;border-radius:.625rem;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn:active{transform:scale(.9)}.btn-primary{background-color:#6366f1;background-color:var(--indigo);box-shadow:0 4px 6px -1px #6366f133;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#475569;color:var(--gray-600)}.btn-secondary:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#1e293b;color:var(--gray-800)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.modal-overlay.end{align-items:flex-end}.modal{background-color:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:80vh;max-width:28rem;overflow-y:auto;padding:1.25rem;width:100%}.input{background-color:#f8fafc;background-color:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.625rem;border-radius:var(--radius-xl);font-size:.875rem;outline:none;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #e0e7ff}.footer{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1.5rem;bottom:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;justify-content:space-between;left:.75rem;margin-left:auto;margin-right:auto;max-width:28rem;padding:.75rem;position:fixed;right:.75rem;z-index:40}.task-vital{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #f87171;box-shadow:0 2px 8px #ef444426}.task-vital,.task-vital .task-title,.task-vital h3{color:#991b1b!important}.task-vital .task-desc,.task-vital .task-time{color:#b91c1c!important}.task-vital .task-icon{background-color:#fecaca;color:#dc2626}.task-chore{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;box-shadow:0 2px 8px #f59e0b26}.task-chore,.task-chore .task-title,.task-chore h3{color:#92400e!important}.task-chore .task-desc,.task-chore .task-time{color:#b45309!important}.task-chore .task-icon{background-color:#fde68a;color:#d97706}.task-pleasure{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #34d399;box-shadow:0 2px 8px #10b98126}.task-pleasure,.task-pleasure .task-title,.task-pleasure h3{color:#065f46!important}.task-pleasure .task-desc,.task-pleasure .task-time{color:#047857!important}.task-pleasure .task-icon{background-color:#a7f3d0;color:#059669}.task-reward{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #a78bfa;box-shadow:0 2px 8px #8b5cf626}.task-reward,.task-reward .task-title,.task-reward h3{color:#5b21b6!important}.task-reward .task-desc,.task-reward .task-time{color:#6d28d9!important}.task-reward .task-icon{background-color:#ddd6fe;color:#7c3aed}.task-default{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #cbd5e1;box-shadow:0 2px 8px #64748b1a}.task-default,.task-default .task-title,.task-default h3{color:#1e293b!important}.task-default .task-desc,.task-default .task-time{color:#475569!important}.task-default .task-icon{background-color:#e2e8f0;color:#64748b}.task-chore h3,.task-default h3,.task-pleasure h3,.task-reward h3,.task-vital h3{font-weight:700}.task-vital .time-badge{background-color:#fecaca;color:#991b1b}.task-chore .time-badge{background-color:#fde68a;color:#92400e}.task-pleasure .time-badge{background-color:#a7f3d0;color:#065f46}.task-reward .time-badge{background-color:#ddd6fe;color:#5b21b6}.task-vital .subtask-area{background-color:#fecaca80}.task-chore .subtask-area{background-color:#fde68a80}.task-pleasure .subtask-area{background-color:#a7f3d080}.task-reward .subtask-area{background-color:#ddd6fe80}.task-vital-expanded{--ring-color:#ef44444d;background:linear-gradient(135deg,#fef2f2,#fecaca)!important;border-color:#ef4444!important}.task-vital-expanded .subtask-area{background-color:#fee2e2cc;border:1px solid #ef444433}.task-vital-expanded .subtask-item:hover{background-color:#ffffffb3}.task-chore-expanded{--ring-color:#f59e0b4d;background:linear-gradient(135deg,#fffbeb,#fde68a)!important;border-color:#f59e0b!important}.task-chore-expanded .subtask-area{background-color:#fef3c7cc;border:1px solid #f59e0b33}.task-chore-expanded .subtask-item:hover{background-color:#ffffffb3}.task-pleasure-expanded{--ring-color:#10b9814d;background:linear-gradient(135deg,#ecfdf5,#a7f3d0)!important;border-color:#10b981!important}.task-pleasure-expanded .subtask-area{background-color:#d1fae5cc;border:1px solid #10b98133}.task-pleasure-expanded .subtask-item:hover{background-color:#ffffffb3}.task-reward-expanded{--ring-color:#8b5cf64d;background:linear-gradient(135deg,#f5f3ff,#ddd6fe)!important;border-color:#8b5cf6!important}.task-reward-expanded .subtask-area{background-color:#ede9fecc;border:1px solid #8b5cf633}.task-reward-expanded .subtask-item:hover{background-color:#ffffffb3}.task-default-expanded{--ring-color:#64748b4d;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-color:#64748b!important}.task-default-expanded .subtask-area{background-color:#f1f5f9cc;border:1px solid #64748b33}.task-vital-expanded .subtask-checkbox-unchecked{border-color:#dc2626}.task-chore-expanded .subtask-checkbox-unchecked{border-color:#d97706}.task-pleasure-expanded .subtask-checkbox-unchecked{border-color:#059669}.task-reward-expanded .subtask-checkbox-unchecked{border-color:#7c3aed}.header-gradient{background:linear-gradient(135deg,#4f46e5,#3730a3 50%,#312e81)}.day-button{flex:1 1;min-width:0}.text-indigo-200{color:#c7d2fe}.text-indigo-500{color:#6366f1}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gap-1\.5{gap:.375rem}.bg-white\/15{background-color:#ffffff26}.bg-white\/25,.hover\:bg-white\/25:hover{background-color:#ffffff40}.bg-emerald-400\/30{background-color:#34d3994d}.bg-emerald-400\/40,.hover\:bg-emerald-400\/40:hover{background-color:#34d39966}.bg-green-400\/40{background-color:#4ade8066}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.ring-white\/50{--ring-color:#ffffff80}.min-w-28{min-width:7rem}.h-12{height:3rem}.focus-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172af2;transition:opacity .3s ease;z-index:45}.task-card.focused-task{border:2px solid #6366f1;border:2px solid var(--indigo);box-shadow:0 0 0 9999px #0f172ad9,0 25px 50px -12px #00000080;position:relative;transform:scale(1.05);z-index:50}.task-card.timer-running{animation:breathe 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#eef2ff)}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes confetti-shine{0%{background-position:-100%}to{background-position:200%}}.task-card.just-completed{animation:successPop .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative}.task-card.just-completed:after{animation:confetti-shine 1s ease-out;background:linear-gradient(60deg,#fff0 20%,#fff9 50%,#fff0 80%);background-size:200% 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.xp-container{background-color:#e2e8f0;background-color:var(--gray-200);border-radius:9999px;height:.5rem;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.xp-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--indigo) 0,var(--purple) 100%);height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.xp-bar-fill:after{background:#fff;bottom:0;box-shadow:0 0 10px #fff;content:"";filter:blur(2px);opacity:.5;position:absolute;right:0;top:0;width:10px}.xp-text{color:#6366f1;color:var(--indigo);font-size:.75rem;font-weight:700;margin-top:.25rem;text-align:right}.xp-bar-container{padding:.25rem 0}.level-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo) 0,var(--purple) 100%);border-radius:9999px;box-shadow:0 2px 4px #6366f14d;color:#fff;display:flex;font-size:.65rem;font-weight:800;gap:.25rem;padding:.25rem .5rem}.xp-progress-bar{background-color:#ffffff4d;height:.375rem;min-width:60px;overflow:visible}.xp-progress-bar,.xp-progress-fill{border-radius:9999px;position:relative}.xp-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.xp-progress-glow{background:#fbbf24;border-radius:50%;box-shadow:0 0 8px #fbbf24,0 0 12px #fbbf24;height:8px;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);transition:left .8s cubic-bezier(.4,0,.2,1);width:8px}.xp-today{color:#fbbf24;font-weight:700}.streak-badge,.xp-today{align-items:center;display:flex;font-size:.65rem;gap:.125rem}.streak-badge{background:linear-gradient(135deg,#f59e0b,#dc2626);border-radius:9999px;color:#fff;font-weight:800;padding:.125rem .375rem}.streak-fire{font-size:.75rem}.xp-gain-popup{align-items:center;animation:xpPopIn .3s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;box-shadow:0 10px 40px #0000004d;color:#fbbf24;display:flex;font-size:1.25rem;font-weight:800;gap:.5rem;left:50%;padding:.75rem 1.25rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.xp-gain-popup.hidden{animation:xpPopOut .3s ease-in forwards}@keyframes xpPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes xpPopOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-30px)}}.level-up-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease;z-index:2000}.level-up-overlay.show{opacity:1}.level-up-overlay.exit{opacity:0}.level-up-content{animation:levelUpBounce .5s ease-out;text-align:center}.level-up-stars{animation:starSpin 2s linear infinite;font-size:4rem}.level-up-text{color:#fbbf24;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin:1rem 0;text-shadow:0 0 20px #fbbf2480;text-transform:uppercase}.level-up-number{color:#fff;font-size:5rem;font-weight:900;text-shadow:0 0 40px #6366f1cc}.level-up-message{color:#94a3b8;color:var(--gray-400);font-size:1rem;margin-top:1rem}@keyframes levelUpBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes starSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge-unlock-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease;z-index:2000}.badge-unlock-overlay.show{opacity:1}.badge-unlock-overlay.exit{opacity:0}.badge-unlock-content{animation:badgePop .5s cubic-bezier(.175,.885,.32,1.275);text-align:center}.badge-unlock-icon{animation:badgeShine 1.5s ease-in-out infinite;font-size:5rem}.badge-unlock-label{color:#94a3b8;color:var(--gray-400);font-size:.875rem;font-weight:600;letter-spacing:.15em;margin-top:1rem;text-transform:uppercase}.badge-unlock-name{color:#fff;font-size:1.75rem;font-weight:900;margin:.5rem 0}.badge-unlock-desc{color:#64748b;color:var(--gray-500);font-size:.875rem}@keyframes badgePop{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes badgeShine{0%,to{filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 25px rgba(251,191,36,.8))}}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:1500}.confetti-particle{animation:confettiFall 2s ease-out forwards;border-radius:2px;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.encouragement-toast{border-radius:1rem;bottom:100px;box-shadow:0 10px 30px #0003;color:#fff;font-size:.875rem;font-weight:700;left:50%;opacity:0;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%) translateY(20px);transition:all .3s ease;z-index:1000}.encouragement-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.encouragement-toast.hidden{opacity:0;transform:translateX(-50%) translateY(-20px)}.badges-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);padding:1rem}.badge-item{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem;transition:all .2s ease}.badge-item.unlocked{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #fbbf2433}.badge-item.locked{filter:grayscale(1);opacity:.5}.badge-icon{font-size:1.5rem}.badge-name{color:#334155;color:var(--gray-700);font-size:.6rem;font-weight:600;line-height:1.2;text-align:center}.streak-indicator{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fed7aa;border-radius:1rem;padding:1rem}.streak-header{align-items:center;display:flex;gap:.75rem}.streak-fire-large{animation:fireFlicker .5s ease-in-out infinite alternate;font-size:2rem}@keyframes fireFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.streak-info{display:flex;flex-direction:column}.streak-count{color:#c2410c;font-size:1.25rem;font-weight:900}.streak-label{color:#ea580c;font-size:.75rem;font-weight:500}.streak-progress-bar{background:#ea580c33;border-radius:9999px;height:.5rem;margin:.75rem 0;overflow:hidden}.streak-progress-fill{background:linear-gradient(90deg,#f97316,#dc2626);border-radius:9999px;height:100%;transition:width .5s ease}.streak-footer{color:#9a3412;display:flex;font-size:.7rem;font-weight:500;justify-content:space-between}.task-card.completing{animation:taskComplete .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes taskComplete{0%{transform:scale(1)}30%{transform:scale(1.05)}50%{transform:scale(.95)}70%{transform:scale(1.02)}to{transform:scale(1)}}.task-card.completing:after{animation:shimmer .8s ease-out;background:linear-gradient(60deg,#0000 20%,#fff9 50%,#0000 80%);background-size:200% 100%;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.check-animation{animation:checkPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.btn-just-2-min{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:9999px;color:#1d4ed8;cursor:pointer;display:flex;font-size:.65rem;font-weight:700;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.btn-just-2-min:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:scale(1.05)}.btn-just-2-min:active{transform:scale(.95)}.btn-too-hard{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:9999px;color:#b45309;cursor:pointer;display:flex;font-size:.65rem;font-weight:700;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.btn-too-hard:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:scale(1.05)}.btn-focus{align-items:center;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border:2px solid #6366f1;border-radius:9999px;color:#4338ca;cursor:pointer;display:flex;font-size:.65rem;font-weight:700;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.btn-focus:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);transform:scale(1.05)}.xp-preview{align-items:center;background:#fbbf2426;border-radius:9999px;color:#b45309;display:flex;font-size:.6rem;font-weight:700;gap:.25rem;padding:.125rem .5rem}.xp-preview-highlight{animation:xpGlow 1.5s ease-in-out infinite}@keyframes xpGlow{0%,to{box-shadow:0 0 0 #fbbf2400}50%{box-shadow:0 0 10px #fbbf2466}}.proof-button{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #a5b4fc;border-radius:.5rem;color:#4f46e5;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all .2s ease;width:1.75rem}.proof-button:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);transform:scale(1.1)}.proof-button.has-proof{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#059669}.proof-thumbnail{border-radius:.5rem;cursor:pointer;height:3rem;overflow:hidden;position:relative;transition:transform .2s ease;width:3rem}.proof-thumbnail:hover{transform:scale(1.05)}.proof-thumbnail-img{height:100%;object-fit:cover;width:100%}.proof-thumbnail-icon{border-radius:.5rem;height:100%;width:100%}.proof-thumbnail-delete,.proof-thumbnail-icon{align-items:center;display:flex;justify-content:center}.proof-thumbnail-delete{background:#ef4444;border-radius:50%;color:#fff;height:1rem;opacity:0;position:absolute;right:-.25rem;top:-.25rem;transition:opacity .2s ease;width:1rem}.proof-thumbnail:hover .proof-thumbnail-delete{opacity:1}.victory-card{background:#fff;border:2px solid #f1f5f9;border:2px solid var(--gray-100);border-radius:.75rem;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s ease}.victory-card:hover{border-color:#6366f1;border-color:var(--indigo);box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.victory-card-image{height:5rem;object-fit:cover;width:100%}.victory-card-icon{align-items:center;display:flex;height:5rem;justify-content:center;width:100%}.victory-card-info{padding:.5rem}.victory-card-badge{border:1px solid;border-radius:.25rem;display:inline-block;font-size:.6rem;font-weight:700;padding:.125rem .375rem;text-transform:uppercase}.victory-card-task{color:#1e293b;color:var(--gray-800);font-size:.75rem;font-weight:600;line-height:1.2}.victory-card-task,.victory-card-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-top:.25rem;overflow:hidden}.victory-card-text{color:#64748b;color:var(--gray-500);font-size:.65rem}.focus-overlay{align-items:center;animation:focusFadeIn .3s ease;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}@keyframes focusFadeIn{0%{opacity:0}to{opacity:1}}.focus-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;min-height:100vh;padding:2rem 1.5rem;position:relative;width:100%}.focus-timer-circle{height:200px;position:relative;width:200px}.focus-timer-svg{height:100%;transform:scaleX(-1);width:100%}.focus-timer-content{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.focus-timer-time{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:3rem;font-weight:900}.focus-timer-paused{color:#fff9;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-top:.25rem;text-transform:uppercase}.focus-control-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:3.5rem;justify-content:center;transition:all .2s ease;width:3.5rem}.focus-control-btn:hover{background:#ffffff40;transform:scale(1.1)}.focus-control-btn.focus-control-main{background:#fff;color:#6366f1;color:var(--indigo);height:4.5rem;width:4.5rem}.focus-control-btn.focus-control-main:hover{transform:scale(1.1)}.animate-breathe{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pomodoro-preset-selector{margin-bottom:1rem}.pomodoro-preset-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;padding:.75rem;transition:all .2s ease}.pomodoro-preset-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#6366f1;border-color:var(--indigo)}.pomodoro-preset-btn.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;border-color:var(--indigo)}.preset-time{color:#6366f1;color:var(--indigo);font-size:1.25rem;font-weight:800}.preset-label{color:#64748b;color:var(--gray-500);font-size:.65rem;margin-top:.125rem}.just-2-min-running{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:.75rem;color:#1d4ed8;flex-direction:column;font-size:.75rem;gap:.125rem}.btn-decompose,.just-2-min-running{align-items:center;display:flex;font-weight:700;padding:.375rem .75rem}.btn-decompose{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:9999px;color:#b45309;cursor:pointer;font-size:.65rem;gap:.25rem;transition:all .2s ease}.btn-decompose:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:scale(1.05)}.micro-steps{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:.75rem;margin-top:.5rem;padding:.75rem}.micro-step{color:#334155;color:var(--gray-700);font-size:.75rem;gap:.5rem;padding:.375rem 0}.micro-step,.micro-step-number{align-items:center;display:flex}.micro-step-number{background:#f59e0b;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;height:1.25rem;justify-content:center;width:1.25rem}.mood-check-step{animation:moodStepIn .4s ease}@keyframes moodStepIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mood-bg-circle{animation:moodCircleFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;position:absolute}.mood-bg-circle-1{animation-delay:0s;height:300px;right:-100px;top:-100px;width:300px}.mood-bg-circle-2{animation-delay:2s;background:radial-gradient(circle,#9333ea26 0,#0000 70%);bottom:20%;height:200px;left:-50px;width:200px}.mood-bg-circle-3{animation-delay:4s;background:radial-gradient(circle,#3b82f626 0,#0000 70%);bottom:-50px;height:150px;right:20%;width:150px}@keyframes moodCircleFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(20px,-20px) scale(1.1)}}.mood-emoji-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .2s ease}.mood-emoji-btn:hover{background:#fff3;border-color:#fff;border-color:var(--mood-color,#fff);transform:scale(1.1)}.mood-emoji-btn:active{transform:scale(.95)}.mood-emoji-label{color:#ffffffb3;font-size:.6rem;font-weight:500}.energy-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s ease}.energy-btn:hover{background:#fff3;border-color:#ffffff4d}.energy-bars{align-items:flex-end;display:flex;gap:2px;height:1.5rem}.energy-bar{background:#ffffff4d;border-radius:2px;transition:all .2s ease;width:6px}.energy-bar:first-child{height:25%}.energy-bar:nth-child(2){height:50%}.energy-bar:nth-child(3){height:75%}.energy-bar:nth-child(4){height:100%}.energy-bar.active{background:#22c55e}.energy-label{color:#ffffffb3;font-size:.65rem;font-weight:500}.mood-indicator{align-items:center;background:#ffffff26;border-radius:9999px;cursor:pointer;display:flex;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.mood-indicator:hover{background:#ffffff40}.mood-energy-dots{display:flex;gap:2px}.mood-energy-dot{background:#ffffff4d;border-radius:50%;height:4px;width:4px}.mood-energy-dot.active{background:#22c55e}.daily-mood-message{align-items:center;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-left:4px solid #6366f1;border-left:4px solid var(--mood-color,var(--indigo));border-radius:0 .75rem .75rem 0;display:flex;gap:.75rem;margin:.5rem 0;padding:.75rem 1rem}.daily-mood-emoji{font-size:1.5rem}.daily-mood-text{color:#334155;color:var(--gray-700);font-size:.8rem;line-height:1.4}.mood-history{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;padding:1rem}.mood-history-title{color:#64748b;color:var(--gray-500);font-size:.75rem;font-weight:600;margin-bottom:.75rem}.mood-history-chart{align-items:flex-end;display:flex;height:4rem;justify-content:space-between}.mood-history-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem}.mood-history-bar{border-radius:.25rem;transition:height .3s ease;width:.5rem}.mood-history-emoji{font-size:.875rem}.notification-permission-request{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #93c5fd;border-radius:.75rem;padding:1rem;text-align:center}.notification-permission-request p{color:#334155;color:var(--gray-700);font-size:.875rem;margin-bottom:.75rem}.notification-permission-request button{background:#6366f1;background:var(--indigo);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.notification-permission-request button:hover{background:#4338ca}.snooze-indicator{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:.25rem;color:#64748b;color:var(--gray-500);display:flex;font-size:.65rem;gap:.25rem;padding:.125rem .375rem}.snooze-remaining{color:#f59e0b;color:var(--warning);font-weight:700}.level-display{align-items:center;background:#ffffff26;border-radius:.75rem;display:flex;flex-direction:column;padding:.5rem 1rem}.level-number{color:#fff;font-size:1.75rem;font-weight:900}.level-label{color:#ffffffb3;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.stat-card{align-items:center;border:2px solid;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.stat-card-icon{height:1.5rem;width:1.5rem}.stat-card-content{display:flex;flex-direction:column}.stat-card-value{font-size:1.125rem;font-weight:800}.stat-card-label{font-size:.65rem;opacity:.8}.stat-card-subtext{font-size:.6rem;opacity:.6}.stats-section{background:#f8fafc;background:var(--gray-50);border-radius:.75rem;padding:.75rem}.stats-section-title{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.mini-stat{background:#fff;border-radius:.5rem;padding:.5rem;text-align:center}.mini-stat-value{color:#6366f1;color:var(--indigo);display:block;font-size:1.25rem;font-weight:800}.mini-stat-label{color:#64748b;color:var(--gray-500);font-size:.6rem}.mini-stat-card{align-items:center;background:#f8fafc;background:var(--gray-50);border-radius:.75rem;display:flex;gap:.5rem;padding:.75rem}.mini-stat-card-value{color:#1e293b;color:var(--gray-800);display:block;font-size:1rem;font-weight:700}.mini-stat-card-label{color:#64748b;color:var(--gray-500);font-size:.65rem}.badges-unlocked-grid{display:flex;flex-wrap:wrap;gap:.5rem}.badge-unlocked{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:9999px;display:flex;gap:.375rem;padding:.375rem .625rem}.badge-unlocked-icon{font-size:1rem}.badge-unlocked-name{color:#92400e;font-size:.7rem;font-weight:600}.badges-locked-grid{display:flex;flex-direction:column;gap:.5rem}.badge-locked{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:.5rem;display:flex;gap:.5rem;opacity:.6;padding:.5rem}.badge-locked-icon{font-size:1rem}.badge-locked-info{display:flex;flex-direction:column}.badge-locked-name{color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:600}.badge-locked-desc{color:#64748b;color:var(--gray-500);font-size:.6rem}.streak-calendar{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fed7aa;border-radius:.75rem;padding:.75rem}.streak-calendar-header{align-items:center;color:#c2410c;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.streak-calendar-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(10,1fr)}.streak-calendar-day{aspect-ratio:1;background:#c2410c26;border-radius:2px;transition:all .2s ease}.streak-calendar-day.completed{background:#f97316}.streak-calendar-day.today{box-shadow:0 0 0 2px #c2410c}.crisis-heart{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.crisis-action-btn{align-items:center;border-radius:.75rem;color:#fff;display:flex;font-weight:600;gap:.75rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.crisis-action-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.breathing-exercise-btn{align-items:flex-start;background:#ffffff1a;border:2px solid #fff3;border-radius:.75rem;color:#fff;display:flex;flex-direction:column;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.breathing-exercise-btn:hover{background:#ffffff26;border-color:#ffffff4d}.breathing-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;transition:transform .5s ease;width:200px}.breathing-circle[data-action=inspire]{animation:breatheIn 4s ease-in-out}.breathing-circle[data-action=expire]{animation:breatheOut 4s ease-in-out}@keyframes breatheIn{0%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes breatheOut{0%{transform:scale(1.1)}to{transform:scale(.8)}}.breathing-action{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.breathing-countdown{color:#fff;font-size:3rem;font-weight:900}.contact-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:.75rem;display:flex;gap:.75rem;padding:1rem;text-decoration:none;transition:all .2s ease;width:100%}.contact-btn:hover{background:#ffffff26;border-color:#10b981}.contact-icon{font-size:1.5rem}.contact-info{display:flex;flex-direction:column;flex-grow:1;text-align:left}.contact-name{color:#fff;font-weight:600}.contact-number{color:#ffffffb3;font-size:.875rem}.crisis-quick-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;color:#fff;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.crisis-quick-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}
/*# sourceMappingURL=main.46519530.css.map*/