:root{color-scheme:light;--bg-top: #f6efe5;--bg-bottom: #dbece7;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--border: rgba(31, 122, 109, .16);--text-main: #183730;--text-soft: #5b6f6a;--brand: #1f7a6d;--brand-dark: #15594f;--want: #efb366;--must: #db6a57;--done: #89b8ad;--danger: #9a3f35;--shadow: 0 18px 40px rgba(24, 55, 48, .12);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(239,179,102,.24),transparent 24%),radial-gradient(circle at bottom left,rgba(31,122,109,.18),transparent 30%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero{padding:32px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.hero-copy{max-width:620px;margin:16px 0 0;color:var(--text-soft);font-size:1.05rem}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.stat-card{padding:18px;border-radius:var(--radius-md);background:#ffffffc7;border:1px solid rgba(31,122,109,.12)}.stat-number{display:block;font-size:2rem;font-weight:700}.stat-label{color:var(--text-soft)}.task-form{padding:28px 32px 32px}.form-heading h2,.section-header h2{margin:0}.form-heading p{margin:8px 0 0;color:var(--text-soft)}.category-toggle{display:inline-flex;gap:12px;margin:24px 0 18px;padding:6px;background:#1f7a6d14;border-radius:999px}.toggle-button{border:0;padding:10px 18px;border-radius:999px;background:transparent;color:var(--brand-dark);transition:background-color .2s ease,color .2s ease,transform .2s ease}.toggle-button.active{background:#efb36647}.toggle-button.active.must{background:#db6a5733}.task-entry-row{display:grid;grid-template-columns:1fr auto;gap:12px}.task-input,.task-select{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(31,122,109,.18);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-main)}.task-input:focus,.task-select:focus,.primary-button:focus,.ghost-button:focus,.danger-button:focus,.toggle-button:focus{outline:3px solid rgba(31,122,109,.18);outline-offset:2px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.section-panel{padding:24px}.section-panel.done{margin-top:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-count{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:700;background:#1f7a6d1a}.want .section-count{background:#efb36638}.must .section-count{background:#db6a572e}.done .section-count{background:#89b8ad3d}.task-list{display:grid;gap:14px}.task-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-radius:var(--radius-md);background:#ffffffe0;border:1px solid rgba(31,122,109,.1)}.task-card.completed{opacity:.88}.task-copy{flex:1}.task-copy h3{margin:10px 0 0;font-size:1rem}.task-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#efb36638;color:#8b5a20;font-size:.82rem;font-weight:700}.task-badge.must{background:#db6a572e;color:#8d3f34}.task-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.task-edit-form{width:100%;display:grid;gap:12px}.edit-input{min-height:48px}.primary-button,.ghost-button,.danger-button{border:0;min-height:44px;padding:0 16px;border-radius:999px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.primary-button{background:var(--brand);color:#fff}.ghost-button{background:#1f7a6d1a;color:var(--brand-dark)}.danger-button{background:#9a3f351f;color:var(--danger)}.small{min-height:38px;padding:0 14px}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.toggle-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.72;transform:none}.empty-state{margin:0;padding:18px;border-radius:var(--radius-md);background:#ffffff9e;color:var(--text-soft)}@media (max-width: 820px){.content-grid,.stats-row,.task-entry-row{grid-template-columns:1fr}.task-card{flex-direction:column}.task-actions{width:100%;justify-content:flex-start}}@media (max-width: 560px){.app-shell{width:min(100% - 20px,1100px);padding-top:20px}.hero,.task-form,.section-panel{padding:20px}.category-toggle{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}}