:root,:root[data-theme=light]{--bg:#f3f5ec;--surface:#fff;--surface-alt:#eaeee0;--surface-hover:#e1e6d4;--border:#e0dcc9;--ink:#2e2a22;--ink-soft:#5c5748;--muted:#8b8570;--accent:#4c7a54;--accent-strong:#365b3d;--accent-soft:#e3ede1;--accent-contrast:#fff;--priority-low:#7a8570;--priority-medium:#4c7a54;--priority-high:#e0932f;--priority-urgent:#b23a3a;--success:#4c7a54;--danger:#b23a3a;--warn:#b3781f;--warn-soft:#faecd6;--shadow-sm:0 1px 2px #2e2a2214;--shadow-md:0 10px 24px -12px #4c7a5438;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--font-heading:"Baloo 2", "Segoe UI", sans-serif;--font-body:"Karla", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1c2018;--surface:#242920;--surface-alt:#2b3126;--surface-hover:#323829;--border:#3a4032;--ink:#ece8db;--ink-soft:#c7c2b0;--muted:#928c76;--accent:#7fae87;--accent-strong:#a9d0af;--accent-soft:#2a3a2c;--accent-contrast:#16241a;--priority-low:#928c76;--priority-medium:#7fae87;--priority-high:#e3a94f;--priority-urgent:#e07272;--success:#7fae87;--danger:#e07272;--warn:#e3a94f;--warn-soft:#3a2e19;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 10px 24px -12px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,.sidebar-logo,.login-logo,.task-card-title,.year-month-title{font-family:var(--font-heading);font-weight:600}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-strong)}code,.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,Cascadia Code,ui-monospace,Consolas,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.88rem;font-weight:600;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-alt)}.btn-danger{color:var(--danger)}.btn-icon{border-radius:999px;padding:.45rem}.btn:disabled{opacity:.5;cursor:not-allowed}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:1.6rem;height:100vh;padding:1.2rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;display:flex}.sidebar-logo .dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.quickstart{position:relative}.quickstart-btn{background:var(--accent);width:30px;height:30px;color:var(--accent-contrast);box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 0 0 2px;font-size:.75rem;display:flex}.quickstart-btn:hover{background:var(--accent-strong)}.quickstart-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-md);z-index:30;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:0}.quickstart-popover input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;margin-bottom:.4rem;padding:.4rem .55rem}.quickstart-list{flex-direction:column;gap:.1rem;max-height:240px;display:flex;overflow-y:auto}.quickstart-item{border-radius:var(--radius-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;display:flex;overflow:hidden}.quickstart-item:hover{background:var(--surface-alt)}.quickstart-item .swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.quickstart-empty{color:var(--muted);margin:0;padding:.4rem .5rem;font-size:.82rem}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}.nav-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--ink-soft);text-align:left;background:0 0;border:none;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;font-size:.9rem;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-alt)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.role-filter-icons{flex-wrap:wrap;gap:.5rem;display:flex}.role-filter-icon{border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.role-filter-icon svg{width:18px;height:18px}.role-filter-icon:hover{filter:brightness(.95)}.role-filter-icon.active{border-color:currentColor}.sidebar-footer{flex-direction:column;gap:.6rem;margin-top:auto;display:flex}.user-chip{color:var(--muted);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.user-chip img{border-radius:50%;width:26px;height:26px}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.view-tabs{background:var(--surface-alt);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.view-tab{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:none;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.view-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.topbar-actions{align-items:center;gap:.5rem;display:flex}.main-content{flex:1;min-width:0;padding:1.5rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.badge-role{text-overflow:ellipsis;max-width:180px;padding-left:.3rem;overflow:hidden}.badge-role-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.badge-role-icon svg{width:10px;height:10px}.badge-priority-low{color:var(--priority-low)}.badge-priority-medium{color:var(--priority-medium)}.badge-priority-high{color:var(--priority-high)}.badge-priority-urgent{color:var(--priority-urgent)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag-chip{background:var(--surface-alt);color:var(--ink-soft);border-radius:999px;padding:.15rem .5rem;font-size:.74rem}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;gap:.5rem;padding:.85rem .95rem;display:flex;position:relative}.task-card:hover{border-color:var(--accent)}.task-card-notes-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;max-width:calc(100vw - 3rem);max-height:280px;box-shadow:var(--shadow-md);z-index:40;cursor:default;padding:.7rem .85rem;display:none;position:absolute;top:calc(100% + .4rem);left:50%;overflow-y:auto;transform:translate(-50%)}.task-card:hover .task-card-notes-tooltip{display:block}.task-card.dragging{opacity:.5}.task-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.task-card-title{font-size:.92rem;font-weight:600;line-height:1.35}.task-card-meta-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.task-card-due{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.76rem}.task-card-due.overdue{color:var(--danger);font-weight:700}.task-card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.task-card-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.subtask-progress{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.75rem}.timer-toggle-btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.timer-toggle-btn.running{background:var(--danger);border-color:var(--danger);color:#fff}.timer-toggle-icon{font-size:.7rem;line-height:1;display:inline-flex}.timer-toggle-btn.running .timer-toggle-icon{animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.kanban-board{grid-template-columns:repeat(3,minmax(260px,1fr));align-items:start;gap:1rem;display:grid}.kanban-column{background:var(--surface-alt);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;min-height:200px;padding:.8rem;display:flex}.kanban-column-header{justify-content:space-between;align-items:center;padding:.2rem .3rem .4rem;font-size:.85rem;font-weight:700;display:flex}.kanban-count{color:var(--muted);background:var(--surface);border-radius:999px;padding:.05rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.72rem}.kanban-cards{flex-direction:column;gap:.55rem;min-height:60px;display:flex}.kanban-column.drop-over{outline:2px dashed var(--accent);outline-offset:-4px}.list-toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.task-list-grouped{flex-direction:column;display:flex}.task-role-header{align-items:center;gap:.5rem;padding:.9rem .3rem .4rem;display:flex}.task-role-section:first-child .task-role-header{padding-top:.2rem}.task-role-header .swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-role-header-label{font-size:.82rem;font-weight:700}.task-role-header-count{color:var(--muted);font-size:.75rem}.task-role-header-line{background:var(--border);flex:1;height:1px}.task-row-list{flex-direction:column;display:flex}.task-row{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:.7rem;padding:.5rem .3rem;display:flex;position:relative}.task-row-list .task-row:first-child{border-top:none}.task-row:hover{background:var(--surface-alt)}.task-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:500;overflow:hidden}.task-row-priority{flex-shrink:0;width:56px;font-size:.75rem}.task-row-due{width:84px;color:var(--muted);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:.75rem}.task-row-due.overdue{color:var(--danger);font-weight:700}.task-row-time{text-align:right;width:52px;color:var(--muted);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:.75rem}.timer-toggle-btn.compact{flex-shrink:0;justify-content:center;width:26px;height:26px;padding:0}.task-row-notes-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;max-width:calc(100vw - 3rem);max-height:280px;box-shadow:var(--shadow-md);z-index:40;cursor:default;padding:.7rem .85rem;display:none;position:absolute;top:calc(100% + .3rem);right:.3rem;overflow-y:auto}.task-row:hover .task-row-notes-tooltip{display:block}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-scroll{overflow-x:auto}.calendar-cols{grid-template-columns:56px repeat(7,minmax(150px,1fr));min-width:800px;display:grid}.calendar-day-header{color:var(--ink-soft);text-transform:capitalize;border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:.3rem .4rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;display:flex}.calendar-day-header.today{color:var(--accent-strong);border-bottom-color:var(--accent)}.calendar-day-count{background:var(--surface-alt);color:var(--muted);border-radius:999px;padding:.05rem .4rem;font-size:.68rem}.calendar-due-row{min-height:4px}.calendar-due-strip{flex-direction:column;gap:.2rem;padding:.3rem .3rem .5rem;display:flex}.calendar-due-chip{border:1px solid;border-color:var(--due-color);color:var(--due-color);background:var(--surface);border-radius:var(--radius-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.15rem .45rem;font-size:.72rem;overflow:hidden}:root[data-theme=dark] .calendar-due-chip{color:color-mix(in srgb, var(--due-color) 65%, white 35%);border-color:color-mix(in srgb, var(--due-color) 65%, white 35%)}.calendar-gutter{position:relative}.calendar-hour-label{color:var(--muted);text-align:right;padding-right:.4rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;transform:translateY(-.6em)}.calendar-track{border-left:1px solid var(--border);cursor:crosshair;position:relative}.calendar-track.today{background:color-mix(in srgb, var(--accent) 4%, transparent)}.calendar-hour-line{border-top:1px solid var(--border);position:absolute;left:0;right:0}.calendar-now-line{border-top:2px solid var(--danger);z-index:2;position:absolute;left:0;right:0}.calendar-now-line:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px}.calendar-drag-ghost{background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px dashed var(--accent);pointer-events:none;z-index:3;border-radius:4px;position:absolute;left:2px;right:2px}.calendar-block{border-left:3px solid var(--accent);cursor:grab;border-radius:4px;flex-direction:column;justify-content:center;padding:.15rem .4rem;font-size:.72rem;line-height:1.25;display:flex;position:absolute;left:2px;right:2px;overflow:hidden}.calendar-block:hover{outline:1px solid var(--ink-soft)}.calendar-block-delete{background:var(--surface);width:15px;height:15px;color:var(--ink-soft);cursor:pointer;opacity:0;border:none;border-radius:3px;padding:0;font-size:.6rem;line-height:1;transition:opacity .1s;position:absolute;top:1px;right:1px}.calendar-block:hover .calendar-block-delete{opacity:1}.calendar-block-delete:hover{background:var(--danger);color:#fff}.calendar-block-handle{cursor:ns-resize;height:6px;position:absolute;left:0;right:0}.calendar-block-handle.top{top:0}.calendar-block-handle.bottom{bottom:0}.calendar-block.dragging{opacity:.85;z-index:4;box-shadow:var(--shadow-md);cursor:grabbing}.calendar-block.compact{padding:.05rem .4rem;font-size:.68rem}.calendar-block.running{outline:2px solid var(--danger);outline-offset:1px}.calendar-block-time{color:var(--ink-soft);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.65rem}.calendar-block-title{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-weight:600;overflow:hidden}.timer-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);z-index:20;align-items:center;gap:.8rem;max-width:calc(100vw - 2.4rem);padding:.7rem 1rem;display:flex;position:fixed;bottom:1.2rem;left:auto;right:1.2rem}.timer-bar-info{flex-direction:column;min-width:0;display:flex}.timer-bar-task{white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:.85rem;font-weight:600;overflow:hidden}.timer-bar-elapsed{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.78rem}.live-dot{background:var(--danger);border-radius:50%;width:10px;min-width:10px;height:10px;animation:1.4s infinite pulse}.modal-overlay{z-index:50;background:#0a0e1280;justify-content:center;align-items:flex-start;padding:4vh 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-md);flex-direction:column;max-height:92vh;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-body{flex-direction:column;gap:1rem;padding:1.2rem 1.3rem;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:space-between;gap:.6rem;padding:1rem 1.3rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;display:grid}.manual-time-toggle{gap:.5rem;margin-bottom:.6rem;display:flex}.manual-time-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.4rem;font-size:.78rem;display:flex}.manual-time-toggle-btn span{font-variant-numeric:tabular-nums;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:700}.manual-time-toggle-btn.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.manual-time-toggle-btn.active span{color:var(--accent)}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.form-field input[type=text],.form-field input[type=datetime-local],.form-field input[type=number],.form-field textarea,.form-field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--ink);padding:.5rem .6rem}.form-field textarea{resize:vertical;min-height:90px;font-family:IBM Plex Mono,monospace;font-size:.85rem}.checkbox-row{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.subtask-editor{flex-direction:column;gap:.4rem;display:flex}.subtask-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.subtask-item input[type=text]{background:0 0;border:none;border-bottom:1px solid #0000;flex:1;padding:.15rem 0}.subtask-item input[type=text]:focus{border-bottom-color:var(--border)}.subtask-item.done .subtask-title{color:var(--muted);text-decoration:line-through}.role-picker{flex-wrap:wrap;gap:.5rem;display:flex}.role-picker-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.role-picker-btn:hover{background:var(--surface-alt)}.role-picker-btn.active{border-color:var(--role-color,var(--accent));background:color-mix(in srgb, var(--role-color,var(--accent)) 16%, transparent);color:var(--ink)}.role-picker-btn .swatch{background:var(--role-color);border-radius:50%;flex-shrink:0;width:9px;height:9px}.role-picker-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.role-picker-icon svg{width:11px;height:11px}.chip-input-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.4rem;display:flex}.chip-input-row input{background:0 0;border:none;flex:1;min-width:90px;padding:.2rem}.chip-removable{background:var(--surface-alt);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem .15rem .6rem;font-size:.78rem;display:inline-flex}.chip-removable button{color:var(--muted);background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.tag-suggestions{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;gap:.05rem;min-width:160px;padding:.25rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0}.tag-suggestion-item{text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;padding:.35rem .5rem;font-size:.82rem}.tag-suggestion-item:hover{background:var(--surface-alt)}.datetime-picker{position:relative}.datetime-picker-field{align-items:center;gap:.3rem;display:flex}.datetime-picker-trigger{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:.5rem .6rem;font-size:.88rem;overflow:hidden}.datetime-picker-trigger:hover{border-color:var(--accent)}.datetime-picker-clear{color:var(--muted);background:0 0;border:none;flex-shrink:0;padding:.3rem;font-size:.85rem}.datetime-picker-clear:hover{color:var(--danger)}.datetime-picker-popover{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-md);padding:.7rem;position:absolute;top:calc(100% + .35rem);left:0}.datetime-picker-nav{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.datetime-picker-nav button{color:var(--ink-soft);border-radius:var(--radius-sm);background:0 0;border:none;padding:.15rem .5rem;font-size:1.1rem;line-height:1}.datetime-picker-nav button:hover{background:var(--surface-alt)}.datetime-picker-weekdays{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);margin-bottom:.2rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:grid}.datetime-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datetime-picker-day{border-radius:var(--radius-sm);color:var(--ink);background:0 0;border:none;padding:.35rem 0;font-size:.8rem}.datetime-picker-day:hover{background:var(--surface-alt)}.datetime-picker-day.outside{color:var(--muted);opacity:.5}.datetime-picker-day.today{color:var(--accent-strong);font-weight:700}.datetime-picker-day.selected{background:var(--accent);color:var(--accent-contrast);font-weight:600}.datetime-picker-time-row{border-top:1px solid var(--border);justify-content:center;margin-top:.6rem;padding-top:.6rem;display:flex}.clock-picker{flex-direction:column;align-items:center;gap:.5rem;padding:.3rem 0 .1rem;display:flex}.clock-picker-readout{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:1.4rem;font-weight:700}.clock-picker-tabs{gap:.4rem;display:flex}.clock-picker-tab{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.25rem .85rem;font-size:.75rem;font-weight:600}.clock-picker-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.clock-picker-dial{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0;width:220px;max-width:100%;display:block}.clock-picker-face{fill:var(--surface-alt)}.clock-picker-hand{stroke:var(--accent);stroke-width:2px}.clock-picker-hand-dot{fill:var(--accent)}.clock-picker-mark{fill:#0000}.clock-picker-mark.selected{fill:var(--accent)}.clock-picker-label{text-anchor:middle;fill:var(--ink);pointer-events:none;font-size:13px}.clock-picker-label.selected{fill:var(--accent-contrast);font-weight:700}.description-preview{color:var(--ink-soft);font-size:.88rem;line-height:1.55}.description-preview :is(h1,h2,h3){margin:.6rem 0 .2rem;font-size:1rem}.description-preview code{background:var(--surface-alt);border-radius:4px;padding:.1rem .3rem}.description-preview pre{background:var(--surface-alt);border-radius:var(--radius-sm);padding:.6rem;overflow-x:auto}.note-list{flex-direction:column;gap:.35rem;display:flex}.note-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.note-date{color:var(--muted);white-space:nowrap;font-weight:600}.note-text{flex:1}.note-edit-input{border:none;border-bottom:1px solid var(--border);color:inherit;background:0 0;flex:1;padding:.15rem 0;font-size:.85rem}.note-edit-input:focus{border-bottom-color:var(--accent)}.reports-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.2rem;display:grid}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.2rem}.report-card h3{margin:0 0 .9rem;font-size:.95rem}.top-tags-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.top-tags-list li{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.top-tags-list .tag-row{justify-content:space-between;align-items:center;display:flex}.top-tags-list .tag-minutes{color:var(--muted);font-family:IBM Plex Mono,monospace}.reports-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.week-grid-wrap{overflow-x:auto}.week-grid{border-collapse:collapse;width:100%;font-size:.8rem}.week-grid th,.week-grid td{text-align:center;white-space:nowrap;padding:.45rem .6rem}.week-grid th{color:var(--muted);text-transform:capitalize;font-size:.72rem;font-weight:600}.week-grid th:first-child,.week-grid td:first-child{text-align:left}.week-grid tbody tr{border-top:1px solid var(--border)}.week-grid tfoot tr{border-top:1px solid var(--border);font-weight:600}.week-grid td:not(:first-child){font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}.week-grid td.muted-cell{color:var(--muted)}.week-grid th.total-col,.week-grid td.total-col{font-weight:600}.week-grid th.today,.week-grid td.today{background:color-mix(in srgb, var(--accent) 6%, transparent)}.week-grid-task{align-items:center;gap:.4rem;display:flex}.week-grid-task .swatch{border-radius:50%;flex-shrink:0;width:7px;height:7px}.shopping-lists-strip{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.shopping-list-chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.shopping-list-chip svg{width:15px;height:15px}.shopping-list-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.shopping-list-chip.new{color:var(--muted);border-style:dashed}.chip-residence{color:var(--muted);background:var(--surface-alt);border-radius:999px;padding:.1rem .4rem;font-size:.72rem;font-weight:500}.chip-count{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.75rem}.shopping-new-list-form{margin-bottom:1rem}.shopping-list-detail-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.9rem;padding-bottom:.9rem;display:flex}.shopping-list-title{min-width:160px;font-family:var(--font-heading);flex:1;font-size:1.1rem;font-weight:600}.shopping-item{padding:.3rem 0}.shopping-item-qty{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.78rem}.shopping-item-add{flex-wrap:wrap}.shopping-item-add input[type=text],.shopping-item-add input[type=number]{background:0 0;border:none;border-bottom:1px solid #0000;flex:160px;padding:.15rem 0}.shopping-item-add input[type=text]:focus,.shopping-item-add input[type=number]:focus{border-bottom-color:var(--border)}.shopping-qty-input{flex:0 70px!important}.shopping-unit-input{flex:0 100px!important}.admin-role-list{flex-direction:column;gap:.5rem;margin-bottom:.9rem;display:flex}.admin-role-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);align-items:center;gap:.6rem;padding:.4rem;display:flex}.admin-role-row.dragging{opacity:.5}.drag-handle{color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:none;padding:.2rem .3rem;font-size:1rem;line-height:1}.drag-handle:active{cursor:grabbing}.admin-role-row-new{border-style:dashed}.admin-color-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);flex-shrink:0;width:34px;height:34px;padding:2px}.icon-picker{flex-shrink:0;position:relative}.icon-picker-trigger{border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-picker-trigger svg{width:17px;height:17px}.icon-picker-dropdown{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .3rem);left:0}.icon-picker-option{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-soft);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-picker-option:hover{background:var(--surface-alt);color:var(--ink)}.icon-picker-option svg{width:16px;height:16px}.admin-label-input{border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:.4rem .3rem}.admin-label-input:focus{background:var(--surface)}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;max-width:360px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.2rem;padding:2.4rem 2.2rem;display:flex}.login-logo{font-size:1.4rem;font-weight:700}.google-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1rem;font-weight:600;display:inline-flex}.google-btn:hover{background:var(--surface-hover)}.empty-state{color:var(--muted);text-align:center;padding:2rem 1rem;font-size:.88rem}.section-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title h1{margin:0;font-size:1.3rem}.filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:.4rem .6rem}.app-shell.mobile{flex-direction:column;min-height:100vh;display:flex}.mobile-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex;position:sticky;top:0}.mobile-brand{font-family:var(--font-heading);color:var(--accent-strong);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.mobile-brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.mobile-content{flex:1;padding:1rem}.mobile-screen-bar{align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.mobile-screen-title{font-family:var(--font-heading);color:var(--ink);flex:1;font-size:1rem;font-weight:700}.mobile-settings{position:relative}.mobile-settings-trigger{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-settings-trigger svg{width:18px;height:18px}.mobile-settings-dropdown{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-md);flex-direction:column;gap:.1rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0}.mobile-settings-user{color:var(--ink-soft);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.2rem;padding:.5rem .6rem;font-size:.82rem;display:flex}.mobile-settings-user img{border-radius:50%;width:24px;height:24px}.mobile-settings-item{text-align:left;width:100%;color:var(--ink);font-family:var(--font-body);border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem .6rem;font-size:.85rem;text-decoration:none;display:block}.mobile-settings-item:hover{background:var(--surface-alt)}.mobile-settings-item.danger{color:var(--danger)}.mobile-quick-actions{gap:.6rem;margin-bottom:1.1rem;display:flex}.mobile-quick-btn{border-radius:var(--radius-md);font-family:var(--font-body);border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .5rem;font-size:.85rem;font-weight:700;display:flex}.mobile-quick-btn.start{background:var(--accent);color:var(--accent-contrast)}.mobile-quick-btn.add{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.mobile-quick-btn svg{flex-shrink:0;width:16px;height:16px}.mobile-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.mobile-tiles{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.2rem;display:grid}.mobile-tile{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:.5rem;padding:.9rem .85rem;display:flex}.mobile-tile-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-tile-icon svg{width:18px;height:18px}.mobile-tile-title{font-family:var(--font-heading);color:var(--ink);font-size:.98rem;font-weight:700}.mobile-tile-sub{color:var(--muted);font-size:.74rem;line-height:1.35}.mobile-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:.3rem .8rem;display:flex}.mobile-plan-row{border-bottom:1px solid var(--border);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;align-items:center;gap:.6rem;width:100%;padding:.65rem 0;display:flex}.mobile-plan-row:last-child{border-bottom:none}.mobile-plan-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mobile-plan-text{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-plan-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.mobile-plan-cat{color:var(--muted);font-size:.7rem}.mobile-plan-time{color:var(--ink-soft);white-space:nowrap;font-size:.78rem;font-weight:700}.mobile-cal-week{flex-direction:column;gap:.5rem;margin-top:.8rem;display:flex}.mobile-cal-week-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-align:left;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.mobile-cal-week-row.today{border-color:var(--accent);background:var(--accent-soft)}.mobile-cal-week-date{flex-direction:column;flex-shrink:0;align-items:center;min-width:42px;display:flex}.mobile-cal-week-dow{color:var(--muted);text-transform:uppercase;font-size:.65rem}.mobile-cal-week-num{font-family:var(--font-heading);color:var(--ink);font-size:1.1rem;font-weight:700}.mobile-cal-week-chips{flex-wrap:wrap;flex:1;align-items:center;gap:.3rem;min-width:0;display:flex}.mobile-cal-week-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:140px;padding:.2rem .5rem;font-size:.72rem;font-weight:700;overflow:hidden}.mobile-cal-week-more{color:var(--muted);font-size:.7rem}.mobile-cal-week-empty{color:var(--muted);font-size:.78rem}.mobile-cal-day-toolbar{align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.mobile-cal-day-toolbar .btn:first-child{flex:1}.mobile-cal-day-title{font-family:var(--font-heading);color:var(--ink);text-transform:capitalize;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:1rem;font-weight:700;display:flex}.mobile-cal-today-badge{text-transform:none;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.mobile-cal-add-btn{width:100%;margin-bottom:.9rem}.mobile-cal-agenda{flex-direction:column;gap:.5rem;display:flex}.mobile-cal-agenda-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-align:left;border-left:3px solid;align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.mobile-cal-agenda-time{color:var(--ink-soft);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:700}.mobile-cal-agenda-text{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-cal-agenda-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.mobile-cal-agenda-sub{color:var(--muted);font-size:.72rem}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.role-filter{flex-flow:wrap}.sidebar-footer{margin-top:0}.changelog-link{display:none}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:none;padding-bottom:.4rem;display:flex;overflow-x:auto}.kanban-column{scroll-snap-align:center;flex:0 0 85%}.kanban-board,.shopping-lists-strip{scrollbar-width:none;-ms-overflow-style:none}.kanban-board::-webkit-scrollbar{display:none}.shopping-lists-strip::-webkit-scrollbar{display:none}.reports-grid{grid-template-columns:1fr}.timer-bar{left:1rem;right:1rem}.timer-bar-task{max-width:45vw}}.quick-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:280px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.quick-logo{color:var(--accent-strong);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.quick-logo .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.quick-today{flex-direction:column;gap:.15rem;display:flex}.quick-today-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-family:IBM Plex Mono,monospace;font-size:.72rem}.quick-today-value{font-size:1.4rem;font-weight:600}.quick-task-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-align:center;width:100%;padding:.7rem .9rem;font-size:.9rem}.quick-task-input:focus{border-color:var(--accent)}.quick-running-card{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:.2rem;width:100%;padding:.6rem .8rem;display:flex}.quick-running-time{color:var(--accent-strong);font-size:.72rem}.quick-running-title{font-size:.92rem;font-weight:600}.quick-play-btn{background:var(--accent);width:68px;height:68px;color:var(--accent-contrast);box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.quick-play-btn:hover{background:var(--accent-strong)}.quick-play-btn:disabled{opacity:.5}.quick-play-btn.stop{background:var(--danger);font-size:1.3rem}.quick-hint{color:var(--muted);margin:-.4rem 0 0;font-size:.78rem}.quick-full-link{color:var(--muted);margin-top:.6rem;font-size:.76rem}.quick-task-field{width:100%;position:relative}.quick-task-suggestions{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);text-align:left;flex-direction:column;gap:.05rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0;right:0}.quick-task-suggestion-item{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .55rem;font-size:.82rem;display:flex;overflow:hidden}.quick-task-suggestion-item:hover{background:var(--surface-alt)}.quick-task-suggestion-item .swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.reschedule-menu{margin-left:auto;position:relative}.reschedule-dropdown{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.15rem;min-width:120px;margin-top:.25rem;padding:.35rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000002e}.reschedule-dropdown button{color:var(--ink);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;padding:.4rem .5rem;font-size:.82rem}.reschedule-dropdown button:hover{background:var(--surface-alt)}.year-calendar{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;display:grid}.year-month-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem}.year-month-title{text-transform:capitalize;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.year-month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.year-month-weekday{color:var(--muted);text-align:center;font-size:.62rem}.year-day-cell{aspect-ratio:1;color:var(--ink-soft);border-radius:4px;justify-content:center;align-items:center;font-size:.68rem;display:flex;position:relative}.year-day-cell.today{border:1px solid var(--accent)}.year-day-cell.has-tasks{cursor:pointer;font-weight:600}.year-day-cell.has-tasks:hover{background:var(--surface-alt)}.year-day-dot{border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.budget-table{border-collapse:collapse;width:100%;font-size:.85rem}.budget-table th,.budget-table td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .6rem}.budget-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.budget-table td.num{text-align:right;font-variant-numeric:tabular-nums}