:root{color:#202332;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#faf9f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app{min-height:100vh;padding-bottom:100px}.header{background:#fff;border-bottom:1px solid #eeedf2;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:18px;font-weight:750;display:flex}.brand-icon{color:#fff;background:#7058e8;border-radius:11px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.header-label{color:#6247d6;background:#f1edff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:650}.main{width:min(100%,760px);margin:0 auto;padding:42px 22px}.eyebrow,.card-label{color:#7058e8;letter-spacing:1.3px;font-size:11px;font-weight:750}.welcome h1{letter-spacing:-1.5px;margin:14px 0;font-size:clamp(30px,7vw,46px);line-height:1.13}.subtitle{color:#5b6578;margin-bottom:36px;font-size:15px;line-height:1.7}.progress-card{background:#e7f0ff;border-radius:22px;margin-bottom:36px;padding:25px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:8px 0 20px;font-size:20px}.progress-value{color:#6247d6;font-size:27px;font-weight:800}.progress-track{background:#d3ddf0;border-radius:20px;height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:#7058e8;height:100%;transition:width .25s}.progress-caption{color:#5b6578;margin:13px 0 0;font-size:13px}.tasks-section{background:#fff;border:1px solid #eeedf2;border-radius:22px;padding:25px}.task-count{color:#5b6578;font-size:12px}.task-list{gap:12px;display:grid}.task-item{cursor:pointer;background:#faf9f7;border-radius:13px;align-items:center;gap:14px;min-height:54px;padding:12px 14px;display:flex}.task-item input{accent-color:#7058e8;flex-shrink:0;width:19px;height:19px}.task-title{font-size:14px;line-height:1.5}.task-title.completed{color:#8b91a0;text-decoration:line-through}.demo-note{color:#777f90;margin:20px 0 0;font-size:12px}.bottom-nav{width:100%;padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eeedf2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}.nav-item{color:#777f90;padding:10px 12px;font-size:12px;font-weight:600}.nav-item.active{color:#6247d6;background:#f1edff;border-radius:11px}@media (width>=768px){.main{padding-top:64px}.bottom-nav{border:1px solid #eeedf2;border-radius:18px 18px 0 0;width:min(100%,760px);left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}