:root{font-family:DM Sans,sans-serif;color:#23332d;background:#f5f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #e8a34c;outline-offset:3px}.app-shell{max-width:1440px;min-height:100vh;margin:auto;padding:0 7%;display:flex;flex-direction:column}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddded4;gap:1rem}.brand{color:#25382e;text-decoration:none;font-weight:700;font-size:1.5rem;letter-spacing:-.06em;white-space:nowrap}.brand-mark{display:inline-block;font-size:1.8rem;color:#db8752;margin-right:.25rem;vertical-align:-.1em}.brand-dot{color:#db8752}.account{display:flex;gap:1rem;align-items:center;min-width:0;font-size:.85rem}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{color:#516159;background:none;border:0;padding:.5rem;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}main{flex:1;width:min(100%,750px);margin:0 auto;padding:78px 0 75px}.intro{text-align:center;margin-bottom:42px}.eyebrow,.section-label,.count,.card-footer,.page-footer{font-size:.65rem;font-weight:700;letter-spacing:.13em}.eyebrow{color:#73847a;display:flex;gap:.55rem;align-items:center;justify-content:center}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#dc976b}h1,h2,h3,p{margin:0}h1{margin-top:21px;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.8rem,7vw,4.8rem);line-height:1.07;letter-spacing:-.055em;font-weight:600}h1 em{color:#7d9781;font-weight:600}.intro p{color:#7d8981;margin-top:18px;font-size:.98rem}.card{background:#fffefa;border:1px solid #e8e9df;border-radius:15px;padding:34px 38px 0;box-shadow:0 18px 55px #30413512}.card-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:25px}.section-label{color:#a4ada2}.card-heading h2,.welcome h2{font-family:Playfair Display,Georgia,serif;letter-spacing:-.035em;font-size:1.7rem;margin-top:7px}.card-heading h2 span{color:#d99769;font:1rem DM Sans,sans-serif;vertical-align:middle}.count{color:#8c9a8d;background:#f1f3eb;padding:9px 11px;border-radius:30px;white-space:nowrap}.add-form{display:flex;border:1px solid #e3e7dd;background:#fafbf7;border-radius:9px;padding:5px;gap:5px}.add-form input{flex:1;min-width:0;background:transparent;border:0;padding:12px;color:#23332d}input::placeholder{color:#a8b1a7}.add-button{border:0;border-radius:6px;background:#536f5c;color:#fff;padding:0 17px;font-size:.8rem;font-weight:700;white-space:nowrap}.add-button span{font-size:1.2rem;vertical-align:-.06em;margin-right:3px}.welcome{padding:25px 0 48px;text-align:center}.welcome-icon,.empty-icon{color:#d99a71;font-size:2rem}.welcome p,.empty p{margin-top:10px;color:#87958a;font-size:.9rem;line-height:1.6}.google-button{background:#fff;border:1px solid #dfe5dc;border-radius:8px;margin-top:26px;padding:13px 22px;color:#263c30;font-weight:700;box-shadow:0 3px 8px #253c3010}.google-mark{font-weight:700;color:#4285f4;font-size:1.15rem;margin-right:10px}.welcome .setup-note{font-size:.8rem}.empty{text-align:center;padding:54px 0}.empty h3{margin-top:12px;font-family:Playfair Display,Georgia,serif;font-size:1.15rem}.task-list{list-style:none;margin:19px 0 0;padding:0}.task{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #f0f1eb}.check{position:relative;display:grid;place-items:center;flex:none;cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:20px;height:20px;border:1px solid #cbd4c8;border-radius:6px;cursor:pointer}.check input:checked{background:#76917b;border-color:#76917b}.checkmark{position:absolute;color:#fff;font-size:.8rem;pointer-events:none;opacity:0}.check input:checked~.checkmark{opacity:1}.task-title{flex:1;overflow-wrap:anywhere;font-size:.94rem}.task-title.done{color:#a6b0a7;text-decoration:line-through}.task-actions{display:flex;gap:8px}.task-actions button,.edit-form button,.more-button{border:0;background:none;color:#758779;font-size:.78rem;padding:5px}.task-actions button:last-child{color:#b38072}.edit-form{display:flex;align-items:center;flex:1;gap:6px;min-width:0}.edit-form input{min-width:0;flex:1;border:1px solid #cbd4c8;border-radius:5px;padding:7px}.more-button{display:block;margin:16px auto;text-decoration:underline}.status{text-align:center;color:#7d8981;padding:38px 0}.alert{color:#943f33;background:#fbefeb;border:1px solid #efd6cf;border-radius:8px;padding:12px 14px;margin-bottom:20px;font-size:.85rem;line-height:1.5}.card-footer{display:flex;justify-content:space-between;gap:1rem;color:#a1aea2;border-top:1px solid #eff1e9;margin-top:24px;padding:20px 0;letter-spacing:.07em}.page-footer{display:flex;justify-content:space-between;gap:1rem;color:#a9b4a9;border-top:1px solid #ddded4;padding:25px 0}.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}@media(max-width:600px){.app-shell{padding:0 20px}.topbar{height:75px}.account-name{max-width:100px}main{padding:54px 0}.card{padding:26px 20px 0}.add-button{padding:0 10px}.card-footer span:last-child{display:none}.task{flex-wrap:wrap}.task-actions{margin-left:auto}}