/* 13: SF Pro through Apple's system font; 14: theme tokens and Settings. */
:root { --font-ui:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif; --body-size:15px; --small-size:13px; --caption-size:12px; --title-size:22px; --surface-raised:#262626; --surface-inset:#1b1b1b; --hover:#303030; --field:#262626; --danger:#efaaa2; --danger-bg:#492d2b; font-family:var(--font-ui); font-size:100%; color-scheme:dark; }
body {font-family:var(--font-ui);font-size:var(--body-size);line-height:1.45;-webkit-text-size-adjust:100%;}
h1,h2,h3,.note-title,.note-editor-title,.list-header h2,.modal-head h2 {font-family:var(--font-ui);font-weight:600;letter-spacing:-.015em;}
h2,.list-header h2,.modal-head h2 {font-size:var(--title-size);line-height:1.25;}
h3 {font-size:17px; margin:24px 0 12px;}
button,input,textarea,select {font-family:var(--font-ui);font-size:inherit;}
button {touch-action:manipulation;}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.primary-button,.secondary-button,.quiet-button,.danger-button,.list-footer button {font-size:var(--small-size);min-height:36px;line-height:1.3;}
.quiet-button {color:var(--muted);}
.primary-button {background:var(--accent);color:white;}
.secondary-button {background:var(--surface-raised);border-color:var(--line);color:var(--ink);}
.danger-button {background:var(--danger-bg);color:var(--danger);}
.surface-card,.metric-card,.note-card,.modal {background:var(--surface);border-color:var(--line);color:var(--ink);}
.main-content.calendar-page,.calendar-shell,.calendar-scroll,.axis {background:var(--paper);}
.main-content {padding-top:18px;}
.utility-bar {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;min-height:36px;}
.utility-icon {width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);}
.utility-icon svg,.date-arrow svg {width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.utility-icon:hover,.utility-icon:focus-visible {background:var(--hover);color:var(--ink);}
.utility-icon:disabled {opacity:.4;}
.calendar-controls-capsule .date-arrow {display:grid;place-items:center;padding:0;}
.calendar-controls-capsule .date-arrow svg {width:19px;height:19px;}
.calendar-page .utility-bar {padding:8px 8px 0 20px;margin:0;}
.utility-right {display:flex;align-items:center;gap:6px;}
.timer-pill {border:1px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--ink);padding:8px 12px;font-variant-numeric:tabular-nums;}
.glass-nav {grid-template-columns:repeat(6,minmax(0,1fr));width:min(460px,calc(100% - 24px));background:var(--surface-raised);border-color:var(--line);}
.nav-item {color:var(--muted);}
.calendar-toolbar {min-height:64px;}
.calendar-controls-capsule {background:var(--surface-raised);border-radius:12px;}
.calendar-subbar,.day-summary {margin-left:60px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0;}
.day-summary {color:var(--muted);font-size:var(--small-size);justify-content:flex-start;}
.day-summary button {margin-left:auto;}
.mode-tabs {display:inline-flex;flex-wrap:wrap;gap:3px;}
.mode-tabs button {border:0;border-radius:6px;min-height:36px;padding:7px 12px;background:transparent;color:var(--muted);font-size:var(--small-size);}
.mode-tabs .selected,.week-day.selected {background:var(--surface-raised);color:var(--ink);}
.week-strip {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-left:60px;gap:3px;}
.week-day {padding:8px 2px;border:0;border-radius:6px;background:var(--surface);font-size:var(--small-size);}
.week-day small {display:block;color:var(--muted);font-size:var(--caption-size);margin-top:5px;}
.day-tray {margin:6px 0 8px 60px;background:var(--surface);border-radius:8px;padding:10px;max-height:160px;overflow:auto;}
.day-tray>div {display:flex;gap:5px;flex-wrap:wrap;}
.unscheduled-card {color:var(--ink);background:var(--surface-raised);border-color:var(--line);font-size:var(--small-size);min-height:36px;}
.calendar-scroll {height:calc(100dvh - 284px - env(safe-area-inset-bottom));min-height:300px;}
.ux-calendar-grid {display:grid;grid-template-columns:60px minmax(0,1fr);position:relative;}
.ux-calendar-grid.mode-compare {grid-template-columns:60px minmax(0,1fr) minmax(0,1fr);}
.ux-calendar-grid .axis,.ux-calendar-grid .track-column {height:calc(var(--timeline-height) + 43px);}
.ux-calendar-grid .track-column {background-image:none;}
.ux-track-body {position:relative;isolation:isolate;}
.time-rule {position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line);pointer-events:none;z-index:0;}
.time-rule.half {opacity:.5;}
.track-heading {background:var(--surface);color:var(--muted);font-size:var(--caption-size);}
.track-column:last-child {border-right:1px solid var(--line);border-radius:0 12px 12px 0;}
.ux-track:last-child .track-heading {border-top-right-radius:12px;}
.axis-label {font-size:var(--caption-size);color:var(--muted);left:8px;}
.ux-event {color:#fff!important;background:var(--card-color)!important;box-shadow:none!important;min-height:18px;padding:5px 7px;border-radius:6px;gap:2px;overflow:hidden;z-index:1;}
.ux-event .event-title,.ux-event.compact .event-title {font-family:var(--font-ui);font-size:var(--small-size);font-weight:600;line-height:1.25;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ux-event .event-time,.ux-event .event-meta {font-size:var(--caption-size);line-height:1.25;color:#e1eaf0;}
.ux-event .event-time {flex:none;}
.ux-event .resize-grip {bottom:3px;height:8px;}
.ux-event .resize-grip {left:50%;right:auto;width:44px;height:14px;bottom:0;transform:translateX(-50%);}
.ux-event .resize-grip::after {left:50%;bottom:3px;width:24px;transform:translateX(-50%);}
.now-line {position:absolute;left:0;right:0;border-top:2px solid #006BB4;z-index:4;pointer-events:none;filter:drop-shadow(0 1px 0 var(--paper));}
.now-line::before {content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:-4px;top:-5px;background:#006BB4;}
.now-line span {position:absolute;right:3px;top:-22px;background:#006BB4;color:#fff;border-radius:4px;padding:1px 5px;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;}
.reminders-toolbar {align-items:center;}
.task-view-tabs .quiet-button {font-size:var(--small-size);}
.task-view-tabs .selected {background:var(--surface-raised);}
.quick-task {display:flex;align-items:center;gap:6px;margin:8px 0;}
.quick-task input {min-width:0;flex:1;}
.selection-bar {display:flex;gap:8px;margin-bottom:12px;min-height:36px;}
.list-header {background:var(--surface);padding:18px;}
.list-body {background:var(--surface-inset);padding:0 18px 14px;}
.list-actions button {width:36px;height:36px;}
.task-row {grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;}
.task-name {font-size:var(--body-size);line-height:1.4;}
.task-details,.list-empty {font-size:var(--small-size);line-height:1.4;color:var(--muted);}
.task-check {width:32px;height:32px;font-size:15px;}
.task-more {width:36px;min-height:36px;}
.task-check.done {background:var(--accent);color:white;}
.task-open {background:transparent;color:var(--ink);}
.task-row.is-done .task-name {color:var(--muted);}
.aside-lists {grid-template-columns:1fr;}
.field {background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:var(--body-size);min-height:40px;padding:10px;width:100%;}
input[type=checkbox] {accent-color:var(--accent);width:20px;height:20px;flex:none;}
.form-label,.form-help,.note-date,.metric-label,.metric-caption,.empty-state {font-size:var(--small-size);color:var(--muted);line-height:1.5;}
.form-field {min-width:0;display:block;}
.form-field .form-label {margin-bottom:5px;}
.span-2 {grid-column:1/-1;}
.task-details-form {border-top:1px solid var(--line);padding-top:12px;}
summary {cursor:pointer;min-height:36px;}
.task-fact-summary {margin-top:18px;font-size:var(--small-size);color:var(--muted);}
.task-quick-actions,.settings-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.modal-backdrop {backdrop-filter:none;-webkit-backdrop-filter:none;background:#0008;}
.ux-dialog {width:min(620px,100%);border-radius:12px;background:var(--surface);}
.modal-actions {justify-content:flex-end;}
.modal-close {width:36px;height:36px;color:var(--muted);}
.note-title {font-size:20px;line-height:1.35;color:var(--ink);}
.note-body {font-size:var(--body-size);line-height:1.6;color:var(--ink);}
.note-card {padding:20px;position:relative;}
.note-card:hover {background:var(--hover);transform:none;}
.note-menu {margin-left:auto;min-width:36px;min-height:36px;}
.note-editor-title {font-size:22px;line-height:1.3;border-radius:8px;padding:10px;}
.note-editor-body {font-size:var(--body-size);line-height:1.6;border-radius:8px;padding:10px;}
#save-status {font-size:var(--small-size);color:var(--muted);padding:8px 10px;}
#save-status.error {color:var(--danger);}
.notes-sidebar {background:var(--surface);color:var(--ink);}
.folder-item.selected {background:var(--hover);}
.folder-item,.folder-more {font-size:var(--body-size);min-height:44px;}
.notes-scrim {pointer-events:auto;}
.folders-toggle {font-size:28px;min-width:44px;}
.search-controls {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.search-controls>input,.search-controls>label:last-child {grid-column:1/-1;}
.search-results {margin-top:18px;}
.search-result {display:block;text-align:left;width:100%;padding:12px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--body-size);}
.search-result small,.activity-row small {display:block;color:var(--muted);font-size:var(--small-size);margin-top:4px;}
.review-check {display:flex;align-items:center;gap:10px;padding:10px 0;}
.ux-metrics {grid-template-columns:repeat(4,minmax(0,1fr));}
.metric-value {font-size:28px;color:var(--ink);}
.section-card {margin-bottom:16px;}
.activity-row {gap:12px;font-size:var(--body-size);}
.toast {background:var(--surface-raised);color:var(--ink);font-size:var(--small-size);display:flex;align-items:center;gap:12px;max-width:min(620px,calc(100vw - 24px));}
.toast-region {z-index:300;}
.drag-preview {background:var(--surface);color:var(--ink);}
.calendar-drop-preview {position:absolute;left:3px;right:3px;z-index:7;display:flex;flex-direction:column;gap:2px;min-height:15px;padding:5px 7px;border:2px solid var(--accent);border-radius:6px;background:var(--card-color,#174a6b);color:#fff;box-shadow:0 4px 16px #0005;pointer-events:none;overflow:visible;}
.calendar-drop-preview span {font-size:var(--small-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calendar-drop-preview strong {align-self:flex-start;padding:2px 5px;border-radius:4px;background:var(--accent);color:#fff;font-size:var(--caption-size);line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;}
.drag-source>.event-card[data-drag-plan] {opacity:.45;}
.settings-page {max-width:720px;margin:auto;}
.settings-page h1 {font-size:28px;margin:12px 0 24px;}
.settings-page h3 {border-top:1px solid var(--line);padding-top:20px;}
@media(min-width:1200px){.calendar-reminders{height:calc(100dvh - 160px);padding-top:10px;}.calendar-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}}
@media(max-width:760px){
 :root{--body-size:17px;--small-size:15px;--caption-size:13px;--title-size:22px;--calendar-edge-gap:8px;}
 .main-content{padding:12px 12px calc(110px + env(safe-area-inset-bottom));}
 .main-content.calendar-page{padding-right:8px;}
 .primary-button,.secondary-button,.quiet-button,.danger-button,.list-footer button,.mode-tabs button {min-height:44px;font-size:15px;}
 .utility-bar{margin-bottom:4px;}.calendar-page .utility-bar{padding-left:12px;}
 .calendar-toolbar{padding-left:48px;}.calendar-subbar,.day-summary,.day-tray,.week-strip{margin-left:48px;}
 .calendar-controls-capsule .date-label,.calendar-controls-capsule .today-button{font-size:15px;max-width:none;}
 .calendar-controls-capsule .date-arrow,.calendar-controls-capsule .calendar-add{width:44px;height:44px;}
 .date-controls{overflow:hidden;}.date-label{overflow:hidden;text-overflow:ellipsis;}
 .ux-calendar-grid{grid-template-columns:48px minmax(0,1fr);}.ux-calendar-grid.mode-compare{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);}
 .axis-label{left:4px;font-size:12px;}.calendar-scroll{height:calc(100dvh - 310px - env(safe-area-inset-bottom));}
 .calendar-subbar{gap:0;}.mode-tabs button{padding-inline:8px;}
 .day-summary{font-size:13px;gap:6px;}.week-day{font-size:12px;}.week-day small{font-size:11px;}
 .list-actions button,.task-more,.task-check,.note-menu,.modal-close{width:44px;height:44px;min-height:44px;}
 .task-check{border:0;position:relative;background:transparent!important;z-index:0;}.task-check:before{content:'';position:absolute;inset:8px;border:1px solid var(--muted);border-radius:50%;z-index:-1;}.task-check.done:before{background:var(--accent);border-color:var(--accent);}
 .task-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;padding:12px 0;}.list-header,.list-body{padding-inline:12px;}.list-header h2{font-size:20px;}.list-actions{gap:0;}
 .field{font-size:17px;min-height:44px;}.note-editor-body{font-size:17px;}.note-editor-title{font-size:22px;}
 .modal-backdrop{padding:0;align-items:end;}.modal{max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;}
 .note-card{padding:16px;}.form-grid{gap:12px;}.ux-metrics{grid-template-columns:1fr 1fr;}.metric-card:nth-child(3){grid-column:auto;}
 [data-swipe]{touch-action:pan-y;overflow:hidden;}.swipe-open{padding-bottom:80px!important;}.swipe-actions{display:flex;}.swipe-actions button{min-height:52px;font-size:13px;}
 .glass-nav{gap:1px;padding:6px;width:calc(100% - 24px);max-width:460px;}.nav-item{height:48px;}
 .notes-toolbar{gap:8px;}.notes-toolbar>span{font-size:13px;}.search-controls{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* 15 — Light appearance. Dark remains the default, independent of OS settings. */
:root[data-theme="light"] {
 color-scheme:light;
 --paper:#FDF4DC; --surface:#fffbef; --surface-raised:#f2ead6;
 --surface-inset:#f8efd9; --field:#fffdf6; --hover:#eee4cc;
 --ink:#242424; --ivory:#242424; --muted:#625e54;
 --line:rgba(45,39,26,.18); --line-strong:rgba(45,39,26,.32);
 --danger:#943c35; --danger-bg:#f4dfd8; --shadow:0 12px 32px #332b1718;
}
.date-chooser {background:var(--surface);color:var(--ink);}
.picker-day:hover {background:var(--hover);}
.picker-day.selected {background:var(--accent);color:#fff;}
select.field option {background:var(--field);color:var(--ink);}
.calendar-controls-capsule .date-arrow:hover,.calendar-controls-capsule .today-button:hover,.calendar-controls-capsule .calendar-add:hover {color:var(--ink);}
.add-task-inline,.period-button {color:var(--muted);}
.period-button.active,.nav-item.active {color:#fff;}
.task-view-tabs .quiet-button.selected {background:var(--hover);}
.bar-track {background:var(--line);}
:root[data-theme="light"] .modal-backdrop {background:#342e224d;}
:root[data-theme="light"] .modal {border-color:var(--line-strong);}
:root[data-theme="light"] .picker-day.outside {color:var(--muted);opacity:.7;}
:root[data-theme="light"] .note-editor-title,:root[data-theme="light"] .note-editor-body {color:var(--ink);background:transparent;}

.calendar-create-preview {position:absolute;left:2px;right:2px;z-index:6;pointer-events:none;border:1px solid #006BB4;border-radius:6px;background:#006bb430;color:var(--ink);padding:4px 8px;font-size:13px;user-select:none;}
.ux-track-body {-webkit-touch-callout:none;user-select:none;}

.event-action-buttons {display:grid;gap:10px;margin:20px 0;}
.event-action-buttons button {min-height:44px;}

/* Revision 0–34: compact desktop, stable date controls, aligned panels. */
:root{--axis-width:60px;--control-height:64px;--subbar-height:48px;}
.calendar-toolbar{min-height:var(--control-height);height:var(--control-height);padding:6px 0 6px var(--axis-width);}
.calendar-controls-capsule .date-controls{display:grid;grid-template-columns:32px 158px 32px auto;gap:0;overflow:visible;}
.calendar-controls-capsule .date-label{width:158px;font-size:var(--small-size);padding-inline:2px;}
.calendar-controls-capsule .date-arrow{width:32px;}
.return-today{padding-inline:8px;}
.calendar-subbar{min-height:var(--subbar-height);margin-left:var(--axis-width);padding:4px 0;flex-wrap:nowrap;}
.calendar-subbar .mode-tabs{align-items:center;flex-wrap:nowrap;}
.toolbar-divider{height:18px;border-left:1px solid var(--line);margin:0 7px;}
.week-toggle{padding-inline:8px;}
.week-strip{margin:0 0 10px var(--axis-width);}
.ux-calendar-grid{grid-template-columns:var(--axis-width) minmax(0,1fr);}
.ux-calendar-grid.mode-compare{grid-template-columns:var(--axis-width) minmax(0,1fr) minmax(0,1fr);}
.ux-calendar-grid .axis{border:0;}
.axis-label{left:0;right:0;text-align:center;}
.ux-calendar-grid::after{content:'';position:absolute;top:0;bottom:0;left:var(--axis-width);right:0;border:1px solid var(--line);border-radius:10px;pointer-events:none;z-index:6;}
.ux-calendar-grid .track-column{border-radius:0;border-right:0;}
.ux-calendar-grid .track-column:last-child{border-radius:0 10px 10px 0;}
.ux-calendar-grid .track-column:nth-child(2){border-radius:10px 0 0 10px;}
.ux-calendar-grid.mode-plan .track-column{border-radius:10px;}
.ux-calendar-grid .track-column:nth-child(2) .track-heading{border-top-left-radius:10px;}
.ux-calendar-grid .track-column:last-child .track-heading{border-top-right-radius:10px;}
.ux-calendar-grid.mode-compare .track-column:nth-child(2){border-right:1px solid var(--line);}
.track-heading{height:43px;}
.ux-track-body{border-radius:inherit;}
.selection-bar:empty{display:none;}
.task-heading-input{font-size:var(--title-size);font-weight:600;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--ink);min-width:0;width:100%;padding:6px;}
.task-heading-input:hover{border-color:var(--line);}
.task-heading-input:focus{outline:2px solid var(--accent);outline-offset:1px;}
.modal-head{gap:8px;}.modal-head .task-more,.modal-head .modal-close{flex:none;}
.task-quick-actions{margin:0 0 8px;gap:6px;}
.task-quick-actions button{padding:7px 9px;font-size:var(--small-size);min-height:32px;border-radius:6px;}
.task-comment{min-height:80px;resize:vertical;}
.context-menu{position:fixed;z-index:250;width:max-content;max-width:calc(100vw - 16px);min-width:190px;padding:5px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised);box-shadow:0 8px 30px #0004;max-height:calc(100dvh - 16px);overflow:auto;}
.context-menu .note-options{display:grid;gap:0;margin:0;}
.context-menu button{display:block;width:100%;text-align:left;min-height:36px;border:0;background:transparent;border-radius:5px;padding:8px 12px;color:var(--ink);font-size:var(--small-size);}
.context-menu button:hover,.context-menu button:focus-visible{background:var(--hover);}
.context-menu .danger-button{color:var(--danger);}
.analytics-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.analytics-day-actions{display:flex;align-items:center;gap:8px;}
.analytics-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:14px;margin:14px 0;}
.analytics-overview .ux-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;}
.analytics-overview .metric-card{padding:16px;min-height:88px;}
.timeline-chart{padding:16px;min-width:0;}
.chart-legend{display:flex;gap:20px;font-size:var(--small-size);margin-bottom:12px;}
.chart-legend span{display:flex;align-items:center;gap:6px;}.chart-legend i{width:22px;height:4px;border-radius:2px;}.plan-key{background:#929292;}.fact-key{background:#006BB4;}
.chart-scroll{overflow:auto;}.timeline-chart svg{display:block;min-width:440px;width:100%;}.timeline-chart text{fill:var(--muted);font-size:11px;font-family:var(--font-ui);}
.main-content.notes-page{max-width:none;}
.notes-columns{display:grid;grid-template-columns:200px minmax(220px,290px) minmax(0,1fr);min-height:calc(100dvh - 190px);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);}
.notes-folders-column{padding:12px 8px;background:var(--surface-inset);border-right:1px solid var(--line);min-width:0;}
.notes-columns .folder-row{display:flex;align-items:center;}.notes-columns .folder-item{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px;}
.notes-columns .folder-more{width:30px;flex:none;}
.notes-index{border-right:1px solid var(--line);min-width:0;padding:10px;max-height:calc(100dvh - 190px);overflow:auto;}
.notes-index .notes-toolbar{margin:0 0 10px;justify-content:space-between;}
.notes-index .folders-toggle{display:none;}
.notes-columns .note-card{border:0;border-bottom:1px solid var(--line);border-radius:6px;padding:12px;margin:0;}
.notes-columns .note-card.selected{background:var(--hover);}
.notes-columns .note-title{font-size:var(--body-size);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;}
.notes-columns .note-card-head{display:flex;align-items:center;margin:0;}
.notes-columns .note-body{font-size:var(--small-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.notes-columns .note-date{display:block;margin-top:6px;font-size:var(--caption-size);}
.notes-content{padding:16px 20px;min-width:0;}
.inline-note-tools{display:flex;justify-content:flex-end;}.inline-note-tools [data-action=note-back]{display:none;}
#inline-note .note-editor-title{width:100%;border:1px solid transparent;background:transparent;color:var(--ink);}
#inline-note .note-editor-body{width:100%;min-height:calc(100dvh - 360px);border:1px solid transparent;background:transparent;color:var(--ink);resize:vertical;}
#inline-note input:focus,#inline-note textarea:focus{outline:1px solid var(--line-strong);border-radius:7px;}
#inline-status{font-size:var(--caption-size);color:var(--muted);min-height:20px;margin-top:8px;}
@media(min-width:1200px){
 .calendar-reminders{padding-top:0;}.calendar-reminders .reminders-toolbar{height:var(--control-height);margin:0;min-height:var(--control-height);}
 .calendar-reminders .quick-task{margin:var(--subbar-height) 0 12px;}
 .calendar-workspace:has(.week-strip) .calendar-reminders .quick-task{margin-top:calc(var(--subbar-height) + 66px);}
 .calendar-workspace:has(.day-tray) .calendar-reminders .quick-task{margin-top:var(--subbar-height);}
}
@media(min-width:1000px){
 :root{--body-size:13px;--small-size:12px;--caption-size:11px;--title-size:19px;--axis-width:51px;--control-height:56px;--subbar-height:42px;}
 .main-content{padding-top:15px;padding-inline:28px;max-width:1160px;}
 .calendar-controls-capsule{min-height:44px;padding:2px;}.calendar-subbar{min-height:42px;}
 .list-header{padding:15px;}.list-body{padding:0 15px 12px;}.task-row{padding-block:11px;}.list-header h2{font-size:19px;}
 .field{min-height:35px;padding:8px;}.form-grid{gap:14px;}.modal{padding:24px;}.ux-dialog{width:min(550px,100%);}
 .metric-value{font-size:24px;}.section-card{padding:20px;}.note-card{padding:17px;}
 .glass-nav{width:395px;padding:6px;}.nav-item{height:42px;}.nav-item svg{width:21px;height:21px;}
 .calendar-scroll{height:calc(100dvh - 236px - env(safe-area-inset-bottom));}
 .calendar-toolbar{padding-left:var(--axis-width);}.week-strip,.day-tray{margin-left:var(--axis-width);}
}
@media(max-width:999px){
 .notes-columns{grid-template-columns:minmax(200px,1fr) minmax(0,1.4fr);}.notes-folders-column{display:none;}.notes-index .folders-toggle{display:block;}
 .analytics-overview{grid-template-columns:1fr;}
}
@media(max-width:760px){
 :root{--axis-width:48px;--control-height:60px;--subbar-height:52px;}
 .calendar-controls-capsule .date-controls{grid-template-columns:26px minmax(0,128px) 26px auto;padding:0;}
 .calendar-controls-capsule .date-label{width:128px;font-size:13px;white-space:normal;line-height:1.2;}
 .calendar-controls-capsule .date-arrow{width:26px;}.calendar-controls-capsule .calendar-add{width:30px;margin:0;}
 .calendar-controls-capsule{gap:0;}.return-today{padding:2px;font-size:12px;}
 .calendar-subbar{flex-wrap:wrap;}.calendar-subbar .mode-tabs{flex-wrap:wrap;}.week-toggle{font-size:12px;}.toolbar-divider{margin-inline:3px;}
 .axis-label{left:0;right:0;}.context-menu button{min-height:44px;font-size:15px;}
 .notes-columns{display:block;min-height:calc(100dvh - 180px);}.notes-index{border:0;max-height:none;}.notes-content{display:none;}
 .notes-columns.has-note .notes-index{display:none;}.notes-columns.has-note .notes-content{display:block;padding:12px;}
 .inline-note-tools{justify-content:space-between;}.inline-note-tools [data-action=note-back]{display:block;}
 .task-heading-input{font-size:22px;}.task-quick-actions button{min-height:44px;font-size:13px;}
 #task-form.form-grid{grid-template-columns:1fr 1fr;}.analytics-overview .metric-card{padding:12px;}.metric-value{font-size:24px;}
 .calendar-controls-capsule .return-today{min-height:40px;}
}
@media(max-width:370px){.calendar-controls-capsule .date-controls{grid-template-columns:24px 104px 24px auto;}.calendar-controls-capsule .date-label{width:104px;font-size:12px;}.calendar-controls-capsule .date-arrow{width:24px;}.calendar-controls-capsule .return-today{font-size:11px;}}
.notes-columns .note-card-head{position:static;width:100%;gap:6px;}
.notes-columns .note-card .note-title,.notes-columns .note-card .note-body{padding-right:0;margin-bottom:0;}
.notes-columns .note-menu{flex:none;width:30px;min-width:30px;}
.notes-columns .notes-list{gap:4px;}
@media(max-width:760px){
 .calendar-subbar{display:grid;grid-template-columns:1fr auto;gap:0;}
 .calendar-subbar .mode-tabs{grid-column:1/-1;display:flex;flex-wrap:nowrap;width:100%;gap:0;}
 .calendar-subbar>.mode-tabs button{flex-shrink:0;}
 .calendar-subbar>.mode-tabs .week-toggle{flex:1;min-width:0;white-space:normal;text-align:left;font-size:12px;line-height:1.3;}

 .calendar-subbar .mode-tabs button{font-size:13px;padding-inline:6px;}
}
.calendar-frame{position:relative;}
.calendar-frame::after{content:'';position:absolute;top:0;bottom:0;left:var(--axis-width);right:0;border:1px solid var(--line);border-radius:10px;pointer-events:none;z-index:8;}
.ux-calendar-grid::after{display:none;}
.calendar-scroll{border-radius:0 10px 10px 0;}

.timeline-chart text{font-size:14px;}

/* ISOB 1–6: consistent panels and controls. */
:root{--panel-gap:20px;}
.calendar-toolbar{height:52px;min-height:52px;padding-block:0;margin-bottom:var(--panel-gap);}
.calendar-controls-capsule{height:52px;min-height:52px;padding:4px 6px;gap:6px;align-items:center;}
.calendar-controls-capsule .week-toggle{margin-left:auto;white-space:nowrap;font-size:var(--small-size);min-height:34px;padding:6px 10px;}
.calendar-controls-capsule .date-controls{align-items:center;}
.calendar-controls-capsule .date-arrow,.calendar-controls-capsule .date-label{height:42px;min-height:42px;display:grid;place-items:center;}
.calendar-reminders{overflow:auto;padding-bottom:0;}
.quick-task,.calendar-reminders .quick-task{margin-bottom:var(--panel-gap);}
.reminder-lists{gap:var(--panel-gap);}
.reminder-list .empty-state{min-height:64px;padding:18px 0;display:flex;align-items:center;justify-content:center;}
@media(min-width:761px){.reminder-lists:not(.aside-lists){grid-auto-rows:1px;row-gap:0;}.reminder-lists:not(.aside-lists)>.reminder-list{margin-bottom:20px;}}
.notes-columns{gap:12px;border:0;background:transparent;overflow:visible;}
.notes-folders-column,.notes-index,.notes-content{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;}
.notes-index{overflow:auto;}
.notes-columns .note-card{padding:9px 12px 12px;}
.notes-columns .note-card .note-title{font-size:calc(var(--body-size) + 2px);line-height:1.35;}
.notes-columns .note-card .note-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:1.5;margin-top:4px;padding-right:6px;}
.notes-content{display:flex;flex-direction:column;padding:12px;min-height:calc(100dvh - 190px);}
#inline-note{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;}
#inline-note .note-editor-body{flex:1;min-height:180px;}
#inline-note .note-date{margin:4px 0 0;}
#inline-status{position:absolute;right:0;bottom:0;margin:0;min-height:0;}
.folders-toggle.quiet-button{font-size:28px;line-height:1;min-width:44px;min-height:44px;}
.diary-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}
.diary-footer .note-date{margin:0;}
.diary-open-day{color:var(--accent);white-space:nowrap;padding:4px 0;}
.analytics-day-actions{flex-wrap:wrap;}
.analytics-day-actions .date-controls{display:grid;grid-template-columns:32px 158px 32px auto;align-items:center;}
.analytics-day-actions .date-arrow{display:grid;place-items:center;width:32px;padding:0;}
.analytics-day-actions .date-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;}
.analytics-day-actions .date-label{width:158px;padding-inline:2px;}
.settings-save{margin-top:24px;}
@media(max-width:760px){
 .calendar-controls-capsule .date-controls{grid-template-columns:24px 82px 24px auto;}
 .calendar-controls-capsule .date-label{width:82px;font-size:12px;}
 .calendar-controls-capsule .date-arrow{width:24px;}
 .calendar-controls-capsule .return-today{font-size:11px;padding:0 2px;}
 .calendar-controls-capsule .week-toggle{white-space:normal;font-size:11px;line-height:1.2;padding:4px;width:67px;min-width:50px;}
 .calendar-controls-capsule .calendar-add{width:24px;min-width:24px;padding:0;}
 .calendar-controls-capsule{gap:2px;padding-inline:2px;}
 .notes-content{display:none;}
 .notes-columns.has-note .notes-content{display:flex;}
 .notes-index{border:1px solid var(--line);}
 .diary-footer{gap:8px;font-size:var(--small-size);}
}

/* Keep mobile date navigation and week label on one baseline. */
.date-compact{display:none;}
@media(max-width:760px){
 .calendar-controls-capsule .date-full{display:none;}
 .calendar-controls-capsule .date-compact{display:inline;}
 .calendar-controls-capsule .date-label{white-space:nowrap;line-height:1;overflow:visible;}
 .calendar-controls-capsule .date-controls{height:42px;flex-shrink:0;}
 .calendar-controls-capsule .return-today{height:42px;display:flex;align-items:center;white-space:nowrap;}
 .calendar-controls-capsule .week-toggle{white-space:nowrap;width:auto;min-width:max-content;flex-shrink:0;line-height:1;padding:7px 8px;}
 .calendar-controls-capsule .calendar-add{flex-shrink:0;height:42px;}
}
@media(max-width:420px){
 .calendar-toolbar{padding-left:0;}
 .calendar-controls-capsule .date-controls{grid-template-columns:24px 70px 24px auto;}
 .calendar-controls-capsule .date-label{width:70px;}
 .calendar-controls-capsule .week-toggle{padding-inline:5px;}
}

/* Equal inset for the first arrow and the add control on phones. */
@media(max-width:760px){
 .calendar-controls-capsule{padding-inline:10px;}
 .calendar-controls-capsule .date-controls{padding-inline:0;}
 .calendar-controls-capsule .calendar-add{margin-inline:0;}
}
@media(max-width:360px){
 .calendar-controls-capsule{padding-inline:8px;gap:1px;}
 .calendar-controls-capsule .date-controls{grid-template-columns:22px 60px 22px auto;}
 .calendar-controls-capsule .date-label{width:60px;}
 .calendar-controls-capsule .date-arrow{width:22px;}
 .calendar-controls-capsule .week-toggle{padding-inline:4px;font-size:10px;}
}

/* Three separate calendar controls, matching the supplied reference. */
.calendar-controls-capsule{
 display:grid;grid-template-columns:minmax(0,1fr) auto 44px;
 gap:6px;padding:0;border:0;border-radius:0;background:transparent;
 height:52px;min-height:52px;
}
.calendar-controls-capsule .date-controls,
.calendar-controls-capsule .week-toggle,
.calendar-controls-capsule .calendar-add{
 height:52px;min-height:52px;box-sizing:border-box;
 border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);
 margin:0;
}
.calendar-controls-capsule .date-controls{
 display:grid;grid-template-columns:32px 158px 32px auto;
 justify-content:start;align-items:center;padding:0 8px;gap:0;min-width:0;
}
.calendar-controls-capsule .week-toggle{
 padding:0 14px;white-space:nowrap;width:auto;min-width:0;
 font-size:var(--small-size);line-height:1;
}
.calendar-controls-capsule .calendar-add{
 width:44px;min-width:44px;padding:0;display:grid;place-items:center;color:var(--accent);
}
.calendar-controls-capsule .date-arrow{width:32px;}
.calendar-controls-capsule .date-label{width:158px;}
@media(max-width:760px){
 .calendar-toolbar{padding-left:0;}
 .calendar-controls-capsule{grid-template-columns:minmax(0,1fr) auto 40px;gap:5px;}
 .calendar-controls-capsule .date-controls{grid-template-columns:24px minmax(54px,1fr) 24px auto;padding-inline:5px;justify-content:stretch;}
 .calendar-controls-capsule .date-arrow{width:24px;}
 .calendar-controls-capsule .date-label{width:100%;max-width:none;font-size:12px;padding-inline:0;}
 .calendar-controls-capsule .week-toggle{font-size:11px;padding-inline:9px;}
 .calendar-controls-capsule .calendar-add{width:40px;min-width:40px;}
 .calendar-controls-capsule .return-today{font-size:10px;padding-inline:3px;}
}
@media(max-width:360px){
 .calendar-controls-capsule{grid-template-columns:minmax(0,1fr) auto 36px;gap:4px;}
 .calendar-controls-capsule .date-controls{grid-template-columns:20px minmax(48px,1fr) 20px auto;padding-inline:3px;}
 .calendar-controls-capsule .date-arrow{width:20px;}
 .calendar-controls-capsule .date-label{font-size:11px;}
 .calendar-controls-capsule .week-toggle{font-size:10px;padding-inline:6px;}
 .calendar-controls-capsule .calendar-add{width:36px;min-width:36px;}
}

/* Slightly more space between the three calendar controls. */
.calendar-controls-capsule{gap:10px;}
@media(max-width:760px){.calendar-controls-capsule{gap:8px;}}
@media(max-width:360px){.calendar-controls-capsule{gap:6px;}}

/* Shared notes and diary editor. */
.inline-editor-heading{display:flex;align-items:center;gap:10px;min-width:0;}
#inline-note .inline-editor-heading .note-editor-title{flex:1;min-width:0;width:auto;margin:0;padding:8px;}
.inline-editor-heading .note-menu{flex:none;position:static;width:32px;min-width:32px;}
.inline-note-tools:has([data-action=note-back]){min-height:0;}
.notes-columns .note-card{border:1px solid var(--line);border-radius:8px;}
.notes-columns .notes-list{gap:8px;}
.folder-item.selected{background:var(--accent);color:#fff;}
.notes-columns .folder-item.selected{background:var(--accent);color:#fff;}
[data-action=analytics-more],[data-action=chart-more]{display:block;margin:12px 0 0 auto;}
.project-footer{display:flex;justify-content:flex-end;padding:16px 0 4px;}
.project-footer a{color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none;padding:8px 0;}
.project-footer a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.project-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px;}
#inline-status{position:static;text-align:right;}
@media(min-width:761px){.inline-note-tools{display:none;}}
@media(max-width:760px){.project-footer a{min-height:44px;display:flex;align-items:center;gap:5px;}}

.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.settings-heading h1{margin:0;flex-shrink:0;}
.settings-author-link{color:var(--muted);font-size:12px;line-height:1.4;text-decoration:none;text-align:right;}
.settings-author-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.settings-author-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px;}
@media(max-width:760px){.settings-heading{gap:10px;}.settings-author-link{font-size:11px;}}

/* Match calendar controls to the Today tab in the reminders panel. */
:root{--calendar-control-size:36px;}
.calendar-toolbar,.calendar-controls-capsule,
.calendar-controls-capsule .date-controls,
.calendar-controls-capsule .week-toggle,
.calendar-controls-capsule .calendar-add,
.calendar-controls-capsule .date-arrow,
.calendar-controls-capsule .date-label,
.calendar-controls-capsule .return-today{
 height:var(--calendar-control-size);min-height:var(--calendar-control-size);
}
.calendar-reminders .reminders-toolbar{height:var(--calendar-control-size);min-height:var(--calendar-control-size);}
@media(max-width:760px){:root{--calendar-control-size:44px;}}

/* Prevent long diary titles from widening the preview column. */
.notes-index .notes-list{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;}
.notes-index .note-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
.notes-index .note-card-head{min-width:0;max-width:100%;}
.notes-index .note-title{min-width:0;}

/* Calendar toolbar height increased by 15%. */
:root{--calendar-control-size:41.4px;}
@media(max-width:760px){:root{--calendar-control-size:50.6px;}}
/* Align reminders navigation with the calendar controls. */
.calendar-reminders .reminders-toolbar{height:var(--calendar-control-size);min-height:var(--calendar-control-size);align-items:center;}
.calendar-reminders .task-view-tabs{align-items:center;}

.author-link-break{display:none;}
@media(max-width:760px){
 .author-link-break{display:inline;}
 .author-link-space{display:none;}
 .settings-author-link{white-space:nowrap;}
}

.report-date-short{display:none;}
@media(max-width:760px){
 .analytics-day-actions{display:flex;flex-wrap:nowrap;width:100%;min-width:0;gap:5px;align-items:center;}
 .analytics-day-actions>[data-action=review]{flex:none;padding-inline:9px;font-size:13px;white-space:nowrap;}
 .analytics-day-actions .date-controls{flex:1;min-width:0;display:grid;grid-template-columns:30px minmax(54px,1fr) 30px auto;gap:3px;}
 .analytics-day-actions .date-label{width:100%;max-width:none;padding:0;font-size:13px;white-space:nowrap;}
 .analytics-day-actions .date-arrow{width:30px;}
 .analytics-day-actions .return-today{padding:0 3px;font-size:12px;white-space:nowrap;}
 .analytics-day-actions button{height:44px;min-height:44px;box-sizing:border-box;}
 .report-date-full{display:none;}
 .report-date-short{display:inline;}
}

/* List controls must not increase the heading's height. */
.list-header{height:63.5px;min-height:63.5px;padding-block:0;}
.list-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}
.list-header .list-actions{flex:none;}
@media(min-width:1000px){.list-header{height:53.75px;min-height:53.75px;}}
@media(max-width:760px){.list-header{height:61px;min-height:61px;}}

/* Preliminary fact: visual progress only, persisted after confirmation. */
.fact-preview{background:rgba(110,110,110,.7)!important;isolation:isolate;padding-bottom:22px;}
.fact-preview .preview-fill{position:absolute;inset:0 0 auto;height:var(--preview-progress,0%);background:var(--card-color);z-index:-1;pointer-events:none;}
.fact-preview .event-title,.fact-preview .event-time,.fact-preview .event-meta{position:relative;z-index:1;}
.preview-outline{position:absolute;inset:0;pointer-events:none;overflow:visible;display:none;}
.preview-started .preview-outline{display:block;}
.preview-outline rect{fill:none;stroke:white;stroke-width:3;stroke-dasharray:7 5;}
.preview-active .preview-outline rect{animation:fact-marching-ants .7s linear infinite;}
@keyframes fact-marching-ants{to{stroke-dashoffset:-24;}}
.preview-timer{position:absolute;right:7px;bottom:4px;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;color:#fff;z-index:2;}
.timer-pill{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:20;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px;min-height:0;font-variant-numeric:tabular-nums;}
@media(prefers-reduced-motion:reduce){.preview-active .preview-outline rect{animation:none;}}

.preview-outline rect{stroke:#c6c6c6;stroke-width:1.5;}
.preview-active .preview-outline rect{animation-duration:2.1s;}
.fact-preview.preview-missed{background:#713b3b!important;}
.preview-missed .preview-fill{background:#713b3b;}
.preview-missed .preview-outline{display:none;}
.preview-missed .preview-timer{display:none;}
@media(max-width:760px){
 #main.main-content{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));}
 .modal-backdrop{padding-top:env(safe-area-inset-top,0px);}
 .ux-dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px);}
}

/* Current task: fixed time readout and an overflow-only title marquee. */
.utility-bar,.calendar-page .utility-bar{gap:12px;margin-bottom:18px;}
.utility-right{flex-shrink:0;}
.current-task-ticker{display:flex;align-items:center;gap:16px;flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid #353535;border-radius:9px;background:#080808;color:#ededed;box-shadow:inset 0 1px 3px #0008;overflow:hidden;}
.ticker-window{flex:1;min-width:0;overflow:hidden;}
.ticker-track{display:flex;align-items:center;width:max-content;gap:32px;white-space:nowrap;font-size:13px;line-height:1.4;}
[data-ticker-copy]{display:none;}
.ticker-scrolling [data-ticker-copy]{display:block;}
.ticker-scrolling .ticker-track{animation:current-task-marquee var(--ticker-duration) linear infinite;}
.ticker-time{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.ticker-idle{color:#999;}
@keyframes current-task-marquee{to{transform:translateX(calc(-1 * var(--ticker-travel)));}}
@media(max-width:760px){
 .utility-bar,.calendar-page .utility-bar{gap:6px;margin-bottom:18px;padding-left:0;padding-right:0;}
 .utility-right{gap:2px;}
 .utility-icon{width:32px;}
 .current-task-ticker{gap:8px;padding:0 8px;}
 .ticker-track{font-size:12px;}
 .ticker-time{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.ticker-scrolling .ticker-track{animation:none;}.ticker-scrolling [data-ticker-copy]{display:none;}.ticker-track{max-width:100%;}.ticker-track [data-ticker-title]{overflow:hidden;text-overflow:ellipsis;}}

/* Ticker readability, theme parity, and compact mobile typography. */
.current-task-ticker{height:44px;}
.ticker-track{font-size:15px;}
.ticker-time{font-size:14px;}
[data-theme="light"] .current-task-ticker{background:#fff;color:#171717;border-color:#d5d1c6;box-shadow:inset 0 1px 3px #00000008;}
[data-theme="light"] .current-task-ticker.ticker-idle{color:#656565;}
.task-check{width:27.2px;height:27.2px;font-size:13px;}
@media(max-width:760px){
 .current-task-ticker{height:44px;}
 .ticker-track{font-size:13px;}
 .ticker-time{font-size:11px;}
 .task-name{font-size:16px;line-height:1.4;}
 .task-details{font-size:13px;line-height:1.4;}
 .reminder-list .list-header h2{font-size:18px;}
 .notes-columns .note-card .note-title{font-size:16px;line-height:1.35;}
 .notes-columns .note-card .note-body{font-size:14px;line-height:1.45;}
 .notes-columns .note-date{font-size:12px;}
 .note-editor-title{font-size:20px;}
 .note-editor-body{font-size:16px;line-height:1.5;}
 .task-check{width:44px;height:44px;min-height:44px;font-size:13px;}
 .task-check:before{inset:10.1px;}
}

/* Task previews, ticker spacing, and settings share the page alignment. */
.task-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;}
.current-task-ticker{padding-inline:18px;gap:20px;}
.preview-outline rect{stroke:#9c9c9c;}
.preview-started:not(.preview-active):not(.preview-missed) .preview-outline rect{animation:fact-marching-ants 12.6s linear infinite;}
.settings-page{max-width:none;width:100%;margin:0;}
@media(max-width:760px){
 .task-name{-webkit-line-clamp:4;line-clamp:4;}
 .current-task-ticker{padding-inline:12px;gap:12px;}
}
@media(prefers-reduced-motion:reduce){
 .preview-started .preview-outline rect{animation:none;}
}

/* Dim the outline once the scheduled interval has ended. */
.preview-started:not(.preview-active):not(.preview-missed) .preview-outline{opacity:.5;}

/* Align mobile notes and diary toolbar content to the card edges. */
@media(max-width:760px){
 .notes-index .notes-toolbar{padding-inline:0;}
 .notes-index .notes-toolbar .folders-toggle{display:flex;justify-content:flex-start;text-align:left;padding-inline:0;border:0;}
 .notes-index .notes-toolbar [data-action="new-note"]{justify-content:flex-end;text-align:right;padding-inline:0;border:0;}
}