:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#1d1a15;background:radial-gradient(circle at top left,rgba(242,205,122,.35),transparent 28%),linear-gradient(160deg,#f6efe3,#efe2cf 42%,#d6d9d2);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #1d1a15;--muted: #625a4f;--panel: rgba(255, 251, 245, .82);--panel-strong: rgba(255, 248, 236, .94);--line: rgba(89, 73, 48, .16);--accent: #a95f2a;--accent-strong: #7e4316;--success: #4f7a52;--danger: #a13737;--shadow: 0 24px 60px rgba(70, 45, 23, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(169,95,42,.28);outline-offset:2px}.app-shell{position:relative;min-height:100vh;padding:32px 16px;overflow:hidden}.background-orb{position:absolute;border-radius:999px;filter:blur(12px);opacity:.8}.orb-one{top:-120px;right:-20px;width:280px;height:280px;background:#de8b442e}.orb-two{bottom:40px;left:-40px;width:220px;height:220px;background:#789a7b2e}.app-card{position:relative;z-index:1;width:min(100%,920px);margin:0 auto;display:grid;gap:18px}.hero,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:var(--shadow)}.hero{padding:32px;animation:rise .5s ease-out}.panel{padding:22px;animation:rise .6s ease-out}.panel-highlight{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel-strong)}.eyebrow,.panel-label,.toolbar-note,.helper-text,.task-state,.panel-note{color:var(--muted)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.hero h1,.empty-state h2{font-family:Georgia,Times New Roman,serif}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;max-width:11ch}.hero-copy{max-width:54ch;margin:16px 0 0;color:var(--muted);font-size:1.05rem}.panel-label,.input-label{display:block;margin-bottom:10px;font-size:.94rem;font-weight:700}.panel-value{display:block;font-size:clamp(2.4rem,5vw,3.8rem);line-height:.95}.panel-note{margin:0;max-width:24ch;text-align:right}.task-form{display:grid;gap:10px}.task-form-row,.toolbar,.task-item,.task-main,.task-actions,.filter-group{display:flex}.task-form-row,.toolbar,.task-item{gap:12px}.task-form-row input,.edit-block input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#ffffffbf;color:var(--ink)}button{border:0;border-radius:14px;padding:12px 16px;background:var(--accent);color:#fffaf5;transition:transform .18s ease,background .18s ease}button:hover{transform:translateY(-1px);background:var(--accent-strong)}button.ghost,.filter{background:#fff9;color:var(--ink);border:1px solid var(--line)}button.danger{background:var(--danger)}.toolbar{align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-group{flex-wrap:wrap;gap:10px}.filter.active{background:#f6dcb9;border-color:#a95f2a57}.toolbar-note,.helper-text,.task-state,.panel-note{font-size:.94rem}.helper-text{min-height:1.4em;margin:0}.task-list{display:grid;gap:14px;list-style:none;margin:0;padding:0}.task-item{align-items:flex-start;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:20px;background:#ffffff94}.task-main{flex:1;gap:14px;min-width:0}.task-content{flex:1;min-width:0}.task-text{margin:0 0 8px;font-size:1.05rem;word-break:break-word}.task-state{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff8ecf2}.task-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.checkbox-wrap{position:relative;width:24px;height:24px;flex:0 0 auto}.checkbox-wrap input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.checkbox-ui{display:block;width:24px;height:24px;border-radius:8px;border:1px solid rgba(79,122,82,.38);background:#ffffffe6}.checkbox-wrap input:checked+.checkbox-ui{background:linear-gradient(140deg,#72976a,#4f7a52);box-shadow:inset 0 0 0 4px #fffc}.is-complete .task-text{color:var(--muted);text-decoration:line-through}.empty-state{padding:14px 6px 4px;text-align:center}.empty-state h2{margin:0 0 10px;font-size:1.8rem}.empty-state p{margin:0 auto;max-width:42ch;color:var(--muted)}.edit-block{display:grid;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.app-shell{padding:18px 12px 28px}.hero,.panel{border-radius:20px;padding:18px}.panel-highlight,.task-item,.task-main,.task-form-row,.toolbar{flex-direction:column}.panel-note,.task-actions{text-align:left;justify-content:flex-start}.task-actions button,.task-form-row button{width:100%}}