*,*:before,*:after{margin:0;box-sizing:border-box}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;background:none;border:none;outline:none}motif-header::part(motif-header){padding-left:0}motif-sidebar{position:fixed;height:100%;z-index:100}h1.motif-h1-regular,h2.motif-h5-bold,.buttons__wrapper,.cards__wrapper{margin:1rem 0}.item{height:100%;max-width:100%;border-radius:8px;margin:0;width:100%;object-fit:cover}.todo-home{min-height:100vh}.todo-app-shell{min-height:100vh;width:100%;padding:clamp(1rem,2.5vw,2rem);background:radial-gradient(circle at 100% 0%,rgba(255,234,195,.75),transparent 45%),radial-gradient(circle at 0% 100%,rgba(235,247,255,.75),transparent 45%),#f6f7fb;box-sizing:border-box}.todo-app{width:min(100%,1080px);margin:0 auto;display:grid;gap:1.25rem}.todo-app-header{background:#fff;border:1px solid #dde4ee;border-radius:14px;padding:1.25rem}.todo-app-title{margin:0;color:#0f2037}.todo-app-subtitle{margin:.35rem 0 0;color:#3c4f67}.todo-grid{display:grid;gap:1rem;grid-template-columns:minmax(280px,1fr) minmax(320px,1.4fr);align-items:start}.todo-form-card,.todo-item-card,.todo-empty-card{width:100%}.todo-form-mode{margin:0;color:#455971;font-size:.9rem}.todo-form-fields{margin-top:.85rem;display:grid;gap:.85rem}.todo-form-error{min-height:1.2rem;margin:.5rem 0 0;color:#b92525;font-size:.85rem}.todo-form-actions{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.todo-list-wrapper{width:100%}.todo-list{display:grid;gap:.85rem}.todo-item-header{display:flex;gap:.75rem;justify-content:space-between;align-items:center}.todo-item-title{margin:0;font-size:1rem;color:#13243f}.todo-item-title-complete{color:#4b5f79;text-decoration:line-through}.todo-status{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;white-space:nowrap}.todo-status-open{background:#e6f2ff;color:#114b91}.todo-status-complete{background:#e7f8ef;color:#13663a}.todo-item-description{margin:0;color:#2a405c;line-height:1.45}.todo-item-meta{margin:.5rem 0 0;color:#5d7088;font-size:.8rem}.todo-item-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.todo-empty-copy{margin:0;color:#3f5269}@media(max-width:920px){.todo-grid{grid-template-columns:1fr}.todo-form-actions{justify-content:flex-start}}.main__content{display:flex}