:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#2c3e50;font-synthesizes:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color:#f1f5f9;background-color:#0f172a}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}*{box-sizing:border-box}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:3rem 1rem;display:flex}.zenith-card{background:var(--bg-card,#fff);border-radius:24px;width:100%;max-width:600px;padding:2.5rem;transition:background .3s;box-shadow:0 20px 40px #00000014}@media (prefers-color-scheme:dark){.zenith-card{background:#1e293b;box-shadow:0 20px 40px #0006}}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-title{align-items:center;gap:.75rem;display:flex}.logo-icon{color:#10b981}.title{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.date-text{color:#64748b;font-size:.9rem;font-weight:500}.progress-section{margin-bottom:2rem}.progress-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.progress-bar-bg{background:#e2e8f0;border-radius:99px;width:100%;height:8px;overflow:hidden}@media (prefers-color-scheme:dark){.progress-bar-bg{background:#334155}}.progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.add-task-form{gap:.5rem;margin-bottom:2rem;display:flex}.task-input{color:inherit;background:#f1f5f9;border:2px solid #0000;border-radius:12px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}@media (prefers-color-scheme:dark){.task-input{background:#0f172a}}.task-input:focus{background:0 0;border-color:#10b981;outline:none}.add-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:flex}.add-btn:hover{background:#059669;transform:scale(1.05)}.add-btn:active{transform:scale(.95)}.tasks-list{flex-direction:column;gap:.75rem;display:flex}.task-item{background:#f8fafc;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.task-item{background:#0f172a;border-color:#1e293b}}.task-item:hover{border-color:#cbd5e1;transform:translate(4px)}@media (prefers-color-scheme:dark){.task-item:hover{border-color:#334155}}.task-item.completed{opacity:.6}.task-content{cursor:pointer;flex:1;align-items:center;gap:1rem;display:flex}.checkbox{color:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.checkbox{border-color:#475569}}.task-item.completed .checkbox{background:#10b981;border-color:#10b981}.task-text{font-size:1.05rem;transition:color .2s}.task-item.completed .task-text{text-decoration:line-through}.delete-btn{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:opacity .2s}.task-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ef44441a}.empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;display:flex}