:root{--ink:#233d39;--muted:#62756e;--green:#276851;--paper:#f6f7f1;--line:#dce3d9;--pale:#e6eee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1192px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:116px;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-weight:750;font-size:19px}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.mark{width:44px;height:44px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font:italic 30px Georgia,serif}.account{display:flex;align-items:center;gap:16px;font-size:13px}.account form{margin:0}button{border:0;border-radius:9px;background:var(--green);color:white;font:inherit;font-weight:650;padding:12px 22px;cursor:pointer;min-height:44px}button:hover{background:#194e3b}.quiet{background:transparent;border:1px solid var(--line);color:var(--ink);padding:8px 16px}.quiet:hover{background:var(--pale)}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:48px 0 30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:var(--green)}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.1px;font-size:clamp(30px,4vw,46px);line-height:1.16;margin:12px 0}p{color:var(--muted)}.intro p{margin:12px 0 0}.progress{min-width:180px;border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;color:var(--muted);font-size:13px}.progress strong{color:var(--green);font-size:40px;font-weight:600;line-height:1.3}.progress strong span{font-size:24px;color:var(--muted)}.sync-box{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#edf0e7;font-size:12px}.sync-box strong{font-size:13px}.sync-box p{margin:5px 0 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b08030;margin-right:8px}.pill{white-space:nowrap;background:#fff6dc;color:#73561c;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:650}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:26px 0 40px}.calendar-day{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 6px;text-decoration:none;color:var(--muted);font-size:12px}.calendar-day strong{font-size:25px;font-weight:550;color:var(--ink);margin:2px 0}.calendar-day small{font-size:10px}.calendar-day:hover{border-color:var(--green)}.calendar-day.today{background:var(--green);color:#f5fff8;border-color:var(--green)}.calendar-day.today strong{color:white}.schedule{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.day-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.day-heading h2{font-size:18px;margin:0}.day-heading h2 span{font-weight:400;color:var(--muted);margin-left:8px}.day-heading>span{font-size:11px;color:var(--muted)}.task{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:14px;box-shadow:0 4px 10px #233d3903}.task-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.subject{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--green);font-weight:750;overflow-wrap:anywhere}.task-state{font-size:11px;color:#8a671b;white-space:nowrap}.is-done .task-state{color:var(--green)}.is-done{background:#fafff8}.task-body{color:var(--ink);font-size:15px;margin:18px 0;overflow-wrap:anywhere}.task label{font-size:12px;color:var(--muted)}label{display:block;font-weight:600}input:not([type=checkbox]),textarea{display:block;font:inherit;background:#fcfdf9;color:var(--ink);padding:11px 12px;border:1px solid #bdcbbf;border-radius:7px;width:100%;margin:7px 0 16px}textarea{resize:vertical;font-size:13px;min-height:70px}.check{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-bottom:16px;min-height:44px}.check input{accent-color:var(--green);width:19px;height:19px}.task-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.task-bottom small{font-size:10px;color:var(--muted)}.save{font-size:12px;padding:8px 18px}.empty{padding:21px;border:1px dashed #cfd9cc;border-radius:12px;font-size:13px;margin:0}.attachments{font-size:12px;padding-left:20px;overflow-wrap:anywhere}.attachments small{display:block;color:var(--muted)}.notice{background:#fff4d7;border:1px solid #e1ca90;padding:15px 20px;border-radius:10px;margin:20px 0;color:#674a17}.import,.past{margin:24px 0;background:#edf0e7;border:1px solid var(--line);border-radius:12px;padding:20px}.import p,.past p{font-size:13px}summary{font-weight:650;cursor:pointer;min-height:28px}.login{max-width:480px;margin:70px auto 100px}.login h1{font-size:48px}.login>p{font-size:15px}.login-form{margin-top:30px}.login-form label{font-size:13px}.login-form button{width:100%;display:flex;justify-content:space-between}.fine{font-size:12px!important;text-align:center;margin-top:20px}footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:25px 0;margin-top:50px;color:var(--muted);font-size:11px}:focus-visible{outline:3px solid #bf821c;outline-offset:4px}@media(max-width:720px){.shell{padding:0 18px}header{min-height:100px;align-items:flex-start;flex-direction:column;gap:12px;padding:22px 0}.account{width:100%;justify-content:space-between}.intro{margin-top:30px;gap:12px}.progress{min-width:105px;padding-left:14px}.progress strong{font-size:32px}.progress strong span{font-size:18px}.progress>span{font-size:11px}.sync-box{flex-direction:column;padding:16px}.calendar{gap:5px;margin-bottom:28px}.calendar-day{padding:10px 2px}.calendar-day small{font-size:8px}.calendar-day strong{font-size:21px}.schedule{grid-template-columns:1fr;gap:24px}.task{padding:18px}.login{margin:44px auto 70px}.login h1{font-size:42px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}