:root{--ui-canvas:#fbfcfa;--ui-surface:#ffffff;--ui-raised:#f5f8f2;--ui-sidebar:#f2f5ef;--ui-text:#202a28;--ui-muted:#738371;--ui-border:#dce4d8;--ui-accent:#245c48;--ui-on-accent:#ffffff;--ui-selected:#e3eddf;--ui-weekend:#edf1ea;--ui-danger:#a84438}
html[data-theme=dark]{--ui-canvas:#141d18;--ui-surface:#202b25;--ui-raised:#27352c;--ui-sidebar:#19241e;--ui-text:#e2ece4;--ui-muted:#a1b5a6;--ui-border:#3b5041;--ui-accent:#9bcab0;--ui-on-accent:#13251b;--ui-selected:#324b3c;--ui-weekend:#29372d;--ui-danger:#f3a597;--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);--green:var(--ui-accent)}
.appearance-launcher{position:relative;flex-shrink:0}.appearance-launcher>button{font-size:11px;white-space:nowrap}#appearanceMenu{position:absolute;right:0;top:calc(100% + 9px);width:310px;max-width:90vw;padding:20px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 8px 35px #102d2528;z-index:30}#appearanceMenu[hidden]{display:none!important}#appearanceMenu h3{margin:0;font-size:16px}#appearanceMenu label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}#appearanceMenu select{width:100%;padding:10px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:6px}.appearance-settings{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--ui-border)}.appearance-preview{display:flex;gap:8px;margin:14px 0}.appearance-preview-swatch{width:30px;height:24px;border:1px solid #0002;border-radius:5px}.appearance-status{font-size:11px;line-height:1.5;color:var(--ui-muted)}.shared-banner .appearance-launcher{margin-left:auto}.shared-banner .appearance-launcher button{margin-left:0}.shared-banner:has(.appearance-launcher) #sharedSavePdf{margin-left:0}
html[data-theme=dark] body{background:var(--ui-canvas);color:var(--ui-text)}
html[data-theme=dark] .sidebar,html[data-theme=dark] .collapsed-rail{background:var(--ui-sidebar);border-color:var(--ui-border)}
html[data-theme=dark] .brand,html[data-theme=dark] .gantt-project-title,html[data-theme=dark] .titleline h1,html[data-theme=dark] .drawer h2,html[data-theme=dark] .drawer h3,html[data-theme=dark] .metrics b,html[data-theme=dark] .crumb b{color:var(--ui-text)}
html[data-theme=dark] .top,html[data-theme=dark] .tabs,html[data-theme=dark] .sidebottom,html[data-theme=dark] .drawer,html[data-theme=dark] .content{border-color:var(--ui-border)}
html[data-theme=dark] button{color:var(--ui-text);border-color:var(--ui-border);background-color:var(--ui-surface)}
html[data-theme=dark] button:hover{background-color:var(--ui-raised)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-border)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--ui-muted)}
html[data-theme=dark] .primary{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
html[data-theme=dark] .primary:hover{background:#b0dbc2}
html[data-theme=dark] .navitem,html[data-theme=dark] .project,html[data-theme=dark] .tab,html[data-theme=dark] .taskname,html[data-theme=dark] .collapse,html[data-theme=dark] .drag-handle,html[data-theme=dark] .section-options,html[data-theme=dark] .menu-action,html[data-theme=dark] .title-pencil,html[data-theme=dark] .calendar-add-milestone{background:transparent;color:var(--ui-muted)}
html[data-theme=dark] .tab.active{color:var(--ui-accent);background:var(--ui-raised)}
html[data-theme=dark] .tab.active:after{background:var(--ui-accent)}
html[data-theme=dark] .project.selected,html[data-theme=dark] .project-line:has(>.project.selected),html[data-theme=dark] .navitem.active{background:var(--ui-selected);color:var(--ui-text)}
html[data-theme=dark] .project-line:hover .project-rename,html[data-theme=dark] .menu-action:hover{background:var(--ui-raised)}
html[data-theme=dark] .content,html[data-theme=dark] .left,html[data-theme=dark] .continuous-calendar,html[data-theme=dark] .daily-plan,html[data-theme=dark] .drawer,html[data-theme=dark] .gantt-zoom-buttons,html[data-theme=dark] .gantt-zoom-buttons button{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .ghead .left,html[data-theme=dark] .timeline.dates,html[data-theme=dark] .calendar-weekdays,html[data-theme=dark] .daily-plan-table thead th,html[data-theme=dark] .group,html[data-theme=dark] .group .left,html[data-theme=dark] .group .project-cell,html[data-theme=dark] .combined-gantt .project-cell{background:var(--ui-raised);color:var(--ui-muted)}
html[data-theme=dark] .project-group,html[data-theme=dark] .project-group .left,html[data-theme=dark] .project-group .project-cell{background:var(--ui-selected)}
html[data-theme=dark] .combined-gantt .project-continuation{background:var(--ui-surface)}
html[data-theme=dark] .project-collapse,html[data-theme=dark] .project-collapse strong,html[data-theme=dark] .timing-plan-title,html[data-theme=dark] .taskname,html[data-theme=dark] .daily-task{color:var(--ui-text);background:transparent}
html[data-theme=dark] .grow,html[data-theme=dark] .left,html[data-theme=dark] .project-cell,html[data-theme=dark] .calendar-week,html[data-theme=dark] .calendar-day,html[data-theme=dark] .calendar-weekdays,html[data-theme=dark] .daily-plan-table th,html[data-theme=dark] .daily-plan-table td{border-color:var(--ui-border)}
html[data-theme=dark] .calendar-date,html[data-theme=dark] .calendar-weekdays>div,html[data-theme=dark] .date,html[data-theme=dark] .monthlabel,html[data-theme=dark] .single-project-label,html[data-theme=dark] .project-task-count,html[data-theme=dark] .calendar-holiday,html[data-theme=dark] .daily-date small,html[data-theme=dark] .daily-holiday,html[data-theme=dark] .section-count{color:var(--ui-muted)}
html[data-theme=dark] .section-count{background:var(--ui-selected)}
html[data-theme=dark] .calendar-day:hover{box-shadow:inset 0 0 0 1px var(--ui-accent)}
html[data-theme=dark] .calendar-date.is-today,html[data-theme=dark] .today strong{background:var(--ui-accent);color:var(--ui-on-accent)}
html[data-theme=dark] .daily-plan-table .daily-date{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .daily-plan-table .daily-weekend td,html[data-theme=dark] .daily-plan-table .daily-weekend .daily-date{background:var(--ui-weekend)}
html[data-theme=dark] .daily-plan-table .daily-holiday-row td,html[data-theme=dark] .daily-plan-table .daily-holiday-row .daily-date{background:var(--holiday-shade)}
html[data-theme=dark] .daily-plan-table tr:hover,html[data-theme=dark] .daily-task:hover{background:var(--ui-raised)}
html[data-theme=dark] .daily-add,html[data-theme=dark] .addrow,html[data-theme=dark] .list-edge-control{background:transparent;color:var(--ui-muted)}
html[data-theme=dark] .bar,html[data-theme=dark] .calendar-span{background:var(--bar);color:var(--bartext)}
html[data-theme=dark] .bar.is-milestone:not(.is-milestone-range){background:transparent}
html[data-theme=dark] .calendar-span:hover{background:var(--bar)}
html[data-theme=dark] .floating-month{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .template-project-bar .project-bar-name{background:#202b25dc;color:var(--ui-text)}
html[data-theme=dark] .help,html[data-theme=dark] .small,html[data-theme=dark] .saved,html[data-theme=dark] .crumb,html[data-theme=dark] .sub,html[data-theme=dark] .metrics,html[data-theme=dark] .eyebrow,html[data-theme=dark] .drawer label,html[data-theme=dark] .menu-section-heading,html[data-theme=dark] .menu-empty{color:var(--ui-muted)}
html[data-theme=dark] .overlay{background:#0009}
html[data-theme=dark] .template-card,html[data-theme=dark] .workspace-members,html[data-theme=dark] .holiday-card,html[data-theme=dark] .settings-template-section,html[data-theme=dark] .milestone-settings,html[data-theme=dark] .task-kind-fields,html[data-theme=dark] .milestone-option-row,html[data-theme=dark] .appearance-settings{border-color:var(--ui-border)}
html[data-theme=dark] .template-preview>span,html[data-theme=dark] .export-note,html[data-theme=dark] .avatar,html[data-theme=dark] .holiday-line,html[data-theme=dark] .shared-banner{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .export-scope,html[data-theme=dark] .export-note,html[data-theme=dark] .snapshot-record p,html[data-theme=dark] .shared-banner span{color:var(--ui-muted)}
html[data-theme=dark] .export-error{color:var(--ui-danger)}
html[data-theme=dark] .export-types button[aria-pressed=true],html[data-theme=dark] #colourViewMenu button[aria-pressed=true]{background:var(--ui-selected);color:var(--ui-accent);border-color:var(--ui-accent)}
html[data-theme=dark] #colourViewMenu{background:var(--ui-surface);border-color:var(--ui-border)}
html[data-theme=dark] .toast,html[data-theme=dark] .calendar-drag-tip{background:var(--ui-accent);color:var(--ui-on-accent)}
html[data-theme=dark] #sharedRestoreTasks,html[data-theme=dark] .edge-tasks,html[data-theme=dark] .collapsed-rail .rail-edge-tasks{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] :focus-visible{outline-color:var(--ui-accent)}
html[data-theme=dark] .drawer select:disabled,html[data-theme=dark] .drawer input:read-only,html[data-theme=dark] .drawer textarea:read-only{color:var(--ui-text);opacity:1}
html[data-theme=dark] a{color:#b2dac3}
@media print{.appearance-launcher,.appearance-settings{display:none!important}html[data-theme=dark]{--ui-surface:#ffffff;--ui-text:#202a28;--ui-muted:#738371;--ui-border:#dce4d8;--ui-raised:#f5f8f2;--ui-selected:#e3eddf;--ui-weekend:#edf1ea}html[data-theme=dark] body{background:white;color:#202a28}html[data-theme=dark] .timeline{background-color:white!important}}
html[data-theme=dark] #delete,html[data-theme=dark] #deleteWorkspace{color:var(--ui-danger)!important}.shared-banner #sharedSavePdf{background:var(--ui-accent);color:var(--ui-on-accent)}
.toolbar{flex-wrap:wrap;row-gap:10px}.toolbar-project{min-width:150px}html[data-theme=dark] .date.weekend{background:var(--ui-weekend)}html[data-theme=dark] .avatar{background:var(--ui-selected)!important;color:var(--ui-text)}html[data-theme=dark] .milestone-diamond{border-color:#d9e9ddaa}
.project-bar-name{background:#ffffffcf;color:#263f2d;border-radius:3px;line-height:18px;margin-top:2px}html[data-theme=dark] .project-bar-name{background:#202b25dc;color:var(--ui-text)}