@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-top: #e7f8f6;--bg-middle: #f7f5ef;--bg-bottom: #fffdf9;--shape-one: rgba(15, 118, 110, .14);--shape-two: rgba(249, 115, 22, .16);--card-shadow: 0 20px 50px rgba(16, 42, 67, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,var(--bg-top) 0%,var(--bg-middle) 45%,var(--bg-bottom) 100%)}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:44px 16px;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;z-index:0;border-radius:999px;filter:blur(2px)}.app-shell:before{width:360px;height:360px;top:-120px;right:-80px;background:var(--shape-one)}.app-shell:after{width:300px;height:300px;bottom:-90px;left:-100px;background:var(--shape-two)}.content-wrap{position:relative;z-index:1}.hero-card{padding:28px;border:1px solid rgba(72,101,129,.16);box-shadow:var(--card-shadow);animation:rise-in .48s ease-out}.create-form{margin-top:22px;display:grid;grid-template-columns:1fr auto;gap:12px}.loading-wrap{min-height:180px}.todo-list{margin-top:18px;border-radius:12px;border:1px solid rgba(72,101,129,.2);background-color:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.todo-row{animation:rise-in .36s ease-out}.empty-state{text-align:center;padding:36px 12px}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.app-shell{padding:22px 10px}.hero-card{padding:20px 14px}.create-form{grid-template-columns:1fr}}
