:root{--circ-bg: #141414;--circ-surface: #1f1f1f;--circ-raised: #2a2a2a;--circ-hover: #353535;--circ-text: #f4f4f4;--circ-muted: #b4b4b4;--circ-faint: #8a8a8a;--circ-border: #3c3c3c;--circ-accent: #f59e0b;--circ-accent-text: #141414;--circ-success: #34d399;--circ-danger: #f87171;--circ-warning: #fb923c;--circ-chip-alpha: .3;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}html[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;margin:0}html{height:100%;height:100dvh;height:-webkit-fill-available;background:var(--circ-bg)}body{background:var(--circ-bg);color:var(--circ-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow:hidden;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available}button,input,textarea,select{font-family:inherit;color:inherit}.app{position:relative;width:100%;height:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column;overflow:hidden;background:var(--circ-bg)}.app-header{flex:none;display:flex;align-items:center;gap:10px;padding:max(10px,var(--safe-top)) max(12px,var(--safe-right)) 8px max(12px,var(--safe-left));background:color-mix(in srgb,var(--circ-bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--circ-border);z-index:12}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{width:22px;height:22px;border-radius:6px;background:#020617;box-shadow:inset 0 0 0 2px var(--circ-accent);flex-shrink:0}.app-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.brand-btn{border:none;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer}.brand-btn:disabled{cursor:default}.view-tabs{display:flex;gap:4px;margin-left:4px}.view-tab{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--circ-muted);font-size:14px}.view-tab.on{background:var(--circ-accent);color:var(--circ-accent-text);font-weight:600}.header-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.sync-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;max-width:42vw;font-size:11px;line-height:1.25;color:var(--circ-muted);text-align:right}.sync-pending,.sync-flash{color:var(--circ-accent);font-weight:600}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--circ-border);background:var(--circ-raised);color:var(--circ-text);font-size:16px;line-height:1}.icon-btn.sm{width:32px;height:32px}.app-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px max(16px,var(--safe-bottom));padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}.app-body.split{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;height:0;overflow:hidden;padding-bottom:0}.app-body.split>.filters-chip,.app-body.split>.filters-panel{flex:none}.split-body{flex:1 1 0%;min-height:0;height:0;display:flex;flex-direction:column;overflow:hidden}.now-pane{flex:none;min-height:96px;max-height:calc(100% - 168px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.now-pane .now-queue{max-height:none;margin-bottom:0;height:100%}.split-handle{flex:none;display:flex;align-items:center;justify-content:center;height:22px;width:100%;border:none;border-top:1px solid var(--circ-border);border-bottom:1px solid var(--circ-border);background:var(--circ-raised);cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;padding:0}.split-handle-tab{width:48px;height:5px;border-radius:999px;background:var(--circ-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--circ-accent) 22%,transparent)}.list-pane{position:relative;flex:1 1 0%;min-height:140px;height:0;overflow:hidden}.list-pane-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-top:16px;padding-bottom:max(16px,var(--safe-bottom))}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;overflow:visible}.hamburger span{display:block;width:16px;height:2px;border-radius:999px;background:var(--circ-text)}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-meta{padding:10px 16px 12px;font-size:12px;color:var(--circ-faint)}.project-select{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.all-tasks-btn,.project-dd-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--circ-border);background:var(--circ-raised);color:var(--circ-muted);font-size:13px;font-weight:600}.all-tasks-btn.on,.project-dd-btn.on{background:var(--circ-accent);border-color:var(--circ-accent);color:var(--circ-accent-text)}.all-tasks-btn.dimmed{opacity:.38;color:var(--circ-faint);background:var(--circ-surface);border-color:var(--circ-border)}.project-dd{position:relative;flex:1;min-width:0}.project-dd-btn{width:100%}.project-dd-btn .caret{margin-left:auto;font-size:11px;opacity:.8}.project-dd-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);list-style:none;margin:0;padding:4px;background:var(--circ-surface);border:1px solid var(--circ-border);border-radius:10px;max-height:40svh;overflow-y:auto}.project-dd-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--circ-text);font-size:14px}.project-dd-menu button.on{background:color-mix(in srgb,var(--circ-accent) 22%,transparent)}.project-manage-list{list-style:none;margin:0 0 12px;padding:0}.project-manage-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 8px;border:none;border-bottom:1px solid var(--circ-border);background:transparent;color:var(--circ-text);font-size:15px}.swatch.lg{width:14px;height:14px}.swatch.empty{box-shadow:inset 0 0 0 1px var(--circ-border)}.add-project-row{display:flex;gap:8px;margin-bottom:12px}.add-project-row .text-field{margin:0;flex:1}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0}.color-dot.on{border-color:var(--circ-text)}.color-dot.none{background:var(--circ-raised);color:var(--circ-faint);font-size:11px}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000080}.menu-popover{position:absolute;top:calc(max(10px,var(--safe-top)) + 52px);right:max(12px,var(--safe-right));width:min(280px,calc(100% - 24px));background:var(--circ-surface);border:1px solid var(--circ-border);border-radius:14px;box-shadow:0 16px 40px #00000073;overflow:hidden}.menu-popover .menu-item{font-size:16px}.project-link-list{list-style:none;margin:0 0 8px;padding:0}.project-link-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--circ-border);font-size:14px}.add-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.add-link-row .text-field{margin:0;flex:1;min-width:6rem}.menu-item{display:block;width:100%;text-align:left;padding:14px 16px;border:none;background:transparent;color:var(--circ-text);font-size:15px;border-bottom:1px solid var(--circ-border)}.menu-item:last-child{border-bottom:none}.menu-item.on{color:var(--circ-accent);font-weight:700}.offline-banner{flex:none;background:var(--circ-danger);color:#141414;font-size:13px;font-weight:600;text-align:center;padding:8px 12px;padding-top:max(8px,var(--safe-top))}.error-banner{margin:8px 12px 0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--circ-danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--circ-danger) 35%,transparent);color:var(--circ-danger);font-size:13px}.filters-chip,.filters-panel{width:100%;background:var(--circ-surface);border:1px solid var(--circ-border);border-radius:10px;padding:8px 10px;margin-bottom:8px;color:var(--circ-text)}.filters-chip{display:flex;justify-content:space-between;font-size:12px}.filters-chip span:last-child{color:var(--circ-accent);font-weight:600}.filters-panel{display:flex;flex-direction:column;gap:10px}.filters-panel-head{display:flex;justify-content:space-between;font-size:12px;color:var(--circ-muted)}.slider-row{display:flex;justify-content:space-between;font-size:12px}.slider-label{color:var(--circ-muted)}.slider-value{color:var(--circ-accent);font-weight:600}.slider input[type=range]{width:100%;height:6px;accent-color:var(--circ-accent)}.project-bar{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-bottom:4px}.project-chip{flex:none;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:none;background:transparent;color:var(--circ-muted);font-size:13px;white-space:nowrap}.project-chip.on{background:var(--circ-accent);color:var(--circ-accent-text);font-weight:600}.swatch{width:8px;height:8px;border-radius:50%;display:inline-block}.section-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--circ-faint);margin:4px 0 8px}.now-queue{max-height:42svh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px}.now-featured{background:var(--circ-surface);border:1px solid color-mix(in srgb,var(--circ-accent) 40%,var(--circ-border));border-radius:10px;padding:10px 12px;margin-bottom:6px}.now-rest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.now-rest-item{background:color-mix(in srgb,var(--circ-surface) 70%,transparent);border:1px solid var(--circ-border);border-radius:10px;padding:8px 10px}.now-title{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--circ-text);font-size:15px;font-weight:600;padding:0}.now-why{display:inline;margin-left:8px;font-size:12px;font-weight:500;color:var(--circ-accent)}.now-why.muted{color:var(--circ-faint)}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px;font-size:11px}.chip{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;border-radius:4px;padding:2px 6px;background:var(--circ-raised);color:var(--circ-muted)}.queue-actions{display:flex;flex-wrap:wrap;gap:4px 8px;padding-top:8px;border-top:1px solid var(--circ-border)}.qa{border:none;background:transparent;color:var(--circ-muted);font-size:13px;padding:6px 4px}.qa.done{color:var(--circ-success)}.qa.accent{color:var(--circ-accent)}.qa.muted{color:var(--circ-faint)}.quick-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--circ-surface);border:2px solid color-mix(in srgb,var(--circ-accent) 40%,var(--circ-border));border-radius:10px;padding:8px 10px;margin-bottom:10px}.quick-add-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--circ-faint)}.quick-add-input{flex:1;min-width:8rem;border:none;background:transparent;font-size:15px;padding:4px 0}.quick-add-input:focus{outline:none}.quick-add-extra{display:flex;flex-wrap:wrap;gap:6px;width:100%}.quick-add-extra select,.quick-add-extra input{background:var(--circ-raised);border:1px solid var(--circ-border);border-radius:8px;padding:6px 8px;font-size:13px}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.filter-tabs{display:flex;gap:4px}.filter-tab{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--circ-muted);font-size:13px}.filter-tab.on{background:var(--circ-accent);color:var(--circ-accent-text);font-weight:600}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{font-size:12px;border-radius:999px;padding:4px 10px;border:1px solid var(--circ-border);background:transparent;color:var(--circ-muted)}.chip-btn.on{background:var(--circ-accent);border-color:var(--circ-accent);color:var(--circ-accent-text);font-weight:600}.task-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.task-row{display:flex;align-items:center;gap:8px;background:var(--circ-surface);border:1px solid var(--circ-border);border-radius:10px;padding:8px 10px}.task-row.done .task-row-title{text-decoration:line-through;color:var(--circ-faint)}.task-row.busy{opacity:.65}.task-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--circ-accent);flex:none}.task-row-title{flex:1;min-width:0;text-align:left;border:none;background:transparent;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.due{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;flex:none}.due.overdue{color:var(--circ-danger)}.due.today{color:var(--circ-accent)}.due.soon,.due.done,.prio-mono,.row-extra,.meta-muted{color:var(--circ-muted);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.prio.p1{color:var(--circ-danger)}.prio.p2{color:var(--circ-warning)}.row-delete{border:none;background:transparent;color:var(--circ-faint);padding:4px}.text-btn{border:none;background:transparent;color:var(--circ-accent);font-size:12px;font-weight:600;padding:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:max(36px,calc(var(--safe-top) + 20px)) max(18px,var(--safe-right)) max(28px,calc(var(--safe-bottom) + 12px)) max(18px,var(--safe-left));background:#0000008c;overflow:hidden}.overlay-elevated{z-index:50}.overlay-sheet,.overlay-card{width:min(440px,100%);max-height:min(78svh,calc(100% - 8px));min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--circ-surface);border:1px solid var(--circ-border);border-radius:16px;padding:8px 16px 16px;word-break:break-word}.overlay-sheet *,.overlay-card *{max-width:100%;box-sizing:border-box}.overlay-card{align-self:center;border-radius:16px}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--circ-border);margin:4px auto 12px}.sheet-title{font-size:17px;font-weight:700;margin:0 0 12px}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--circ-faint);margin:0 0 6px}.chip-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pick{padding:8px 10px;border-radius:999px;border:1px solid var(--circ-border);background:var(--circ-raised);color:var(--circ-muted);font-size:13px;font-weight:600}.pick.on{background:var(--circ-accent);border-color:var(--circ-accent);color:var(--circ-accent-text)}.composer-title,.notes-field,.text-field,.select-field,.date-field{width:100%;margin:0 0 12px;padding:12px;border-radius:12px;border:1px solid var(--circ-border);background:var(--circ-raised);font-size:16px}.composer-title{min-height:72px;resize:none}.sheet-actions{display:flex;gap:8px;margin-top:8px}.sheet-actions.wrap{flex-wrap:wrap}.grow{flex:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.primary{padding:12px 14px;border-radius:12px;border:none;background:var(--circ-accent);color:var(--circ-accent-text);font-weight:700;font-size:14px}button.primary.sm{padding:8px 12px;font-size:13px}button.primary:disabled{opacity:.45}button.secondary{padding:12px 14px;border-radius:12px;border:1px solid var(--circ-border);background:var(--circ-raised);font-size:14px;font-weight:600}.danger-outline{color:var(--circ-danger)}.hint{margin:-4px 0 12px;font-size:12px;line-height:1.4;color:var(--circ-faint)}.subtask{display:flex;align-items:center;gap:8px;padding:6px 0}.check{width:22px;height:22px;border-radius:50%;border:2px solid var(--circ-border);background:transparent;color:var(--circ-accent-text);font-size:12px}.check.checked{background:var(--circ-success);border-color:var(--circ-success)}.strike{text-decoration:line-through;color:var(--circ-faint)}.calendar{display:flex;flex-direction:column;min-height:0}.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.cal-label{flex:1;text-align:center;font-weight:600;font-size:14px}.cal-weekdays,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-weekdays{font-size:11px;color:var(--circ-faint);text-align:center;margin-bottom:4px}.cal-cell{min-height:72px;border-radius:8px;border:1px solid var(--circ-border);background:var(--circ-surface);color:var(--circ-text);padding:4px;display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:left}.cal-grid.week .cal-cell{min-height:110px}.cal-cell.today{border:2px solid color-mix(in srgb,var(--circ-accent) 55%,transparent)}.cal-cell.out{opacity:.4}.cal-num{font-size:11px;color:var(--circ-muted)}.cal-cell.today .cal-num{color:var(--circ-accent);font-weight:700}.cal-pill{display:block;font-size:10px;border-radius:4px;padding:1px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--circ-raised);color:var(--circ-text)}.cal-more{font-size:10px;color:var(--circ-faint)}.day-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-tasks,.timeline{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.day-task,.tl-block{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--circ-border);background:color-mix(in srgb,var(--circ-raised) 70%,transparent);border-radius:10px;padding:8px 10px;font-size:13px}.tl-block.free{border-color:color-mix(in srgb,var(--circ-success) 25%,transparent);background:color-mix(in srgb,var(--circ-success) 10%,transparent)}.tl-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--circ-muted);flex:none;width:7.4rem}.tl-free{color:var(--circ-success)}.all-day-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.event-pill{font-size:12px;border-radius:999px;padding:4px 10px;border:1px solid var(--circ-border)}.cal-picker{max-height:40svh;overflow-y:auto;margin-bottom:12px}.cal-pick-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px}.cal-dot-swatch{width:10px;height:10px;border-radius:50%;flex:none}.empty-state{color:var(--circ-muted);font-size:14px;padding:28px 8px;text-align:center}.empty-state.tight{padding:16px 8px}.centered-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px max(32px,var(--safe-bottom));text-align:center}.centered-screen .app-title{font-size:28px}.app-subtitle{font-size:14px;line-height:1.45;max-width:22rem;color:var(--circ-muted)}.spinner-text{color:var(--circ-muted);font-size:14px;padding:24px 0;text-align:center}.snooze-list .menu-item{border-radius:0}.custom-snooze{display:flex;flex-direction:column}.due-presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag-input{width:88px;border:none;background:transparent;font-size:14px}a{color:var(--circ-accent)}