:root{--primary: #8B5CF6;--primary-light: #A78BFA;--primary-dark: #7C3AED;--secondary: #EC4899;--secondary-light: #F472B6;--accent: #06B6D4;--accent-light: #22D3EE;--background: #FFFBFE;--surface: #FFFFFF;--surface-variant: #F8FAFC;--outline: #E2E8F0;--outline-variant: #F1F5F9;--on-primary: #FFFFFF;--on-secondary: #FFFFFF;--on-surface: #1E293B;--on-surface-variant: #64748B;--on-background: #0F172A;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--font-heading: "Poppins", sans-serif;--font-body: "Montserrat", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-weight:400;background-color:var(--background);color:var(--on-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--space-md)}.btn{font-family:var(--font-body);font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--on-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:#db2777;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--on-primary)}.btn-ghost{background-color:transparent;color:var(--on-surface-variant);border:none}.btn-ghost:hover{background-color:var(--surface-variant);color:var(--on-surface)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.125rem;border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--outline-variant)}.input{font-family:var(--font-body);padding:var(--space-sm) var(--space-md);border:2px solid var(--outline);border-radius:var(--radius-md);background-color:var(--surface);color:var(--on-surface);font-size:1rem;transition:border-color .2s ease;width:100%}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.textarea{resize:vertical;min-height:120px;font-family:var(--font-body)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-energy-low{background-color:#dbeafe;color:#1e40af}.badge-energy-medium{background-color:#fef3c7;color:#92400e}.badge-energy-high{background-color:#fee2e2;color:#b91c1c}.badge-time{background-color:var(--surface-variant);color:var(--on-surface-variant)}.container{max-width:480px;margin:0 auto;padding:0 var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-custom{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-custom{animation:spin-custom 3s cubic-bezier(.25,.46,.45,.94)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cute-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:modalFadeIn .2s ease-out}.cute-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:320px;width:100%;padding:2rem 1.5rem 1.5rem;text-align:center;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.cute-modal-cat{font-size:4rem;margin-bottom:1rem;animation:iconPulse 2s ease-in-out infinite}.cute-modal-content{margin-bottom:2rem}.cute-modal-text{font-family:var(--font-body);font-size:1rem;color:#475569;line-height:1.5;margin:0}.cute-modal-text strong{color:#1e293b;font-weight:700}.cute-modal-actions{display:flex;flex-direction:column;gap:.75rem}.cute-btn{padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.cute-btn-keep{background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.cute-btn-keep:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.cute-btn-abandon{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.cute-btn-abandon:hover{background:#e2e8f0;color:#475569}.cute-btn:active{transform:translateY(0)}@media (max-width: 480px){.cute-modal{margin:1rem;max-width:calc(100vw - 2rem)}}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 640px){.container{padding:0 var(--space-sm)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (prefers-color-scheme: dark){:root{--background: #0F172A;--surface: #1E293B;--surface-variant: #334155;--outline: #475569;--outline-variant: #64748B;--on-surface: #F1F5F9;--on-surface-variant: #CBD5E1;--on-background: #F8FAFC}}.title-xl{font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:clamp(20px,5.3vw,28px);color:var(--text)}.caption{color:#9aa3b2;font-size:12px}.timer-digits{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;font-weight:800;font-size:clamp(44px,14vw,64px);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.card-hero{padding:var(--space-lg)}.meta-row{display:flex;gap:8px;justify-content:center;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#e9eef7;font-weight:600}.pill-low{background:#10b9811f;border-color:#10b98140;color:#d1fae5}.pill-med{background:#f59e0b1f;border-color:#f59e0b40;color:#fde68a}.segment{display:flex;gap:10px;justify-content:center}.seg-btn{padding:8px 14px;border-radius:12px;background:#ffffff0f;border:1.5px solid var(--border);color:#e8ecf5;font-weight:700}.seg-btn:disabled{opacity:.45;filter:saturate(.7)}.action-stack{display:flex;flex-direction:column;gap:10px}.row-2{display:flex;gap:10px}.btn-xl{height:56px;font-size:18px;border-radius:14px}.btn-success{background:#22c55e;color:#fff}.btn-danger-ghost{background:transparent;border:2px solid #ef4444;color:#ef4444}.btn-md{height:48px;font-size:16px;border-radius:12px}.row-2.equal>*{flex:1}.mb-md{margin-bottom:14px}.mb-lg{margin-bottom:20px}.mt-md{margin-top:14px}.mb-xl{margin-bottom:28px}.timer-row{display:flex;align-items:center;justify-content:center;gap:12px}.timer-nudge{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1.5px solid var(--border);color:#e8ecf5;font-weight:800;font-size:18px}.timer-nudge:disabled{opacity:.45}.smart-suggestions{width:100%}.smart-suggestions-unavailable{margin-bottom:1rem}.suggestion-header{display:flex;justify-content:center;margin-bottom:1rem}.suggestions-list{background-color:var(--surface-variant);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.suggestion-item{text-align:left;font-size:.875rem;transition:all .2s ease}.suggestion-item:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--on-primary)}.suggestions-footer{text-align:center;border-top:1px solid var(--outline);padding-top:var(--space-md)}.voice-settings{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background-color:var(--surface-variant);border-radius:var(--radius-lg);border:1px solid var(--outline)}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-label{font-weight:600;color:var(--on-surface)}.setting-status{font-size:.875rem}.status-enabled{color:var(--success);font-weight:600}.status-disabled{color:var(--error);font-weight:600}.setting-description{font-size:.875rem;color:var(--on-surface-variant);margin-top:var(--space-sm)}.task-row.simple{display:grid;grid-template-columns:32px 1fr 16px 24px;align-items:center;gap:12px;padding:10px 12px;border-radius:8px}.task-index{font-size:12px;color:#fff9;text-align:left}.task-title{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-delete{background:transparent!important;border:none!important;color:var(--on-surface-variant);font-size:18px;line-height:1;cursor:pointer;padding:0;justify-self:end}.task-row.simple:hover{background:#ffffff0d}.task-row.simple{display:grid;grid-template-columns:32px 1fr 14px 28px;align-items:center;gap:12px;padding:10px 12px;border-radius:8px}.task-index{font-size:12px;color:#fff9}.task-title{color:#fff;font-weight:500;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.energy-dot{width:12px;height:12px;border-radius:50%;justify-self:center}.energy-dot.low{background:#22c55e}.energy-dot.medium{background:#eab308}.energy-dot.high{background:#ef4444}.task-delete{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--on-surface-variant);font-size:18px;line-height:1;cursor:pointer;padding:0;justify-self:end;touch-action:manipulation}.task-delete:hover{color:#ef4444}.task-row-time{display:none!important}@media (max-width: 480px){.task-row.simple{grid-template-columns:24px 1fr 12px 28px;gap:8px;padding:10px 8px}.task-title{font-size:13px;-webkit-line-clamp:2}.energy-dot{width:10px;height:10px}.task-delete{font-size:20px;padding:4px;margin-right:-2px}}