@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";
@font-face{font-family:Bookerly;src:url(/fonts/bookerly-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bookerly;src:url(/fonts/bookerly-bold.woff2)format("woff2");font-style:normal;font-weight:600 800;font-display:swap}@font-face{font-family:Bookerly;src:url(/fonts/bookerly-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Bookerly;src:url(/fonts/bookerly-bold-italic.woff2)format("woff2");font-style:italic;font-weight:600 800;font-display:swap}:root{--paper:#f8f6f1;--paper-raised:#fffefa;--ink:#272722;--muted:#77766d;--faint:#a6a399;--line:#dedbd1;--line-soft:#ebe8df;--sage:#476354;--sage-soft:#e1e8e1;--amber:#a66b2c;--amber-soft:#f5e7d4;--weekend:#f1eee7;--shadow:0 20px 70px #2e2b2214;--task-font-size:16px;--subtask-font-size:13px}[data-font-size=small]{--task-font-size:14px;--subtask-font-size:12px}[data-font-size=large]{--task-font-size:18px;--subtask-font-size:15px}[data-theme=dark]{--paper:#1b1d1a;--paper-raised:#22241f;--ink:#ecebe4;--muted:#aaa99f;--faint:#777870;--line:#3a3c36;--line-soft:#2d302b;--sage:#9ab7a5;--sage-soft:#2d3b32;--amber:#dfad70;--amber-soft:#443525;--weekend:#20221f;--shadow:0 20px 70px #0003}@media (prefers-color-scheme:dark){[data-theme=system]{--paper:#1b1d1a;--paper-raised:#22241f;--ink:#ecebe4;--muted:#aaa99f;--faint:#777870;--line:#3a3c36;--line-soft:#2d302b;--sage:#9ab7a5;--sage-soft:#2d3b32;--amber:#dfad70;--amber-soft:#443525;--weekend:#20221f;--shadow:0 20px 70px #0003}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Bookerly,Georgia,serif;font-size:16px}button,input{font:inherit;color:inherit}button{cursor:pointer}.eyebrow{letter-spacing:.16em;color:var(--muted);margin:0;font:500 11px/1.2 DM Mono,monospace}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.brand-mark.small{width:27px;height:27px}.auth-shell{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-note{background:var(--weekend);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,6vw,88px);display:flex;position:relative;overflow:hidden}.auth-note:after{content:"";pointer-events:none;opacity:.28;background-image:repeating-linear-gradient(transparent 0, transparent 31px, var(--line) 32px);position:absolute;inset:0}.auth-note>*{z-index:1;position:relative}.auth-note h1{letter-spacing:-.035em;max-width:650px;margin:28px 0 24px;font:600 clamp(42px,5.5vw,78px)/.98 Bookerly,Georgia,serif}.auth-copy{max-width:500px;color:var(--muted);font-size:17px;line-height:1.7}.auth-note blockquote{color:var(--muted);margin:60px 0 0;font:400 18px/1.5 Bookerly,Georgia,serif}.auth-panel{background:var(--paper-raised);place-items:center;padding:40px;display:grid}.auth-form{flex-direction:column;gap:19px;width:min(400px,100%);display:flex}.auth-form h2{margin:5px 0 20px;font:600 35px/1.1 Bookerly,Georgia,serif}.auth-form label{flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.auth-form input{border:1px solid var(--line);background:var(--paper);border-radius:3px;outline:none;width:100%;padding:13px 14px}.auth-form input:focus{border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-soft)}.primary-button{background:var(--ink);color:var(--paper);border:0;border-radius:3px;justify-content:space-between;align-items:center;margin-top:5px;padding:14px 17px;display:flex}.primary-button:disabled{opacity:.55}.text-button{color:var(--muted);background:0 0;border:0;padding:5px}.form-error{color:#a04137;background:#f5e1de;border-radius:3px;margin:-6px 0;padding:10px 12px;font-size:13px}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex;position:sticky;top:0}.brand-button{background:0 0;border:0;align-items:center;gap:10px;font:600 20px Bookerly,Georgia,serif;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.today-button{border:1px solid var(--line);background:var(--paper-raised);border-radius:99px;padding:7px 14px;font-size:12px}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover,.row-action:hover{background:var(--line-soft)}.avatar{background:var(--sage);width:32px;height:32px;color:var(--paper);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.workspace{width:min(760px,100% - 64px);margin:0 auto;padding:54px 0 100px}.notebook-heading{border-bottom:1px solid var(--ink);padding-bottom:34px}.notebook-heading h1{letter-spacing:-.02em;margin:8px 0 3px;font:600 clamp(34px,5vw,48px)/1.05 Bookerly,Georgia,serif}.heading-subtitle{color:var(--muted);margin:10px 0 0}.daily-quote{background:var(--weekend);border-left:2px solid var(--sage);min-height:76px;margin:24px 0 0;padding:16px 20px 14px;animation:.45s both quote-in}.daily-quote blockquote{margin:0;font-size:18px;font-style:italic;line-height:1.45}.daily-quote figcaption{color:var(--muted);margin-top:8px;font-size:12px}@keyframes quote-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.day-section{border-bottom:1px solid var(--line);scroll-margin-top:80px}.day-section.today{border-left:2px solid var(--sage);margin-left:-18px;padding-left:16px}.day-section.weekend{background:var(--weekend);margin-inline:-16px;padding-inline:16px}.day-section.weekend.today{margin-left:-18px;padding-left:16px}.day-heading{text-align:left;background:0 0;border:0;grid-template-columns:20px 42px 1fr auto 30px;align-items:center;gap:9px;width:100%;min-height:68px;padding:8px 2px;display:grid}.collapse-icon{color:var(--faint)}.date-number{font:600 27px Bookerly,Georgia,serif}.day-heading strong{font-size:14px;font-weight:600;display:block}.day-heading small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.day-heading em{background:var(--sage-soft);color:var(--sage);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;font:500 10px DM Mono,monospace}.day-count{color:var(--faint);justify-self:end;font:11px DM Mono,monospace}.day-body{padding:0 2px 18px 71px}.task-group{position:relative}.task-group.priority-high:before{content:"";background:var(--amber);border-radius:50%;width:3px;height:3px;position:absolute;top:15px;left:-11px}.task-row{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:8px;min-height:37px;padding:6px 4px;transition:background .16s,box-shadow .16s;display:flex}.drag-handle{width:15px;height:21px;color:var(--faint);opacity:0;cursor:grab;touch-action:none;background:0 0;border:0;flex:0 0 15px;place-items:center;padding:0;display:grid}.drag-handle:active{cursor:grabbing}.task-row:hover .drag-handle,.subtask-row:hover .drag-handle,.drag-handle:focus-visible{opacity:.75}.check-button{width:21px;height:21px;color:var(--faint);background:0 0;border:0;flex:0 0 21px;place-items:center;padding:0;display:grid}.check-button>span{background:var(--sage);width:17px;height:17px;color:var(--paper);border-radius:50%;place-items:center;animation:.3s ease-out done-pop;display:grid}@keyframes done-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.task-content{flex:1;min-width:0}.editable-title{text-align:left;width:100%;font-size:var(--task-font-size);overflow-wrap:anywhere;cursor:text;background:0 0;border:0;padding:0;line-height:1.4;display:block}.editable-title:hover{color:var(--sage)}.task-title-input{border:0;border-bottom:1px solid var(--sage);width:100%;min-width:0;font-size:var(--task-font-size);background:0 0;outline:0;padding:0 0 2px;line-height:1.4}.task-title-input.compact,.editable-title.compact{color:inherit;font-size:var(--subtask-font-size);flex:1}.task-meta{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.task-meta>span{color:var(--muted);align-items:center;gap:3px;font-size:10px;display:inline-flex}.subtasks-toggle{color:var(--muted);background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:10px;display:inline-flex}.subtasks-toggle:hover{color:var(--sage)}.priority-pill{text-transform:uppercase;padding:2px 5px;font:500 9px DM Mono,monospace}.priority-pill.high{color:var(--amber);background:var(--amber-soft)}.priority-pill.low{color:var(--sage);background:var(--sage-soft)}.is-done .editable-title{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}.row-action{width:27px;height:25px;color:var(--faint);opacity:0;background:0 0;border:0;border-radius:3px;flex:0 0 27px;place-items:center;display:grid}.task-row:hover .row-action,.subtask-row:hover .row-action{opacity:1}.flag-button{width:25px;height:25px;color:var(--amber);opacity:0;background:0 0;border:0;border-radius:3px;flex:0 0 25px;place-items:center;padding:0;display:grid}.task-row:hover .flag-button,.subtask-row:hover .flag-button,.flag-button:focus-visible{opacity:.8}.flag-button:hover{background:var(--amber-soft);opacity:1}.task-group.is-flagged>.task-row,.subtask-row.is-flagged{background:var(--amber-soft);box-shadow:inset 2px 0 var(--amber)}.task-menu-wrap{position:relative}.task-menu{z-index:8;border:1px solid var(--line);background:var(--paper-raised);width:180px;box-shadow:var(--shadow);padding:5px;position:absolute;top:27px;right:0}.task-menu button{text-align:left;background:0 0;border:0;gap:7px;width:100%;padding:8px;font-size:11px;display:flex}.task-menu button:hover{background:var(--line-soft)}.task-menu button.active{background:var(--sage-soft);color:var(--sage)}.task-menu-label{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;padding:7px 8px 4px;font:500 9px DM Mono,monospace;display:flex}.task-menu .danger{color:#a04a40}.subtask-row{border-bottom:1px solid var(--line-soft);min-height:31px;color:var(--muted);font-size:var(--subtask-font-size);align-items:center;gap:7px;margin-left:31px;padding:5px 4px;transition:background .16s,box-shadow .16s;display:flex;position:relative}.quick-add{min-height:37px;color:var(--faint);border-bottom:1px solid #0000;align-items:center;gap:10px;display:flex;position:relative}.quick-add:focus-within{color:var(--sage);border-bottom-color:var(--line)}.quick-add.compact{min-height:31px;margin-left:31px}.quick-add input{min-width:0;color:var(--ink);font-size:var(--task-font-size);background:0 0;border:0;outline:0;flex:1;padding:10px 0}.quick-add.compact input{font-size:var(--subtask-font-size)}.quick-add input::placeholder{color:var(--faint)}.list-drop-end{min-height:6px;position:relative}.list-drop-end.compact{margin-left:31px}.task-group.drop-before:after,.subtask-row.drop-before:after,.quick-add.drop-end:after,.list-drop-end.drop-end:after{content:"";z-index:4;background:var(--sage);height:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--sage-soft) 75%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-1px;left:0;right:0}.task-group.drop-before:after,.subtask-row.drop-before:after,.quick-add.compact.drop-end:after,.list-drop-end.compact.drop-end:after{left:0}.task-group.drop-before:before,.subtask-row.drop-before:before,.quick-add.drop-end:before,.list-drop-end.drop-end:before{content:"";z-index:5;background:var(--sage);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px}.day-section.drop-day{box-shadow:inset 0 -2px var(--sage);background:var(--sage-soft)}.add-button{background:var(--sage);color:var(--paper);border:0;border-radius:2px;padding:5px 10px;font-size:11px}.command-menu{z-index:10;border:1px solid var(--line);background:var(--paper-raised);width:min(330px,100vw - 90px);box-shadow:var(--shadow);color:var(--ink);padding:7px;position:absolute;top:40px;left:22px}.command-menu>p{letter-spacing:.12em;color:var(--faint);margin:6px 8px;font:500 9px DM Mono,monospace}.command-menu button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:8px;font-size:12px;display:flex}.command-menu button:hover{background:var(--line-soft)}.command-menu small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.command-menu code{color:var(--muted);font:10px DM Mono,monospace}.completed-block{margin-top:10px}.completed-block>button{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font:500 10px DM Mono,monospace;display:flex}.completed-block>button span{border:1px solid var(--line);border-radius:99px;padding:1px 5px}.end-note{text-align:center;color:var(--faint);padding:45px 0;font:13px Bookerly,Georgia,serif}.skeleton{gap:22px;padding:28px 0;display:grid}.skeleton i{background:linear-gradient(90deg, var(--line-soft), var(--paper-raised), var(--line-soft));background-size:200% 100%;height:60px;animation:1.2s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.toast{z-index:40;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);padding:10px 16px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141259;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-sheet{background:var(--paper-raised);width:min(520px,100%);box-shadow:var(--shadow);border:1px solid var(--line);padding:28px}.sheet-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.sheet-title h2{margin:6px 0 0;font:600 30px Bookerly,Georgia,serif}.setting-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.setting-row strong,.account-card strong{font-size:13px;display:block}.setting-row span,.account-card span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.segmented{border:1px solid var(--line);padding:2px;display:flex}.segmented button{min-width:37px;height:29px;color:var(--muted);text-transform:capitalize;background:0 0;border:0;place-items:center;padding:0 9px;font-size:10px;display:grid}.segmented button.active{background:var(--ink);color:var(--paper)}.toggle{background:var(--line);width:45px;height:26px;color:var(--muted);border:0;border-radius:99px;justify-content:start;place-items:center;padding:4px;display:grid}.toggle:before{content:"";background:var(--paper-raised);border-radius:50%;grid-area:1/1;width:18px;height:18px;transition:transform .2s}.toggle svg{z-index:1;grid-area:1/1;padding:3px;position:relative}.toggle.on{background:var(--sage);color:var(--sage);justify-content:end}.account-card{align-items:center;gap:11px;padding:22px 0 15px;display:flex}.logout-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:flex}[data-density=compact] .workspace{padding-top:42px}[data-density=compact] .notebook-heading{padding-bottom:26px}[data-density=compact] .daily-quote{min-height:62px;margin-top:18px;padding:12px 16px 10px}[data-density=compact] .day-heading{min-height:56px;padding-block:5px}[data-density=compact] .day-body{padding-bottom:12px}[data-density=compact] .task-row{min-height:31px;padding-block:3px}[data-density=compact] .subtask-row{min-height:27px;padding-block:3px}[data-density=compact] .quick-add{min-height:31px}[data-density=compact] .quick-add.compact{min-height:27px}[data-density=compact] .completed-block{margin-top:6px}@media (max-width:880px){.workspace{padding-top:46px}.auth-shell{grid-template-columns:1fr}.auth-note{display:none}.auth-panel{min-height:100vh}}@media (max-width:600px){.topbar{height:56px;padding:0 16px}.workspace{width:calc(100% - 34px);padding:35px 0 80px}.notebook-heading{padding-bottom:30px}.notebook-heading h1{font-size:35px}.day-section.today{margin-left:-8px;padding-left:6px}.day-section.weekend{margin-inline:-8px;padding-inline:8px}.day-heading{grid-template-columns:16px 33px 1fr auto 20px;gap:7px;min-height:70px}.day-heading em{display:none}.date-number{font-size:23px}.day-body{padding-left:50px}.row-action{opacity:.65}.settings-sheet{padding:20px}.setting-row{flex-direction:column;align-items:flex-start}}@media (hover:none){.drag-handle{opacity:.55}.flag-button{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
