:root{color-scheme:light;--bg: #f6f1e7;--panel: #fffdf8;--panel-soft: #faf6ec;--ink: #353026;--ink-soft: #5d5647;--muted: #9a917e;--line: rgba(72, 62, 45, .12);--line-strong: rgba(72, 62, 45, .24);--accent: #d9603a;--accent-deep: #c14e2b;--accent-soft: #fbe9e0;--gold: #e9a13b;--gold-deep: #a06a10;--gold-soft: #fdf1d9;--sage: #48745a;--sage-soft: #e7efe4;--rose: #bc3d2b;--rose-soft: #fae1da;--lavender: #6b5fa8;--lavender-soft: #ece8f8;--shadow-card: 0 1px 2px rgba(88, 66, 38, .05), 0 12px 32px rgba(88, 66, 38, .09), 0 32px 72px rgba(88, 66, 38, .08);--shadow-pop: 0 2px 6px rgba(88, 66, 38, .08), 0 18px 44px rgba(88, 66, 38, .16);--font-display: "Fraunces", Georgia, serif;--font-body: "Space Grotesk", "Avenir Next", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(52rem 30rem at 8% -6%,rgba(233,161,59,.14),transparent 60%),radial-gradient(46rem 28rem at 96% -4%,rgba(217,96,58,.11),transparent 58%),radial-gradient(40rem 30rem at 50% 112%,rgba(107,95,168,.07),transparent 60%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}body.surface-extension{min-width:420px;min-height:560px;background-attachment:scroll}::selection{background:var(--accent-soft);color:var(--accent-deep)}button,input,textarea,select{font:inherit}.page{width:min(1080px,100%);margin:0 auto;padding:40px 20px 48px}.page:after{content:"✦ To-Do Orbit";display:block;margin-top:22px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.28em;text-transform:uppercase}.page-extension{width:100%;min-width:0;padding:10px}.page-extension:after{display:none}.workspace{display:grid;grid-template-columns:minmax(0,860px);gap:18px;align-items:start;justify-content:center}.workspace.has-shortcuts{grid-template-columns:minmax(0,860px) 230px}.workspace.is-extension{grid-template-columns:minmax(0,1fr);justify-content:stretch}.main-column{min-width:0;padding:28px 30px 24px;border:1px solid rgba(255,255,255,.75);border-radius:26px;background:linear-gradient(178deg,#fffefb 0%,var(--panel) 42%,#fdf9f0 100%);box-shadow:var(--shadow-card)}.page-extension .main-column{padding:16px 16px 12px;border-radius:18px}.shortcuts-side{position:sticky;top:20px;width:230px}.shortcuts-side:not(.is-open){display:none}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}.page-extension .topbar{margin-bottom:12px}.topbar-date{color:var(--ink);font-family:var(--font-display);font-size:27px;font-weight:600;letter-spacing:.01em}.page-extension .topbar-date{font-size:19px}.meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.icon-btn,.filter-btn,.chip-btn,.delete-btn,.text-btn,.task-title,.star-btn,.sort-select,.sync-trigger{transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);width:30px;height:30px;padding:0;border-radius:999px;cursor:pointer;font-size:15px;line-height:1}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.shortcuts{border:1px solid rgba(255,255,255,.75);background:var(--panel);border-radius:18px;padding:14px 16px;font-size:12.5px;color:var(--ink-soft);box-shadow:var(--shadow-card)}.shortcuts p{margin:7px 0}kbd{display:inline-block;border:1px solid var(--line);border-bottom-width:2px;background:var(--panel-soft);border-radius:6px;padding:1px 7px;color:var(--ink);font-family:var(--font-body);font-size:11px}input[type=text],input[type=date],textarea,select{width:100%;border:1px solid var(--line);background:#fffffd;color:var(--ink);padding:10px 14px;font-size:14px;border-radius:12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}textarea{min-height:96px;resize:vertical}input[type=text]::placeholder,textarea::placeholder{color:var(--muted)}input[type=text]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.toolbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.toolbar{margin-bottom:12px}.footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.page-extension .toolbar{gap:10px}.toolbar-status,.toolbar-actions,.filters,.category-bar,.import-export{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-status>span{flex-shrink:0;color:var(--ink-soft);font-weight:500;letter-spacing:.02em}.search-input{width:min(270px,100%);padding:8px 16px;border-radius:999px}.page-extension .search-input{width:100%}.filter-btn,.chip-btn,.terminal-btn,.sort-select{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:999px;cursor:pointer;padding:6px 13px;font-size:12px;font-weight:500;letter-spacing:.02em;font-family:inherit}.filter-btn:hover,.chip-btn:hover,.terminal-btn:hover,.sort-select:hover,.sort-select:focus-visible{border-color:var(--accent);color:var(--accent-deep);background:var(--accent-soft)}.filter-btn.is-active,.chip-btn.is-active{border-color:var(--accent);background:var(--accent);color:#fffdf8;box-shadow:0 3px 10px #d9603a47}.sort-select{width:auto}.sort-select option{background:#fffffd;color:var(--ink)}.terminal-btn-primary{border-color:var(--accent);background:var(--accent);color:#fffdf8;padding:9px 16px;font-weight:600}.terminal-btn-primary:hover{border-color:var(--accent-deep);background:var(--accent-deep);color:#fffdf8;transform:translateY(-1px);box-shadow:0 6px 16px #d9603a4d}.category-bar{margin-bottom:14px}.sync-menu-wrap{position:relative}.sync-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:999px;padding:5px 7px 5px 13px;font-size:12px;font-weight:500;cursor:pointer}.sync-trigger.is-open,.sync-trigger:hover{border-color:var(--line-strong);box-shadow:0 2px 8px #58422614}.sync-pill{display:inline-flex;align-items:center;min-height:22px;padding:2px 10px;border-radius:999px;color:var(--muted);background:var(--panel-soft);font-size:11px;font-weight:500;letter-spacing:.02em}.sync-pill.is-synced{color:var(--sage);background:var(--sage-soft)}.sync-pill.is-syncing{color:var(--gold-deep);background:var(--gold-soft)}.sync-pill.is-local{color:var(--ink-soft)}.sync-pill.is-error{color:var(--rose);background:var(--rose-soft)}.sync-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:20;width:min(560px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-pop);animation:float-in .22s ease both}.sync-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ink)}.sync-copy strong{font-family:var(--font-display);font-size:16px;font-weight:600}.sync-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;gap:12px;align-items:end}.account-card{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--ink-soft);font-size:12px}.drive-select{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.sync-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sync-actions .sync-note{flex-basis:100%}.sync-compact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sync-note,.sync-error{margin:0;color:var(--muted);font-size:12px}.sync-error{color:var(--rose)}.list{list-style:none;margin:0;padding:0}.item{padding:14px;margin:0 -14px;border-radius:16px;border-bottom:1px solid var(--line);transition:background-color .18s ease;cursor:grab;animation:rise .28s ease both}.page-extension .item{margin:0;padding:12px 8px}.item.is-dragging{opacity:.5}.item.is-drop-target{background:var(--accent-soft)}.item:hover{background:#d9603a0d}.item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.item-shell{display:flex;flex-direction:column;gap:10px}.task-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-main{display:flex;align-items:flex-start;gap:13px;min-width:0;flex:1}.task-main input[type=checkbox],.subtask-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--line-strong);border-radius:999px;background:#fffffd;cursor:pointer;flex-shrink:0;display:inline-grid;place-content:center;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.subtask-toggle input[type=checkbox]{width:18px;height:18px;margin:0}.task-main input[type=checkbox]:hover,.subtask-toggle input[type=checkbox]:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.task-main input[type=checkbox]:before,.subtask-toggle input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .14s ease-in-out;background:#fffdf8;clip-path:polygon(14% 46%,5% 60%,40% 92%,96% 18%,83% 8%,38% 71%)}.subtask-toggle input[type=checkbox]:before{width:8px;height:8px}.task-main input[type=checkbox]:checked,.subtask-toggle input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent);animation:pop .28s ease}.task-main input[type=checkbox]:checked:before,.subtask-toggle input[type=checkbox]:checked:before{transform:scale(1)}.task-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.task-title{border:0;background:transparent;padding:0;color:var(--ink);text-align:left;font-size:15.5px;font-weight:500;cursor:text;display:inline-flex;align-items:center;gap:8px}.task-row.is-important .task-title{font-weight:700}.recurrence-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:var(--lavender);background:var(--lavender-soft);font-size:11px;line-height:1;flex-shrink:0}.task-edit-input{width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;font-size:15.5px;font-weight:500}.task-edit-input:focus{box-shadow:none}.task-meta{display:flex;gap:6px;flex-wrap:wrap}.meta-pill{display:inline-flex;align-items:center;min-height:22px;padding:2px 10px;border-radius:999px;background:var(--panel-soft);border:1px solid var(--line);color:var(--ink-soft);font-size:11.5px;font-weight:500;letter-spacing:.01em}.due-pill.is-overdue{color:var(--rose);background:var(--rose-soft);border-color:transparent}.due-pill.is-today{color:var(--gold-deep);background:var(--gold-soft);border-color:transparent}.due-pill.is-upcoming{color:var(--sage);background:var(--sage-soft);border-color:transparent}.due-pill.is-complete{color:var(--muted)}.recurrence-pill{color:var(--lavender);background:var(--lavender-soft);border-color:transparent}.task-note-preview{margin:0 0 0 35px;color:var(--muted);font-size:13px}.is-done{color:var(--muted);text-decoration:line-through;text-decoration-color:#9a917e99;text-decoration-thickness:1.5px}.item-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;opacity:.55;transition:opacity .18s ease}.item:hover .item-actions,.item:focus-within .item-actions{opacity:1}.delete-btn,.text-btn{border:1px solid transparent;background:transparent;color:var(--muted);font-size:11.5px;font-weight:500;letter-spacing:.03em;cursor:pointer;padding:5px 8px;border-radius:999px}.text-btn:hover,.details-btn.is-active{color:var(--accent-deep);background:var(--accent-soft)}.delete-btn:hover{color:var(--rose);background:var(--rose-soft)}.star-btn{border:1px solid transparent;background:transparent;color:var(--line-strong);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:999px}.star-btn:hover{color:var(--gold);transform:rotate(-8deg) scale(1.12)}.star-btn.is-active{color:var(--gold);animation:pop .28s ease}.delete-btn:disabled,.text-btn:disabled,.star-btn:disabled{opacity:.35;cursor:not-allowed}.task-details{margin-left:35px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);animation:float-in .22s ease both}.page-extension .task-details,.page-extension .task-note-preview,.page-extension .add-task-editor,.page-extension .add-task-trigger{margin-left:0;padding-left:0}.page-extension .task-details{padding:12px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-field{display:flex;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:12px;font-weight:500}.subtasks-section{display:flex;flex-direction:column;gap:10px;margin-top:14px}.subtasks-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:12px;font-weight:500}.subtask-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.subtask-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.subtask-toggle{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);cursor:pointer}.subtask-entry{display:flex;align-items:center;gap:10px}.add-item{cursor:default;border-bottom:0}.add-task-trigger{width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:4px 0 4px 35px;font-size:15px;cursor:pointer;border-radius:10px}.add-task-trigger:before{content:"+";display:inline-block;margin-right:10px;color:var(--accent);font-weight:600;transition:transform .18s ease}.add-task-trigger:hover{color:var(--accent-deep)}.add-task-trigger:hover:before{transform:scale(1.3)}.add-task-editor{width:100%;padding-left:35px}.add-task-input{border:0;border-radius:0;background:transparent;padding:4px 0;font-size:15px}.add-task-input:focus{box-shadow:none}.icon-btn:focus-visible,.sync-trigger:focus-visible,.filter-btn:focus-visible,.chip-btn:focus-visible,.delete-btn:focus-visible,.text-btn:focus-visible,.star-btn:focus-visible,.add-task-trigger:focus-visible,.task-main input[type=checkbox]:focus-visible,.subtask-toggle input[type=checkbox]:focus-visible,.search-input:focus-visible,.task-title:focus-visible,.terminal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-btn.terminal-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);padding:6px 13px;font-size:12px}.text-btn.terminal-btn:hover{border-color:var(--accent);color:var(--accent-deep);background:var(--accent-soft)}.text-btn.terminal-btn-primary{border-color:var(--accent);background:var(--accent);color:#fffdf8;padding:8px 16px;font-weight:600}.text-btn.terminal-btn-primary:hover{border-color:var(--accent-deep);background:var(--accent-deep);color:#fffdf8}.undo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 14px;padding:11px 16px;border-radius:14px;background:var(--ink);color:#f6f1e7;font-size:13px;box-shadow:var(--shadow-pop);animation:float-in .22s ease both}.undo-btn{flex-shrink:0;font-weight:600;color:#ffb59d}.undo-banner .undo-btn:hover{color:#ffd3c4;background:#ffffff14}.empty{margin:18px 0;color:var(--muted);font-family:var(--font-display);font-style:italic;font-size:15px;text-align:center}.empty:before{content:"✦";display:block;margin-bottom:6px;font-style:normal;font-size:12px;color:var(--gold)}.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}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 820px){.workspace{grid-template-columns:1fr;justify-content:stretch}.shortcuts-side{position:static;width:100%}.shortcuts-side:not(.is-open){display:none}.shortcuts-side.is-open{visibility:visible;pointer-events:auto;margin-bottom:10px}.detail-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:16px 10px 24px}.main-column{padding:18px 16px 14px}.item{margin:0;padding:12px 6px}.toolbar,.footer,.task-row,.subtask-item,.subtask-entry,.subtasks-header,.toolbar-actions{flex-direction:column;align-items:flex-start}.sync-controls{grid-template-columns:1fr}.sync-compact-row{flex-direction:column;align-items:flex-start}.toolbar-status,.toolbar-actions,.sync-controls,.search-input,.item-actions,.subtask-entry,.import-export,.drive-select{width:100%}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.meta{width:100%;justify-content:space-between}.sync-popover{left:0;right:auto;width:min(100vw - 20px,560px)}.task-details,.task-note-preview,.add-task-editor,.add-task-trigger{margin-left:0;padding-left:0}.item-actions{justify-content:flex-start;opacity:1}}@media (hover: none){.item-actions{opacity:1}}.page-extension .toolbar,.page-extension .footer,.page-extension .task-row,.page-extension .subtask-item,.page-extension .subtask-entry,.page-extension .subtasks-header,.page-extension .toolbar-actions,.page-extension .sync-controls{flex-direction:column;align-items:flex-start}.page-extension .toolbar-status,.page-extension .toolbar-actions,.page-extension .sync-controls,.page-extension .search-input,.page-extension .item-actions,.page-extension .subtask-entry,.page-extension .import-export,.page-extension .drive-select{width:100%}.page-extension .detail-grid{grid-template-columns:1fr}.page-extension .item-actions{justify-content:flex-start;opacity:1}@media (max-width: 420px){.page{padding:8px 8px 14px}.meta{font-size:11px}}