@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--accent-primary:#ff5a5f;--accent-hover:#e35054;--accent-secondary:#007a87;--accent-success:#007a87;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--glass-bg:#ffffffb3;--glass-border:#0000000d;--glass-shadow:0 8px 32px 0 #0000000d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#131b2c;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--glass-bg:#131b2c99;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,sans-serif;transition:background-color .4s,color .4s,border-color .4s}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseFade{0%{box-shadow:0 0 #38bdf866}70%{box-shadow:0 0 0 15px #38bdf800}to{box-shadow:0 0 #38bdf800}}.container{max-width:480px;padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);animation:.5s ease-out forwards slideUp}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-hover) 100%);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;width:100%;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #ff5a5f63}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff5a5f80}.btn-primary:active{transform:scale(.98)}.app-header{text-align:center;margin-bottom:var(--spacing-xl)}.app-header h1{margin-bottom:var(--spacing-xs);font-size:1.8rem;font-weight:700}.app-header p{color:var(--text-muted);font-size:.9rem}.task-stats{margin-bottom:var(--spacing-lg);justify-content:space-between;display:flex}.stat-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;margin:0 var(--spacing-xs);border:1px solid var(--bg-tertiary);flex:1}.stat-value{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}