:root{--bg: #faf7f1;--surface: #ffffff;--ink: #21201c;--muted: #8a857a;--faint: #b5afa2;--line: #e9e4da;--line-soft: #f1ede4;--accent: #c4502f;--accent-soft: #f7e6df;--sage: #7d8b74;--sage-soft: #eef0ea;--sage-soft-strong: #e2e7dc;--amber: #c99a2e;--radius: 10px;--shadow: 0 1px 2px rgba(33, 32, 28, .05), 0 4px 16px rgba(33, 32, 28, .05);--font-display: "Fraunces", Georgia, serif;--font-body: "Schibsted Grotesk", "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono", Consolas, monospace;--hover: rgba(33, 32, 28, .05);--glass: rgba(255, 255, 255, .5);--glass-heavy: rgba(250, 247, 241, .88);--overlay: rgba(33, 32, 28, .32);--overlay-heavy: rgba(33, 32, 28, .8);--dim-cell: #fbfaf6;--today-tint: #fdf6f3;--today-tint-strong: #fdf8f5;--sidebar-top: #f6f2ea;--bar-glass: rgba(250, 247, 241, .12);--bar-glass-border: rgba(250, 247, 241, .25);color-scheme:light}[data-theme=dark]{--bg: #1c1a17;--surface: #262320;--ink: #ece7dd;--muted: #9a948a;--faint: #6b665d;--line: #38342e;--line-soft: #2e2b26;--accent: #d96a45;--accent-soft: #3b2820;--sage: #97a68c;--sage-soft: #292e25;--sage-soft-strong: #333a2e;--amber: #d4a94a;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 16px rgba(0, 0, 0, .35);--hover: rgba(236, 231, 221, .06);--glass: rgba(38, 35, 32, .5);--glass-heavy: rgba(28, 26, 23, .88);--overlay: rgba(0, 0, 0, .55);--overlay-heavy: rgba(0, 0, 0, .82);--dim-cell: #201e1b;--today-tint: #2a231f;--today-tint-strong: #2e2521;--sidebar-top: #211f1b;--bar-glass: rgba(28, 26, 23, .12);--bar-glass-border: rgba(28, 26, 23, .3);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}input[type=text],input[type=date],input[type=time],input[type=number],input:not([type]),select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:6px 9px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::placeholder{color:var(--faint)}.app{display:flex;height:100vh;overflow:hidden}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.view{flex:1;padding:36px 44px 60px;max-width:1060px;width:100%;margin:0 auto;animation:view-in .25s ease both}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;flex-wrap:wrap}.view-head h1{font-family:var(--font-display);font-weight:550;font-size:30px;margin:0;letter-spacing:-.01em}.view-sub{color:var(--muted);font-size:13.5px}.sidebar{width:218px;flex-shrink:0;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--sidebar-top) 0%,var(--bg) 30%);display:flex;flex-direction:column;padding:26px 14px 16px}.wordmark{padding:0 12px 24px;cursor:pointer}.wordmark-top{display:flex;align-items:center;gap:9px}.logo-mark{display:block;flex-shrink:0}.auth-wordmark .wordmark-top{justify-content:center}.wordmark-name{display:block;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:30px;letter-spacing:-.01em}.wordmark-sub{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:8px;color:var(--muted);font-weight:500;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--bg)}.sidebar-foot{margin-top:auto}.timer-chip{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:13px;box-shadow:var(--shadow)}.timer-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.timer-chip.live .timer-chip-dot{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-chip-phase{color:var(--muted)}.timer-chip-time{margin-left:auto;font-family:var(--font-mono);font-weight:600}.side-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.group-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}.group-label.overdue{color:var(--accent)}.group-label.toggle{display:block}.empty{color:var(--muted);padding:28px 0;text-align:center}.empty.small{padding:12px 0;font-size:13px;text-align:left}.quick-add{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;color:var(--faint);box-shadow:var(--shadow)}.quick-add input{flex:1;border:none;padding:0;background:none}.composer{margin-bottom:4px}.composer.expanded{background:var(--surface);border:1px solid var(--faint);border-radius:var(--radius);box-shadow:var(--shadow)}.composer.expanded .composer-row{border:none;box-shadow:none;border-bottom:1px solid var(--line-soft);border-radius:var(--radius) var(--radius) 0 0}.composer-add{font-size:12.5px;padding:5px 12px;flex-shrink:0}.composer-detail{padding:14px;animation:view-in .15s ease both}.composer-notes{min-height:40px}.composer-hint{font-size:11.5px;color:var(--faint);margin-top:10px}.composer-detail .task-detail-grid input,.composer-detail .task-detail-grid select{font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--bg);border-radius:8px;padding:7px 14px;font-weight:600;font-size:13.5px;transition:background .12s}.btn-primary:hover{background:var(--accent)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-text{color:var(--muted);font-weight:600;font-size:13.5px;padding:6px 10px;border-radius:7px}.btn-text:hover{background:var(--hover);color:var(--ink)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;color:var(--muted)}.btn-icon:hover{background:var(--hover);color:var(--ink)}.btn-icon.danger:hover{color:var(--accent);background:var(--accent-soft)}.btn-icon.pinned{color:var(--accent)}.ghost-btn{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px;padding:4px 7px;border-radius:6px}.ghost-btn:hover{background:var(--hover);color:var(--ink)}.ghost-btn.danger:hover{color:var(--accent);background:var(--accent-soft)}.seg{display:inline-flex;background:var(--line-soft);border-radius:8px;padding:3px;gap:2px}.seg button{padding:4px 11px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--muted)}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #21201c1a}.toggle-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;cursor:pointer}.toggle-label input{accent-color:var(--accent)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.spacer{flex:1}.check{width:19px;height:19px;border:1.8px solid var(--faint);border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);transition:background .12s,border-color .12s}.check svg{width:12px;height:12px}.check.checked{background:var(--ink);border-color:var(--ink)!important;color:var(--bg)}.check:hover{border-color:var(--ink)}.check-sm{width:16px;height:16px}.check-sm svg{width:10px;height:10px}.chip{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.chip-ghost{color:var(--muted);background:var(--line-soft)}.chip-due{color:var(--sage);background:var(--sage-soft)}.chip-today{color:var(--accent);background:var(--accent-soft)}.chip-overdue{color:#fff;background:var(--accent)}.chip-project{background:transparent;font-weight:700}.task-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:7px;transition:box-shadow .15s,border-color .15s}.task-row:hover{box-shadow:var(--shadow)}.task-row.open{border-color:var(--faint);box-shadow:var(--shadow)}.task-main{display:flex;align-items:center;gap:12px;padding:11px 14px}.task-title{flex:1;text-align:left;font-weight:500;line-height:1.35}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-title-edit{flex:1;min-width:120px;font-weight:500;font-size:inherit;line-height:1.35;border:none!important;background:var(--line-soft)!important;border-radius:6px;padding:4px 8px}.collapse-btn{font-size:11px;padding:4px 6px}.task-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.task-detail{border-top:1px solid var(--line-soft);padding:14px;animation:view-in .18s ease both}.task-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.task-detail-grid label,.field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.task-detail-grid input,.task-detail-grid select{font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.subtasks{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.subtask{display:flex;align-items:center;gap:9px;font-size:13.5px}.subtask.done span{color:var(--muted);text-decoration:line-through}.subtask .ghost-btn{opacity:0;margin-left:auto}.subtask:hover .ghost-btn{opacity:1}.subtask-add{display:flex;align-items:center;gap:9px;color:var(--faint);padding-left:3px}.subtask-add input{border:none;background:none;padding:4px 0;flex:1;font-size:13.5px}.recur-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.recur-row-label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.recur-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recur-editor select{font-size:13px}.recur-days{display:flex;gap:3px}.recur-day{width:26px;flex:none}.task-notes-label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.task-notes-label .rich{font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.task-notes{resize:none;overflow:hidden;font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);line-height:1.5}.task-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.task-image-wrap{position:relative}.task-image-thumb{width:96px;height:72px;object-fit:cover;border-radius:7px;border:1px solid var(--line);cursor:zoom-in;display:block}.task-image-remove{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.task-image-wrap:hover .task-image-remove{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fade-in .15s ease both}.lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 30px 80px #00000080}.task-detail-foot{display:flex;justify-content:flex-end;gap:10px}.tasks-layout{display:flex;flex:1;min-height:100%}.tasks-side{width:198px;flex-shrink:0;border-right:1px solid var(--line);padding:36px 14px;background:var(--glass)}.side-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:7px;color:var(--ink);font-weight:500;font-size:13.5px;text-align:left}.side-item:hover{background:var(--hover)}.side-item.active{background:var(--line-soft);font-weight:700}.side-item.muted{color:var(--muted)}.side-count{margin-left:auto;color:var(--faint);font-size:12px;font-weight:600}.side-add-form input{width:100%;font-size:13px}.side-delete{margin-top:14px}.side-actions{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.side-rename{margin-top:14px}.side-rename input{width:100%;font-size:13px}.tasks-view{padding-top:36px;position:relative}.task-group{margin-bottom:4px}.tasks-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tasks-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--faint)}.tasks-search input{flex:1;border:none;background:none;padding:0;font-size:13.5px}.toolbar-sort{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.toolbar-sort select{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}.select-box{width:17px;height:17px;flex-shrink:0;border:1.6px solid var(--faint);border-radius:5px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,background .12s,border-color .12s}.select-box svg{width:11px;height:11px}.select-box.on{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1}.select-box:hover{border-color:var(--ink)}.task-row:hover .select-box,.tasks-view.has-selection .select-box,.toolbar-select{opacity:1}.task-row.selected{border-color:var(--accent);background:var(--today-tint-strong)}.bulk-bar{position:sticky;bottom:18px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--ink);color:var(--bg);border-radius:12px;padding:10px 14px;margin-top:18px;box-shadow:0 12px 32px #21201c59;animation:view-in .18s ease both}.bulk-count{font-weight:700;font-size:13px;margin-right:4px;white-space:nowrap}.bulk-bar select{background:var(--bar-glass);border:1px solid var(--bar-glass-border);color:var(--bg);border-radius:7px;padding:5px 8px;font-size:12.5px;max-width:110px}.bulk-bar select option{color:var(--ink)}.bulk-btn{background:var(--bg);color:var(--ink);font-weight:700;font-size:12.5px;border-radius:7px;padding:6px 12px}.bulk-btn:hover{background:var(--accent-soft)}.bulk-btn.danger{background:var(--accent);color:#fff}.bulk-btn.danger:hover{background:#a93f22}.bulk-close{color:var(--bg);margin-left:auto}.bulk-close:hover{background:var(--bar-glass)}.board-view{max-width:none}.board-scroll{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding-bottom:24px}.board-col{width:264px;flex-shrink:0;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:10px;transition:border-color .12s,background .12s}.board-col.drag-over{border-color:var(--accent);background:var(--accent-soft)}.board-col-head{display:flex;align-items:center;gap:8px;padding:4px 6px 10px}.board-col-name{font-weight:700;font-size:13.5px}.board-col-count{font-size:11.5px;font-weight:700;color:var(--muted);background:var(--line-soft);border-radius:99px;padding:1px 7px}.col-del{margin-left:auto;opacity:0}.board-col:hover .col-del{opacity:1}.board-col-head input{width:100%;font-size:13.5px}.board-cards{display:flex;flex-direction:column;gap:7px;min-height:8px}.card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:9px;padding:10px 12px;cursor:grab;box-shadow:0 1px 2px #21201c0a;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card:active{cursor:grabbing}.card.done{opacity:.55}.card.done .card-title{text-decoration:line-through}.card-top{display:flex;align-items:flex-start;gap:9px}.card-title{font-weight:500;font-size:13.5px;line-height:1.35}.card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;padding-left:25px;font-size:11.5px;font-weight:600;color:var(--muted)}.overdue-text{color:var(--accent)}.board-add{display:flex;align-items:center;gap:6px;width:100%;padding:8px 6px 4px;color:var(--faint);font-size:13px;font-weight:500}.board-add:hover{color:var(--ink)}.board-add-form{padding-top:7px}.board-add-form input{width:100%;font-size:13px}.board-new-col,.board-new-col-form{width:200px;flex-shrink:0;padding:12px}.board-new-col{display:flex;align-items:center;gap:7px;border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);font-weight:600;justify-content:center;height:46px}.board-new-col:hover{border-color:var(--faint);color:var(--ink)}.board-new-col-form input{width:100%}.cal-view{max-width:none}.cal-head{justify-content:space-between}.cal-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cal-body{display:flex;gap:18px;align-items:flex-start}.month{flex:1;min-width:0}.month-dow{display:grid;grid-template-columns:repeat(7,1fr);text-align:right;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:0 6px 6px}.month-dow span{padding-right:8px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line);gap:1px}.month-cell{background:var(--surface);min-height:108px;min-width:0;padding:6px;display:flex;flex-direction:column;gap:4px}.month-more{font-size:11px;font-weight:700;color:var(--muted);text-align:left;padding:1px 7px;border-radius:5px}.month-more:hover{background:var(--line-soft);color:var(--ink)}.month-cell.dim{background:var(--dim-cell)}.month-cell.dim .month-daynum{color:var(--faint)}.month-cell.today{background:var(--today-tint)}.month-daynum{align-self:flex-end;font-size:12.5px;font-weight:600;color:var(--muted);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.month-daynum:hover{background:var(--line-soft);color:var(--ink)}.month-cell.today .month-daynum{background:var(--accent);color:#fff}.month-items{display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-chip{font-size:11.5px;font-weight:600;color:#fff;border-radius:5px;padding:2px 7px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cal-chip-time{opacity:.75;margin-right:5px;font-weight:500}.cal-chip.task{background:var(--line-soft);color:var(--ink);cursor:pointer;border:1px dashed var(--faint)}.cal-chip.ext{background:#4a6b8a1f;color:#4a6b8a;border:1px solid rgba(74,107,138,.45);cursor:default}.timegrid-event.ext{background:#4a6b8a24;color:#3c5c7a;border:1.5px solid rgba(74,107,138,.55);box-shadow:none;cursor:default}.cal-chip.auto{background:#7d8b7421;color:var(--sage);border:1px dashed var(--sage)}.cal-chip.auto .cal-chip-time{opacity:.95}.cal-chip.auto.late{background:#c4502f17;color:var(--accent);border-color:var(--accent)}.cal-tray{width:212px;flex-shrink:0;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:14px}.tray-hint{font-size:12px;color:var(--muted);margin:0 0 10px}.tray-task{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:6px;cursor:grab;color:var(--ink)}.tray-task:active{cursor:grabbing}.timegrid{flex:1;min-width:0}.timegrid-allday{display:flex;border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0;background:var(--surface);overflow:hidden}.timegrid-allday-col{flex:1;min-width:0;padding:8px;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;gap:3px}.timegrid-allday-col.today{background:var(--today-tint)}.timegrid-date{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}.timegrid-allday-col.today .timegrid-date{color:var(--accent)}.timegrid-scroll{display:flex;border:1px solid var(--line);border-radius:0 0 12px 12px;background:var(--surface);overflow-y:auto;max-height:560px}.timegrid-gutter{width:52px;flex-shrink:0}.timegrid-scroll .timegrid-gutter{padding-top:0}.timegrid-hour-label{font-size:10.5px;color:var(--faint);text-align:right;padding-right:8px;transform:translateY(-6px)}.timegrid-col{flex:1;min-width:0;position:relative;border-left:1px solid var(--line-soft)}.timegrid-col.today{background:var(--today-tint-strong)}.timegrid-line{position:absolute;left:0;right:0;border-top:1px solid var(--line-soft)}.timegrid-event{position:absolute;left:3px;right:3px;border-radius:6px;color:#fff;padding:3px 8px;text-align:left;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #21201c2e}.timegrid-event-title{font-size:12px;font-weight:700;line-height:1.25}.timegrid-event-time{font-size:10.5px;opacity:.8}.timegrid-hint{font-size:12px;color:var(--faint);margin:8px 2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:50;animation:fade-in .15s ease both}@keyframes fade-in{0%{opacity:0}}.dialog{background:var(--bg);border-radius:14px;padding:22px 24px;width:420px;max-width:calc(100vw - 40px);box-shadow:0 24px 60px #21201c40;animation:view-in .18s ease both}.dialog h2{font-family:var(--font-display);font-size:21px;font-weight:600;margin:0 0 16px}.field{margin-bottom:12px}.field input,.field select{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.field-row{display:flex;gap:10px}.field-row .field{flex:1;min-width:0}.swatches{display:flex;gap:7px;margin-top:2px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;outline:2px solid transparent;transition:outline-color .12s}.swatch.active{outline-color:var(--ink);border-color:var(--bg)}.dialog-foot{display:flex;align-items:center;gap:8px;margin-top:18px}.dialog-sub{color:var(--muted);font-size:13.5px;margin:-8px 0 14px;font-weight:600}.dialog-hint{color:var(--faint);font-size:12.5px;margin:4px 0 0}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.context-menu{position:fixed;width:224px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 40px #21201c38;padding:6px;animation:view-in .12s ease both}.menu-title{font-size:11.5px;font-weight:700;color:var(--muted);padding:6px 10px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.menu-item{display:block;width:100%;text-align:left;font-size:13px;font-weight:500;padding:7px 10px;border-radius:7px;color:var(--ink)}.menu-item:hover{background:var(--line-soft)}.menu-item.danger{color:var(--accent)}.menu-item.danger:hover{background:var(--accent-soft)}.menu-sep{height:1px;background:var(--line-soft);margin:4px 8px}.task-dialog{width:560px;padding:16px}.settings-dialog{width:520px;max-height:84vh;overflow-y:auto}.settings-sep{height:1px;background:var(--line);margin:18px 0}.unsched-wrap{position:relative}.unsched-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #21201c2e;padding:12px;animation:view-in .14s ease both}.task-dialog .task-row{margin-bottom:0}.task-dialog .dialog-foot{margin-top:12px}.chip-planned{color:var(--sage);background:var(--sage-soft)}.chip-cantfit{color:#fff;background:var(--ink);letter-spacing:.03em}.chip-label{background:transparent;border:1px solid;font-weight:700}.chip-label-toggle{background:transparent;border:1.5px solid;font-weight:700;cursor:pointer;padding:2px 9px}.blocker-chip{gap:6px}.blocker-chip .ghost-btn{padding:0 2px}.label-add input{border:1px dashed var(--line)!important;background:transparent!important;font-size:11.5px;padding:2px 8px;border-radius:99px;width:76px}.task-flags{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}.labels-manage{display:flex;gap:7px;flex-wrap:wrap}.labels-manage-chip{gap:5px;padding:3px 9px}.timegrid-block.offhours{border-style:solid;border-color:#5b5470;color:#5b5470;background:#5b54701a}.cantfit-btn{color:var(--accent)}.chip-asap{color:#fff;background:#7e1d10;letter-spacing:.04em}.chip-risk{color:#fff;background:var(--accent);animation:pulse 2.4s ease-in-out infinite}.planner-toggle{margin-bottom:12px;flex-wrap:wrap}.risk-note{color:var(--accent);font-weight:600;font-size:12px}.timegrid-block{position:absolute;left:3px;right:3px;border-radius:6px;border:1.5px dashed var(--sage);background:#7d8b741f;color:var(--sage);padding:2px 8px;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.timegrid-block{cursor:pointer}.timegrid-block.tiny{padding:0 6px;flex-direction:row;align-items:center}.timegrid-block.tiny .timegrid-block-title{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.timegrid-block.pinned{border-style:solid;border-width:2px;border-color:var(--accent);color:var(--accent);background:#c4502f14}.cal-chip.auto.pinned{border-style:solid;border-width:1.5px}.timegrid-block:hover{background:#7d8b7438}.timegrid-block.late:hover{background:#c4502f2e}.timegrid-block.late{border-color:var(--accent);background:#c4502f1a;color:var(--accent)}.timegrid-block-title{font-size:12px;font-weight:700;line-height:1.25}.timegrid-block .timegrid-event-time{opacity:.85}.now-line{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--accent);z-index:3}.now-line:before{content:"";position:absolute;left:-1px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.planner-card{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.planner-hours{display:flex;gap:8px;margin-bottom:10px}.planner-hours label{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.planner-hours input{width:100%;min-width:0;font-size:12.5px;padding:4px 5px}.planner-days{display:flex;gap:4px;margin-bottom:10px}.planner-day{flex:1;height:26px;border-radius:6px;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--faint);background:var(--surface)}.planner-day.on{background:var(--sage);border-color:var(--sage);color:#fff}.ms-field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ms-field input{font-size:12px;padding:5px 7px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.ms-btn{font-size:12.5px;padding:6px 12px}.ms-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ms-status{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;margin:0 0 4px}.ms-dot{width:8px;height:8px;border-radius:50%;background:var(--sage)}.ms-error{color:var(--accent);font-size:11.5px;font-weight:600;margin:8px 0 0;word-break:break-word}.planner-rule{margin-bottom:10px}.planner-rule .toggle-label{font-size:12.5px;font-weight:600;color:var(--ink)}.planner-rule-detail{font-size:12px;color:var(--muted);margin-top:5px;line-height:2}.planner-rule-detail select{font-size:12px;padding:2px 5px;margin:0 2px}.timegrid-rest{position:absolute;left:3px;right:3px;border-radius:6px;background:repeating-linear-gradient(-45deg,rgba(138,133,122,.1),rgba(138,133,122,.1) 5px,transparent 5px,transparent 10px);border:1px dashed var(--faint);color:var(--muted);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}.planner-legend{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted)}.legend-block{width:18px;height:11px;border-radius:3px;border:1.5px dashed var(--sage);background:#7d8b741f}.agenda-row.auto .agenda-title{color:var(--sage);font-weight:600}.agenda-row.auto .agenda-bar{border:1px dashed var(--sage)}.notes-layout{display:flex;flex:1;height:100%;overflow:hidden}.notes-side{width:252px;flex-shrink:0;border-right:1px solid var(--line);background:var(--glass);display:flex;flex-direction:column;padding:20px 12px 12px}.notes-side-top{display:flex;gap:7px;margin-bottom:10px}.notes-search{flex:1;min-width:0;font-size:13px}.daily-btn{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:8px;background:var(--sage-soft);color:var(--sage);font-weight:700;font-size:13px;margin-bottom:12px}.daily-btn:hover{background:var(--sage-soft-strong)}.daily-btn.wide{width:100%;margin-bottom:0}.daily-date{margin-left:auto;font-weight:500;opacity:.75;font-size:12px}.notes-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.note-item{text-align:left;padding:9px 11px;border-radius:8px}.note-item:hover{background:var(--hover)}.note-item.active{background:var(--line-soft)}.note-item-title{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:6px;color:var(--ink)}.daily-tag{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sage);background:var(--sage-soft);padding:1px 5px;border-radius:4px}.note-item-snippet{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-editor{flex:1;display:flex;flex-direction:column;min-width:0;padding:28px 40px;max-width:860px}.note-editor.empty-state{align-items:center;justify-content:center}.note-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.note-title{flex:1;min-width:200px;font-family:var(--font-display);font-size:26px;font-weight:600;border:none!important;background:none!important;padding:0}.note-tools{display:flex;align-items:center;gap:7px}.note-words{font-size:12px;color:var(--faint)}.note-body{flex:1;resize:none;border:none!important;background:none!important;padding:0;font-size:15px;line-height:1.65;font-family:var(--font-body)}.note-preview{flex:1;overflow-y:auto}.rich{display:flex;flex-direction:column;flex:1;min-height:0}.rich-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:4px 0 8px}.note-editor>.rich>.rich-toolbar{position:sticky;top:0;z-index:5;background:var(--bg)}.rich-btn{min-width:26px;height:26px;padding:0 6px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.rich-btn:hover{background:var(--line-soft);color:var(--ink)}.rich-btn.on{background:var(--ink);color:var(--bg)}.rich-sep{width:1px;height:16px;background:var(--line);margin:0 5px}.rich-body{flex:1;min-height:0;overflow-y:auto}.rich-body .ProseMirror{outline:none;min-height:120px;padding-bottom:40px}.rich.compact .rich-body .ProseMirror{min-height:56px;padding:8px 10px;font-size:13.5px}.rich.compact{background:var(--surface);border:1px solid var(--line);border-radius:8px}.rich.compact .rich-toolbar{padding:4px 6px;border-bottom:1px solid var(--line-soft);background:transparent;position:static}.rich-body .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--faint);float:left;height:0;pointer-events:none}.md ul[data-type=taskList]{list-style:none;padding-left:.2em}.md li[data-type=taskItem]{display:flex;gap:9px;align-items:flex-start}.md li[data-type=taskItem]>label{margin-top:3px;flex-shrink:0}.md li[data-type=taskItem]>div{flex:1;min-width:0}.md li[data-type=taskItem][data-checked=true]>div{color:var(--muted);text-decoration:line-through}.md{line-height:1.65;font-size:15px}.md h1,.md h2,.md h3{font-family:var(--font-display);font-weight:600;line-height:1.25}.md h1{font-size:26px;margin:.6em 0 .4em}.md h2{font-size:20px;margin:1em 0 .4em}.md h3{font-size:16.5px;margin:1em 0 .3em}.md p{margin:.55em 0}.md code{font-family:var(--font-mono);font-size:.88em;background:var(--line-soft);padding:1px 5px;border-radius:4px}.md pre{background:var(--ink);color:var(--bg);padding:14px 16px;border-radius:9px;overflow-x:auto}.md pre code{background:none;padding:0}.md blockquote{margin:.7em 0;padding:2px 16px;border-left:3px solid var(--accent);color:var(--muted)}.md ul,.md ol{padding-left:1.4em;margin:.5em 0}.md li{margin:.2em 0}.md input[type=checkbox]{accent-color:var(--accent);margin-right:4px}.md a{color:var(--accent)}.md hr{border:none;border-top:1px solid var(--line);margin:1.4em 0}.md em{font-family:var(--font-display);font-style:italic}.focus-view{display:flex;gap:44px;align-items:flex-start;padding-top:56px}.focus-stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.focus-phase-tabs{display:flex;gap:18px;margin-bottom:8px}.focus-phase-tab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-bottom:3px;border-bottom:2px solid transparent}.focus-phase-tab.active{color:var(--accent);border-color:var(--accent)}.focus-clock{font-family:var(--font-mono);font-size:108px;font-weight:500;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink);transition:color .3s}.focus-clock.break{color:var(--sage)}.focus-clock.running{color:var(--accent)}.focus-clock.running.break{color:var(--sage)}.focus-progress{width:280px;height:4px;background:var(--line);border-radius:99px;overflow:hidden;margin:6px 0 14px}.focus-progress-bar{height:100%;background:var(--accent);border-radius:99px;transition:width 1s linear}.focus-cycle-dots{display:flex;align-items:center;gap:7px;margin-bottom:22px}.cycle-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--faint)}.cycle-dot.filled{background:var(--accent);border-color:var(--accent)}.cycle-hint{font-size:11.5px;color:var(--faint);margin-left:4px}.focus-controls{display:flex;align-items:center;gap:18px;margin-bottom:26px}.focus-go{width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #21201c40;transition:background .15s,transform .1s}.focus-go:hover{background:var(--accent);transform:scale(1.04)}.focus-attach{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted)}.focus-attach select{max-width:280px}.focus-attach-tally{font-size:12px;color:var(--sage);margin-top:7px;font-weight:600}.park-thought{display:flex;align-items:center;gap:9px;margin-top:22px;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--faint)}.park-thought input{flex:1;border:none;background:none;padding:0;font-size:13.5px}.park-flash{color:var(--sage);font-size:12.5px;font-weight:700;animation:fade-in .2s ease}.focus-settings{margin-top:30px;width:100%;max-width:420px;text-align:left}.focus-settings summary{font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;text-align:center;list-style:none}.focus-settings summary:hover{color:var(--ink)}.focus-settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 12px}.focus-settings-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.focus-settings-grid input{width:100%}.focus-settings-toggles{display:flex;flex-direction:column;gap:8px}.focus-stats{width:280px;flex-shrink:0}.stat-cards{display:flex;gap:10px;margin-bottom:16px}.stat-card{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:12px 8px;text-align:center;box-shadow:var(--shadow)}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.1}.stat-unit{font-size:15px;color:var(--muted);margin-left:1px}.stat-label{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:18px;box-shadow:var(--shadow)}.chart{width:100%;height:90px;display:block}.chart-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:4px}.session-row{display:flex;align-items:center;gap:9px;padding:6px 2px;font-size:13px}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.session-task{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{color:var(--muted);font-size:12px;font-weight:600}.today-head{margin-bottom:26px}.today-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.today-date{font-family:var(--font-display);font-weight:550;font-size:40px;letter-spacing:-.015em;margin:4px 0 0}.today-progress{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;color:var(--muted);font-weight:600}.today-progress-track{width:200px;height:5px;background:var(--line);border-radius:99px;overflow:hidden}.today-progress-bar{height:100%;background:var(--sage);border-radius:99px;transition:width .4s ease}.today-grid{display:flex;gap:34px;align-items:flex-start}.today-main{flex:1;min-width:0}.today-side{width:268px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.panel-head .side-title{margin-bottom:0}.agenda-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px}.agenda-time{width:52px;flex-shrink:0;color:var(--muted);font-size:12px;font-weight:600}.agenda-bar{width:3px;height:16px;border-radius:2px;flex-shrink:0}.agenda-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-focus-stat{display:flex;align-items:baseline;gap:9px;padding:4px 0}.game-view{display:flex;flex-direction:column}.game-head{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:2px}.game-stage{display:flex;flex-direction:column;align-items:center}.game-hud{display:flex;gap:26px;font-size:13.5px;color:var(--muted);margin-bottom:12px}.game-hud strong{font-family:var(--font-display);font-size:17px;color:var(--ink)}.game-frame{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.game-frame canvas{display:block}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-heavy);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px;animation:fade-in .2s ease both}.game-overlay-title{font-family:var(--font-display);font-style:italic;font-size:38px;font-weight:600}.game-overlay p{color:var(--muted);margin:0 0 8px;line-height:1.55}.game-hint{color:var(--faint);font-size:12.5px;margin-top:14px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 80% -10%,#f3ece0 0%,transparent 60%),var(--bg);padding:24px}.auth-card{width:380px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:34px 32px 26px;box-shadow:0 18px 50px #21201c1f}.auth-wordmark{text-align:center;padding:0 0 22px;cursor:default}.auth-card .field input{font-size:14.5px;padding:9px 11px}.auth-submit{width:100%;justify-content:center;padding:10px;margin-top:6px;font-size:14.5px}.auth-error{color:var(--accent);font-size:13px;font-weight:600;margin:4px 0 8px}.auth-notice{color:var(--sage);font-size:13px;font-weight:600;margin:4px 0 8px}.auth-links{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.auth-fineprint{text-align:center;color:var(--faint);font-size:11.5px;margin:18px 0 0;line-height:1.5}.sidebar-foot-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 4px}.kbd-hint{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.palette-overlay{align-items:flex-start;padding-top:14vh}.palette{width:560px;max-width:calc(100vw - 32px);background:var(--bg);border-radius:14px;box-shadow:0 24px 70px #21201c59;overflow:hidden;animation:view-in .15s ease both}.palette-input{width:100%;border:none!important;background:none!important;padding:16px 18px;font-size:15px;border-bottom:1px solid var(--line)!important;border-radius:0}.palette-list{max-height:340px;overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:13.5px;gap:10px}.palette-item.active{background:var(--line-soft)}.palette-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-hint{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.palette-foot{font-size:11px;color:var(--faint);padding:8px 16px;border-top:1px solid var(--line-soft)}.data-actions{display:flex;gap:10px;align-items:center}.snapshot-row{display:flex;align-items:center;gap:12px;padding:7px 2px;font-size:13.5px;border-bottom:1px solid var(--line-soft)}.snapshot-row span:first-child{font-weight:600}.snapshot-meta{color:var(--muted);font-size:12px;flex:1}.data-message{color:var(--sage);font-size:13px;font-weight:600;margin:10px 0 0}.triage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid rgba(196,80,47,.25);color:var(--ink);border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;font-size:13.5px;font-weight:500}.triage-btn{background:var(--accent);color:#fff;font-weight:700;font-size:12.5px;border-radius:7px;padding:5px 11px}.triage-btn:hover{background:#a93f22}.update-toast{position:fixed;bottom:18px;right:18px;z-index:70;background:var(--ink);color:var(--bg);font-weight:600;font-size:13px;border-radius:10px;padding:11px 16px;box-shadow:0 12px 32px #21201c59;animation:view-in .2s ease both}.update-toast:hover{background:var(--accent);color:#fff}.undo-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:65;display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 16px;font-size:13.5px;box-shadow:0 12px 32px #21201c59;animation:view-in .18s ease both}.undo-toast button{color:#f0b8a4;font-weight:700;text-decoration:underline}.review-cards{max-width:560px;margin-bottom:26px}.review-grid{display:flex;gap:40px;align-items:flex-start}.review-col{flex:1;min-width:0}.review-days{display:flex;gap:8px;align-items:flex-end}.review-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted)}.review-day-bar-wrap{height:64px;display:flex;align-items:flex-end}.review-day-bar{width:22px;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--sage)}.review-day.today .review-day-bar{background:var(--accent)}.review-day-count{font-weight:700;color:var(--ink);min-height:16px}.review-day-label{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.review-day-min{color:var(--faint);font-size:10px}.review-project{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px}.review-project-name{width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.review-project-bar{flex:1;height:7px;background:var(--line-soft);border-radius:99px;overflow:hidden}.review-project-bar div{height:100%;border-radius:99px}.review-project-count{font-weight:700;font-size:12px;color:var(--muted);width:22px;text-align:right}.review-done-row{display:flex;align-items:center;gap:9px;padding:6px 2px;font-size:13.5px;border-bottom:1px solid var(--line-soft)}.review-done-check{color:var(--sage);font-weight:800;width:14px}.review-done-row.slipped .review-done-check{color:var(--accent)}.review-done-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-done-date{color:var(--faint);font-size:11.5px;flex-shrink:0}@media (max-width: 980px){.view{padding:26px 22px 50px}.today-grid,.focus-view,.cal-body,.review-grid{flex-direction:column;align-items:stretch}.timegrid,.month,.today-side,.focus-stats,.cal-tray{width:100%}.focus-view{padding-top:30px;gap:30px}.sidebar{width:170px;padding:20px 10px 12px}.wordmark-name{font-size:24px}.tasks-side,.notes-side{width:168px}.note-editor{padding:22px 20px}.focus-clock{font-size:76px}.today-date{font-size:30px}}@media (max-width: 800px){.app{flex-direction:column;height:100vh}.sidebar{width:100%;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border-right:none;border-bottom:1px solid var(--line);background:var(--bg);overflow-x:auto;flex-shrink:0}.wordmark{padding:0 10px 0 0;flex-shrink:0}.wordmark-name{font-size:20px}.wordmark-sub{display:none}.nav{flex-direction:row;gap:2px}.nav-item{padding:7px 10px;white-space:nowrap}.nav-item span{display:none}.nav-item.active span{display:inline}.sidebar-foot{margin:0 0 0 auto;flex-shrink:0}.timer-chip{padding:6px 9px}.timer-chip-phase{display:none}.main{height:auto;flex:1}.tasks-layout,.notes-layout{flex-direction:column;height:auto}.tasks-side,.notes-side{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--line)}.tasks-side .side-title,.side-delete{display:none}.side-item{width:auto}.notes-side{flex-direction:column;max-height:38vh}.tasks-view{padding-top:20px}.tasks-toolbar{flex-wrap:wrap}.tasks-search{min-width:180px}.focus-clock{font-size:64px}.month-cell{min-height:78px;padding:3px}.review-grid{flex-direction:column;gap:24px}.sidebar-foot-row{margin-top:0}.kbd-hint{display:none}.cal-chip{font-size:10px;padding:1px 4px}.timegrid-gutter{width:38px}.bulk-bar{bottom:8px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}[data-theme=dark] .cal-chip.ext{background:#7fa3c424;color:#8fb3d4;border-color:#7fa3c473}[data-theme=dark] .timegrid-event.ext{background:#7fa3c429;color:#9fc0de;border-color:#7fa3c48c}[data-theme=dark] .timegrid-block.offhours{border-color:#948ab8;color:#a89ecb;background:#948ab81f}[data-theme=dark] .undo-toast button{color:#a93f22}[data-theme=dark] .seg button.active{box-shadow:0 1px 3px #0006}.nav-badge{margin-left:auto;min-width:19px;padding:0 5px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.nav-item.active .nav-badge{background:var(--accent);color:#fff}.composer-parsed{display:flex;gap:6px;flex-wrap:wrap;padding:7px 12px 0;animation:view-in .12s ease both}.composer:not(.expanded) .composer-parsed{padding:7px 2px 0}.parsed-chip{background:var(--line-soft);color:var(--muted)}.parsed-due{background:var(--sage-soft);color:var(--sage)}.parsed-priority{background:var(--accent-soft);color:var(--accent)}.parsed-estimate,.parsed-list,.parsed-owner{background:var(--line-soft);color:var(--ink)}.theme-seg{margin-top:4px}