@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#2d1d18;background:#d4ad78;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(67,39,28,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(67,39,28,.13) 1px,transparent 1px),#d4ad78;background-size:22px 22px}button,input{font:inherit}button{cursor:pointer}.page-shell{display:grid;min-height:100vh;padding:42px 18px;place-items:center}.app-window{width:min(100%,820px);border:4px solid #2d1d18;background:#f2dfb8;box-shadow:12px 12px #5b3525}.hero{display:flex;justify-content:space-between;gap:16px;padding:28px 30px;border-bottom:4px solid #2d1d18;background:#be7047}.eyebrow,footer p{margin:0;font:500 11px/1.4 DM Mono,monospace;letter-spacing:1px}h1{margin:2px 0 0;font-size:clamp(44px,9vw,76px);letter-spacing:-7px;line-height:.95}h1 span{color:#f2dfb8}.tagline{margin:12px 0 0;font:500 14px/1.5 DM Mono,monospace}.stamp{display:grid;width:86px;height:86px;flex:0 0 auto;align-content:center;border:3px solid #2d1d18;background:#e5c792;box-shadow:5px 5px #2d1d18;text-align:center;transform:rotate(4deg)}.stamp strong{font-size:27px;line-height:1}.stamp small{font:500 11px DM Mono,monospace}.dashboard{padding:20px 30px;border-bottom:3px solid #2d1d18;background:#e9c98f}.stat-block{display:flex;align-items:center;justify-content:space-between}.stat-block span,.dashboard p,label{font:500 12px DM Mono,monospace;letter-spacing:.5px}.stat-block strong{font-size:32px}.dashboard p{margin:8px 0 0}.progress-track{height:17px;border:3px solid #2d1d18;background:#f2dfb8}.progress-fill{height:100%;background:#6f8b55;transition:width .25s ease}.add-form{padding:22px 30px 14px}label{display:block;margin-bottom:8px}.input-row{display:flex;gap:12px}input{min-width:0;flex:1;padding:14px;border:3px solid #2d1d18;outline:none;background:#fff4d7;box-shadow:4px 4px #2d1d18}input:focus{background:#fffaf0;transform:translate(-1px,-1px)}.primary-button,.filter,footer button,.task-actions button{border:3px solid #2d1d18;background:#be7047;box-shadow:4px 4px #2d1d18;color:#2d1d18;font:700 12px DM Mono,monospace}.primary-button{padding:0 18px}button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #2d1d18}button:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.filter-row{display:flex;gap:8px;padding:8px 30px 18px}.filter{padding:8px 14px;background:#e9c98f}.filter.active{background:#5b3525;color:#f2dfb8}.task-list{display:grid;gap:12px;padding:0 30px 26px}.task-card{display:flex;gap:14px;align-items:center;padding:14px;border:3px solid #2d1d18;background:#fff4d7;box-shadow:5px 5px #7b4d35}.task-card.completed{background:#d3d39d}.task-card p{flex:1;margin:0;word-break:break-word}.task-card.completed p{color:#6c604b;text-decoration:line-through 3px}.check-button{width:28px;height:28px;flex:0 0 auto;border:3px solid #2d1d18;background:#f2dfb8;font-weight:700;line-height:1}.completed .check-button{background:#6f8b55}.edit-input{padding:7px;box-shadow:2px 2px #2d1d18}.task-actions{display:flex;gap:6px}.task-actions button{padding:6px 8px;background:#e9c98f;box-shadow:2px 2px #2d1d18;font-size:10px}.task-actions button:last-child{background:#d98966}.empty-state{padding:30px;border:3px dashed #5b3525;text-align:center}.empty-state strong{font-size:30px}.empty-state p{margin:5px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 30px;border-top:3px solid #2d1d18;background:#e9c98f}footer button{padding:8px 10px;background:#f2dfb8;box-shadow:3px 3px #2d1d18}button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:600px){.page-shell{padding:18px 10px}.app-window{box-shadow:7px 7px #5b3525}.hero,.dashboard,.add-form,.filter-row,.task-list,footer{padding-left:16px;padding-right:16px}.stamp{width:69px;height:69px}.input-row{flex-direction:column}.primary-button{padding:12px}.task-card{align-items:flex-start;flex-wrap:wrap}.task-card p,.edit-input{width:calc(100% - 42px)}.task-actions{width:100%;padding-left:42px}footer{align-items:flex-start;flex-direction:column}}