@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600&family=DM+Sans:wght@400;500;600&display=swap";:root{color:#18312c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3efe4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body,#root{min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #18312c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--ink:#18312c;--paper:#f3efe4;--cream:#fffaf0;--sun:#f5c842;--coral:#e97553;--sage:#9db69c;--line:#18312c38}.app-shell{background:radial-gradient(circle at 92% 2%, #f5c84233, transparent 22rem), var(--paper);min-height:100vh;overflow:hidden}.topbar,main,footer{width:min(1040px,100% - 40px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:inherit;letter-spacing:-.03em;align-items:center;gap:10px;font-family:Bricolage Grotesque,sans-serif;text-decoration:none;display:flex}.brand strong{font-weight:600}.brand-mark{background:var(--sun);border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.leave-dates{letter-spacing:.02em;flex:none;font-size:12px;font-weight:600}.overview-section{border-bottom:1px solid var(--line);padding:72px 0 92px}.overview-header{display:block}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif}h1{align-items:baseline;gap:18px;margin:0;line-height:.84;display:flex}h1 strong{letter-spacing:-.09em;font-size:clamp(86px,13vw,150px);font-weight:500}h1 span{letter-spacing:.1em;text-transform:uppercase;max-width:110px;font-size:13px;font-weight:700;line-height:1.2}.progress-view{border-top:1px solid var(--ink);margin-top:52px;padding:34px 0 10px}.timeline-labels{grid-template-columns:repeat(3,1fr);display:grid}.timeline-labels span{flex-direction:column;gap:5px;display:flex}.timeline-labels span:nth-child(2){text-align:center}.timeline-labels span:last-child{text-align:right}.timeline-labels b{font-family:Bricolage Grotesque,sans-serif;font-size:16px}.timeline-labels small{color:#18312c9e;font-size:11px}.timeline-track{background:#18312c21;border-radius:99px;height:6px;margin:42px 0 18px;position:relative}.timeline-fill{width:var(--progress-position);border-radius:inherit;background:var(--coral);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both progress-fill-in}.timeline-marker{top:50%;left:var(--progress-position);border:5px solid var(--paper);background:var(--sun);width:24px;height:24px;box-shadow:0 0 0 1px var(--ink);border-radius:50%;animation:.7s cubic-bezier(.22,1,.36,1) both progress-marker-in;position:absolute;transform:translate(-50%,-50%)}@keyframes progress-fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progress-marker-in{0%{left:0}to{left:var(--progress-position)}}.calendar-view{border-top:1px solid var(--ink);margin-top:38px;padding:26px 0 0}.calendar-months{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;display:grid}.mini-month{min-width:0}.mini-month h3{letter-spacing:-.015em;margin:0 0 10px;font-size:14px;font-weight:600}.week-row,.month-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-row{margin-bottom:4px}.week-row span{color:#18312c6e;text-align:center;font-size:8px;font-weight:700}.calendar-day,.day-spacer{aspect-ratio:1}.calendar-day{color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:9px;display:grid;position:relative}.calendar-day>span{z-index:1;position:relative}.calendar-day.is-outside{color:#18312c3d}.calendar-day.is-ahead{box-shadow:inset 0 0 0 1px #18312c14}.calendar-day.is-past{color:#18312c73}.calendar-day.is-past:before,.calendar-day.is-past:after{content:"";background:var(--coral);border-radius:99px;width:64%;height:1.5px;position:absolute;left:18%;transform:rotate(45deg)}.calendar-day.is-past:after{transform:rotate(-45deg)}.calendar-view.is-idle .calendar-day.is-past:before,.calendar-view.is-idle .calendar-day.is-past:after{opacity:0}.calendar-view.is-playing .calendar-day.is-past:before{animation:.26s cubic-bezier(.22,1,.36,1) both cross-in-forward;animation-delay:calc(var(--past-index) * var(--cross-step))}.calendar-view.is-playing .calendar-day.is-past:after{animation:.26s cubic-bezier(.22,1,.36,1) both cross-in-back;animation-delay:calc(var(--past-index) * var(--cross-step))}.calendar-day.is-today{background:var(--sun);box-shadow:inset 0 0 0 1px var(--ink);font-weight:700}.calendar-view.is-idle .calendar-day.is-today{opacity:.35;transform:scale(.72)}.calendar-view.is-playing .calendar-day.is-today{animation:.32s cubic-bezier(.22,1,.36,1) both today-arrive;animation-delay:calc(var(--past-count) * var(--cross-step) + .1s)}@keyframes cross-in-forward{0%{opacity:0;transform:rotate(45deg)scaleX(0)}70%{opacity:1;transform:rotate(45deg)scaleX(1.12)}to{opacity:1;transform:rotate(45deg)scaleX(1)}}@keyframes cross-in-back{0%{opacity:0;transform:rotate(-45deg)scaleX(0)}70%{opacity:1;transform:rotate(-45deg)scaleX(1.12)}to{opacity:1;transform:rotate(-45deg)scaleX(1)}}@keyframes today-arrive{0%{opacity:.35;transform:scale(.72)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.intentions-section{padding:82px 0 96px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:32px;display:flex}h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1}.completion-count{letter-spacing:.08em;font-size:13px;font-weight:700}.add-task{grid-template-columns:1fr 150px auto;gap:10px;margin-bottom:30px;display:grid}.add-task input,.add-task select{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fffaf0b3;border-radius:0;padding:14px 16px;font-size:16px}.add-task input::placeholder{color:#18312c7a}.add-task select option{background:var(--cream);color:var(--ink)}.add-task button{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--cream);cursor:pointer;padding:0 22px;font-weight:700}.task-list{border-top:1px solid var(--ink)}.task{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr 48px;align-items:center;min-height:104px;transition:opacity .16s;display:grid}.task.is-done{opacity:.52}.task.is-done h3{text-decoration:line-through}.check,.remove{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.check{border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;font-size:11px;font-weight:700}.is-done .check{background:var(--sage)}.task-copy{padding:18px 0}.task h3{letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(21px,3vw,30px);font-weight:500;line-height:1.08}.category{letter-spacing:.12em;text-transform:uppercase;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.category-family{background:#f5c8428c}.category-self{background:#9db69c80}.category-admin{background:#18312c1c}.category-adventure{background:#e9755347}.remove{opacity:.45;font-size:24px}.remove:hover{opacity:1}.empty-state{color:#18312c99;text-align:center;margin:0;padding:44px 0}footer{border-top:1px solid var(--line);color:#18312c99;justify-content:flex-end;padding:28px 0;font-size:11px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=768px){.topbar,main,footer{width:calc(100vw - 28px);margin-inline:14px}.topbar{height:68px}.overview-section{padding:48px 0 66px}h1 strong{font-size:clamp(82px,28vw,120px)}.progress-view{margin-top:38px;padding-top:26px}.timeline-labels{gap:8px}.timeline-labels b{font-size:14px}.timeline-labels small{font-size:10px}.timeline-track{margin-top:34px}.calendar-view{margin-top:30px;padding-top:20px}.calendar-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.intentions-section{padding:62px 0 72px}.add-task{grid-template-columns:1fr 118px}.add-task button{grid-column:1/-1}.task{grid-template-columns:56px 1fr 44px;min-height:96px}footer{text-align:center;justify-content:center}}@media (width<=420px){.brand{font-size:14px}.leave-dates{text-align:right;max-width:110px;line-height:1.35}h1{gap:12px}h1 strong{font-size:82px}h1 span{max-width:90px;font-size:11px}.calendar-months{gap:20px 8px}.mini-month h3{font-size:12px}.calendar-day{font-size:8px}.add-task{grid-template-columns:1fr}.add-task button{grid-column:auto}}