@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color:#16181d;font-synthesis:none;--paper:#f5f5f2;--ink:#16181d;--muted:#4a4d55;--line:#c9cbd0;--accent:#16181d;--accent-soft:#e6e6e1;--green:#155e4b;--bright-green:#22c55e;--green-soft:#ddf0ea;--yellow:#f4d46a;--block-orange:#e58a3a;--block-dark-green:#285a49;--block-blue:#00f;--block-purple:#8462b7;--block-pink:#ff4fa3;--block-deep-yellow:#c79a18;--block-turquoise:#2ba79b;--block-red:#c95850;--radius:0;--space:16px;--page-gutter:20px;--page-gap:18px;--content-gap:18px;--aside-width:380px;background:#faf9f5;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#faf9f5;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page{width:100%;min-height:100svh;padding:28px var(--page-gutter) 20px;background:var(--paper);flex-direction:column;margin:0;display:flex}.page__columns{gap:var(--content-gap);flex-direction:column;flex:1;min-width:0;display:flex}.page__primary,.page__aside{flex-direction:column;gap:14px;min-width:0;display:flex}.page__primary{flex:auto}.page__aside{flex:none}.section-label{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.stack{gap:var(--space);flex-direction:column;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.muted{color:var(--muted)}.grow{flex:1}.mono{font-family:IBM Plex Mono,monospace;font-size:12px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1.12}h2{font-size:13px}small{color:var(--muted)}.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}.welcome-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.welcome-form{flex-direction:column;gap:14px;width:min(100%,320px);display:flex}.welcome-form h1{font-size:30px}.welcome-form input{border:1px solid var(--ink);background:#fff;border-radius:0;outline:none;width:100%;height:48px;padding:0 12px}.welcome-form input:focus{box-shadow:inset 0 0 0 1px var(--ink)}.form-error{color:#a52626;font-size:13px}.onboarding-page{gap:var(--page-gap)}.onboarding-details{display:contents}.onboarding-calendar-layout .onboarding-copy{order:1}.onboarding-calendar-layout .calendar-panel{order:2}.onboarding-calendar-layout .onboarding-support{order:3}.onboarding-left{gap:var(--page-gap)}.calendar-step .onboarding-left,.commitments-step .onboarding-left{gap:14px}.calendar-step .onboarding-left>.icon-button,.commitments-step .onboarding-left>.icon-button{margin-bottom:4px}.onboarding-page .step-cta{width:100%;margin-top:auto}.step-panel{flex:1}.step-form{width:100%;margin-top:auto;display:flex}.calendar-legend{color:#2c2f36;align-items:center;gap:14px;font-size:12px;display:flex}.calendar-legend span,.onboarding-list h2{align-items:center;gap:6px;display:flex}.calendar-legend strong{margin-left:auto;font-family:IBM Plex Mono,monospace;font-weight:500}.fixed-swatch,.open-swatch{background:#d6d6d0;width:12px;height:12px;display:inline-block}.open-swatch{background:#fff;border:1px dashed #8a8d94;width:10px;height:10px}.selected-swatch,.labelled-swatch,.color-swatch{border:1px solid var(--ink);background:#fff;width:12px;height:12px;display:inline-block}.labelled-swatch{background:linear-gradient(90deg, var(--block-orange) 0 25%, var(--block-blue) 25% 50%, var(--block-purple) 50% 75%, var(--block-turquoise) 75%);border:0}.onboarding-list{flex-direction:column;gap:8px;display:flex}.activity-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.activity-panel__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.combined-finish{margin-top:auto}.empty-row{color:var(--muted);text-align:center;border:1px dashed #a3a6ad;padding:14px;font-size:13px}.commitment-form{border:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;padding:14px;display:flex}.commitment-form .spread{align-items:start}.commitment-form .spread .mono{text-align:right;max-width:65%}.commitment-calendar-error{min-height:18px}.color-swatch{background:var(--swatch);border:0;flex:none}.home-page{touch-action:pan-y;overscroll-behavior-x:none;gap:14px;padding-top:24px}.screen-header{align-items:flex-start;gap:12px;display:flex}.screen-header__copy{flex-direction:column;flex:1;gap:2px;display:flex}.screen-header__eyebrow{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.home-layout{flex:1}.home-sidebar{display:contents}.home-progress{flex-direction:column;order:1;gap:8px;display:flex}.home-layout>.page__primary{order:2}.progress-grid{gap:6px;display:flex}.progress-card{background:color-mix(in srgb, var(--card) 22%, white);flex:1 1 0;min-width:0;padding:6px 8px;font-size:12px}.progress-card strong,.progress-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.progress-card span{margin-top:2px;font-family:IBM Plex Mono,monospace}.home-empty{text-align:center;border:1px dashed #a3a6ad;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;padding:24px;display:flex}.home-empty small{max-width:30ch}.home-actions{flex-direction:column;order:3;gap:10px;margin-top:auto;display:flex}.home-actions .button{width:100%}.swipe-hint{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.swipe-hint i{background:#a3a6ad;width:4px;height:4px}.swipe-hint i:first-child{background:var(--ink);width:16px}.swipe-hint span{margin-left:8px}.week-page,.day-page,.tasks-page,.preview-page{gap:14px}.week-title{text-align:center;flex:1;align-self:center;font-size:20px}.icon-button-spacer{width:44px}.week-row{width:100%;min-height:60px;color:var(--ink);text-align:left;background:#fff;border:1px solid #dadad5;gap:12px;padding:8px 12px}.week-row.today{border:2px solid var(--ink)}.week-date{flex-direction:column;flex:none;width:44px;display:flex}.week-date small{font-family:IBM Plex Mono,monospace;font-size:11px}.week-date strong{font-size:20px}.week-chips{flex-wrap:wrap;flex:1;gap:4px;display:flex}.week-chip{background:color-mix(in srgb, var(--chip,#aaa) 22%, white);padding:3px 7px;font-size:11px}.week-chip.fixed{color:var(--muted);background:#e6e6e1}.week-chip.google{background:#e8f0fe;border-left:3px solid #4285f4}.week-chip.conflict{outline:1px solid #c62828}.week-timeline{display:none}.calendar-loader{min-height:60px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:11px;display:flex}.calendar-loader .icon{animation:1s ease-in-out infinite alternate calendar-pulse}.calendar-loader button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.calendar-loader.error .icon{animation:none}@keyframes calendar-pulse{to{opacity:.35}}.view-note{color:var(--muted);text-align:center;margin-top:auto;font-size:12px}.sheet-page{background:#5e6066;min-height:100svh}.sheet-context{width:100%;padding:24px var(--page-gutter);color:#d9dadd;margin:auto}.sheet{background:var(--paper);flex-direction:column;gap:16px;width:100%;margin:auto 0 0;padding:20px;display:flex}.sheet-page{flex-direction:column;display:flex}.sheet-handle{background:var(--line);width:40px;height:4px;margin:0 auto}.sheet h2{font-size:22px}.sheet-actions{gap:8px;display:flex}.sheet-actions>*{flex:1 1 0}.sheet-actions>:last-child{flex-grow:2}.change-menu{margin-top:auto}.change-choices{flex-direction:column;gap:8px;display:flex}.change-choice{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:14px;display:flex}.change-choice:hover{border-color:var(--ink)}.change-choice span{color:var(--muted);font-size:13px}.change-choice.disabled{cursor:not-allowed;opacity:.5}.time-fields{gap:12px;display:flex}.time-fields .field{flex:1 1 0;min-width:0}.option-list{--list-gap:6px;--row-padding:0;--row-background:white;--row-selected-background:#fbe9dc;--row-border:1px solid #dadad5;--list-accent:#c2550f}.option-row{align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.option-row input{width:18px;height:18px;accent-color:var(--ink);margin:0}.tasks-summary{background:color-mix(in srgb, var(--activity) 22%, white);justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.task-list{--list-gap:6px;--row-padding:10px 12px;--row-background:white;--row-border:1px solid #dadad5}.task-row{align-items:center;gap:10px;min-height:36px;display:flex}.task-row input{width:20px;height:20px;accent-color:var(--activity);margin:0}.task-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-copy small{font-family:IBM Plex Mono,monospace;font-size:11px}.task-when{background:color-mix(in srgb, var(--activity) 20%, white);white-space:nowrap;padding:3px 7px;font-size:11px}.notes-panel textarea{background:#fff1a8;border:0;min-height:260px}.notes-panel{background:#fff1a8}.notes-panel .field{gap:10px}.duration-control{align-items:center;gap:8px;display:flex}.duration-control button{border:1px solid var(--line);background:#fff;height:44px;font-size:20px}.duration-control output{border:1px solid var(--line);background:#fff;flex:1;justify-content:center;align-items:center;height:44px;font-family:IBM Plex Mono,monospace;display:flex}.completion-card{background:#fff;border:1px solid #dadad5;flex-direction:column;gap:10px;padding:12px;display:flex}.completion-options{gap:6px;display:flex}.completion-options label{border:1px solid var(--line);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;height:40px;display:flex}.completion-options label:has(input:checked){border:2px solid var(--ink);font-weight:500}.completion-options input{opacity:0;position:absolute}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.settings-page,.sync-page{gap:16px}.settings-page{max-width:760px}.settings-card{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.settings-card div{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-card p{color:var(--muted);font-size:13px}.settings-card .button{flex:none}.sync-page>.screen-header .page-header{flex:1}.range-form{align-items:end;gap:10px;display:flex}.range-form .field{flex:1}.sync-list{border:1px solid var(--line);background:#fff;flex-direction:column;max-height:55svh;display:flex;overflow:auto}.sync-row{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;padding:12px;display:flex}.sync-row:last-child{border-bottom:0}.sync-row input{width:18px;height:18px;accent-color:var(--ink);flex:none}.sync-row span{flex-direction:column;gap:3px;min-width:0;display:flex}.sync-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=760px){:root{--page-gutter:clamp(28px, 3vw, 48px);--page-gap:24px;--content-gap:clamp(28px, 3.5vw, 48px)}.page{min-height:100svh;padding:28px var(--page-gutter)}.page__columns{flex-flow:wrap;align-items:stretch}.page__primary{flex:620px}.page__aside{width:min(100%, var(--aside-width));flex:300px}.onboarding-page{padding-top:24px}.onboarding-page>.page-header{max-width:760px}.onboarding-page .step-panel{max-width:440px}.onboarding-calendar-layout{flex-flow:row}.onboarding-calendar-layout .onboarding-details{gap:var(--content-gap);flex-direction:column;flex:0 380px;order:1;min-width:280px;display:flex}.onboarding-calendar-layout .onboarding-copy,.onboarding-calendar-layout .onboarding-support{flex:none;order:initial;width:100%;max-width:none}.onboarding-calendar-layout .calendar-panel{flex:680px;order:2;width:auto;max-width:none}.combined-activities-step .activity-columns{flex-flow:row}.combined-activities-step .activity-panel{flex:1 1 0;width:auto;max-width:none}.calendar-step .calendar-grid,.commitments-step .calendar-grid{overflow-x:auto}.calendar-step .calendar-grid__head,.calendar-step .calendar-grid__row,.commitments-step .calendar-grid__head,.commitments-step .calendar-grid__row{grid-template-columns:52px repeat(var(--days), minmax(var(--cell-min-width,36px), 1fr))}.home-page{padding-right:clamp(32px,4vw,64px)}.home-page>.screen-header{width:min(100%,760px)}.home-layout .page__primary{order:1;max-width:760px}.home-sidebar{width:min(100%, var(--aside-width));flex-direction:column;flex:300px;order:2;gap:14px;min-width:0;display:flex}.home-layout .home-progress{background:#fff;border:1px solid #dadad5;padding:16px}.home-progress .progress-grid{flex-direction:column}.home-progress .progress-card{flex-basis:auto;padding:10px 12px}.home-sidebar .home-actions{width:100%;margin-top:auto}.week-page .list{scrollbar-gutter:stable;flex-flow:row;flex:1;align-items:stretch;min-height:0;padding-bottom:24px;overflow-x:auto}.week-page .list__item{flex:0 0 calc(14.2857% - 8.57143px);min-width:0;padding:0;display:flex}.week-page .calendar-loader{flex:0 0 calc(14.2857% - 8.57143px)}.week-row{flex-direction:column;flex:1;align-items:flex-start;height:auto;min-height:360px}.week-date{width:auto}.week-chips{display:none}.week-timeline{flex-direction:column;flex:1;width:100%;display:flex}.week-timeline .timeline{height:auto;min-height:var(--timeline-height);flex:1}.week-timeline .timeline__block{padding:6px;font-size:11px}.week-timeline .timeline__block>.row{flex-direction:column;align-items:flex-start;gap:2px}.week-timeline .timeline__range{font-size:9px}.day-page .timeline{width:min(100%,760px)}.tasks-layout .page__primary{order:1}.tasks-layout .tasks-overview{max-width:var(--aside-width);order:2}.tasks-summary{flex-direction:column;gap:10px}.tasks-page .home-actions{flex-flow:wrap}.tasks-page .home-actions .button{flex:220px}.sheet-page{justify-content:center;align-items:center;min-height:100svh;padding:32px}.sheet-context{display:none}.sheet{width:min(100%,680px);margin:0;padding:32px}.change-menu{margin:0}.sheet-handle{display:none}.sheet-actions{justify-content:flex-end}.sheet-actions>*{flex:0 auto;min-width:120px}.sheet-actions>:last-child{flex-grow:0}.preview-page{padding-inline:clamp(32px,8vw,160px)}}.page-header{flex-direction:column;gap:6px;display:flex}.page-header__top{align-items:center;min-height:32px;display:flex}.page-header__eyebrow{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.page-header__subtitle{color:var(--muted);max-width:42ch;font-size:14px}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-size:16px;font-weight:500;display:inline-flex}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.button.ghost{color:var(--ink);background:0 0}.button:disabled{cursor:not-allowed;opacity:.45}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:inherit;cursor:pointer;background:#fff;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon{font-size:20px;line-height:1}.badge{background:var(--accent-soft);color:#7c3327;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.banner{background:var(--green-soft);color:#245846;border-radius:12px;padding:14px 16px}.banner.warning{color:#5d4b0a;background:#fff1bd}.list{gap:var(--list-gap,10px);flex-direction:column;display:flex}.list__item{padding:var(--row-padding,12px 14px);border:var(--row-border,0);background:var(--row-background,#e6e6e1);cursor:default;border-radius:0}.list__item[role=option]{cursor:pointer}.list__item.selected{border-color:var(--list-accent,var(--accent));background:var(--row-selected-background,var(--accent-soft))}.list__add{color:#2c2f36;background:0 0;border:1px dashed #8a8d94;min-height:44px;margin-top:0;font-size:14px}.list .list-row{align-items:center}.list .list-row .color-swatch{width:18px;height:18px}.list .list-row .grow{min-width:0}.list .list-row .mono{white-space:normal;margin-top:3px}.list .list-row .row-remove{min-height:20px;padding:0;font-size:11px}.timeline{height:var(--timeline-height);background:repeating-linear-gradient(to bottom, #edede9 0, #edede9 1px, transparent 1px, transparent var(--hour-height,2.5rem));position:relative}.timeline__block{top:var(--offset);left:calc(var(--lane) * 100% / var(--lanes));width:calc(100% / var(--lanes));height:var(--height);background:color-mix(in srgb, var(--block,#fff) 22%, white);color:var(--ink);padding:7px 10px;font-size:13px;display:block;position:absolute;overflow:hidden}.timeline__fixed{color:var(--muted);background:#e6e6e1}.timeline__google{background:#e8f0fe;border-left:3px solid #4285f4}.timeline__conflict{z-index:1;outline-offset:-2px;outline:2px solid #c62828}.timeline__open{color:var(--muted);background:#fff;border:1px dashed #a3a6ad}.timeline__range{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.timeline__current{color:color-mix(in srgb, var(--block,var(--ink)) 75%, black);margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.timeline__now{outline:2px solid var(--ink);outline-offset:-2px}.timeline__done{opacity:.65}.timeline__tasks{flex-direction:column;gap:4px;margin-top:7px;display:flex}.timeline__tasks span{justify-content:space-between;gap:8px;font-size:12px;display:flex}.timeline.readonly a{pointer-events:none}.form{flex-direction:column;gap:18px;display:flex}.form-section{flex-direction:column;gap:14px;display:flex}.form-section.card{border:1px solid var(--line);background:#fff;padding:16px}.field{flex-direction:column;gap:7px;display:flex}.field>span,.choice-field legend{font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:0;padding:12px 13px}.field textarea{resize:vertical;min-height:96px}.choice-field{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.choice-field label{align-items:center;gap:9px;display:flex}.modal{z-index:10;background:#17140f99;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.modal__panel{background:var(--paper);width:100%;padding:20px}.calendar-grid{border:0;overflow:hidden}.calendar-grid__head,.calendar-grid__row{grid-template-columns:64px repeat(var(--days), minmax(var(--cell-min-width,36px), 1fr));display:grid}.calendar-grid__head{color:var(--muted);text-align:center;padding:0 0 7px;font-family:IBM Plex Mono,monospace;font-size:11px}.calendar-grid__row{height:var(--slot-height);gap:3px}.calendar-grid__cell{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px dashed #a3a6ad;height:100%;min-height:0;padding:0}.calendar-grid__cell.filled{border-style:solid;border-color:var(--cell);background:var(--cell)}.calendar-grid__cell.committed{background:#d6d6d0;border-style:solid;border-color:#d6d6d0}.calendar-grid__cell.selected{border-style:solid;border-color:var(--bright-green);background:var(--bright-green);color:#fff;place-items:center;padding:0;display:grid}.calendar-grid__cell.selected .icon{font-size:11px;line-height:1;display:block}.calendar-grid__cell[aria-disabled=true]{cursor:default}.calendar-grid__time{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;line-height:var(--slot-height);padding:0}.schedule-diff{flex-direction:column;gap:18px;display:flex}.schedule-diff__columns{gap:10px;display:flex}.schedule-diff__column{flex-direction:column;flex:1 1 0;align-content:flex-start;gap:8px;min-width:0;display:flex}.schedule-diff__block{background:var(--accent-soft);flex-direction:column;gap:3px;min-height:54px;padding:8px;font-size:12px;display:flex}.schedule-diff__block span{font-family:IBM Plex Mono,monospace;font-size:10px}.schedule-diff__block.removed{color:#82071e;background:#ffebe9;border:1px solid #cf222e}.schedule-diff__block.added{color:#116329;background:#dafbe1;border:1px solid #1a7f37}@media (width>=760px){.modal{align-items:center;padding:32px}.modal__panel{width:min(100%,620px);padding:32px}}
