/* Color Hunt reference: #030164 / #363199 / #2d7495 / #e8e085. */
body[data-palette="ink"][data-theme="light"]{--bg:#f5f6fa;--surface:#fff;--surface-2:#edf0f7;--surface-3:#e2e6f1;--border:#dce1ed;--text:#161747;--muted:#656882;--muted-2:#757990;--purple:#363199;--purple-deep:#030164;--mint:#2d7495;--blue:#2d7495;--yellow:#b1a542;--pink:#363199;--peach:#2d7495;--shadow:0 16px 40px #03016409;--shadow-soft:0 5px 20px #03016406}
body[data-palette="ink"][data-theme="dark"]{--bg:#101128;--surface:#191b37;--surface-2:#232645;--surface-3:#2c3153;--border:#3b4064;--text:#f0f0fc;--muted:#b2b9d1;--muted-2:#939dbb;--purple:#b6b2ef;--purple-deep:#363199;--mint:#7fb9d1;--blue:#7fb9d1;--yellow:#e8e085;--pink:#b6b2ef;--peach:#7fb9d1}
body[data-palette="ink"] .sidebar{background:var(--surface)}
body[data-palette="ink"] .topbar{background:color-mix(in srgb,var(--bg) 95%,transparent)}
body[data-palette="ink"] .primary-btn,body[data-palette="ink"] .hero .primary-btn{background:#363199;border-color:#363199;color:#fff;box-shadow:0 4px 12px #03016416}
body[data-palette="ink"] .soft-btn{background:var(--surface-2);border-color:var(--border);color:var(--purple)}
body[data-palette="ink"] .nav-button.active{background:var(--surface-2);border-color:var(--border);color:var(--purple)}
body[data-palette="ink"] .brand-symbol{background:#030164;box-shadow:none}
body[data-palette="ink"] .brand-symbol span{color:#d9cc4e}
body[data-palette="ink"] .sidebar-mantra{background:var(--surface-2);border-color:var(--border)}
body[data-palette="ink"] .hero{background:linear-gradient(110deg,#030164,#363199 65%,#2d7495);border-color:#363199;color:#fff}
body[data-palette="ink"] .hero h1,body[data-palette="ink"] .hero h1 em{color:#e8e085}
body[data-palette="ink"] .hero p,body[data-palette="ink"] .hero-tag{color:#e0e4f2}
body[data-palette="ink"] .hero .primary-btn{background:#e8e085;color:#030164;border-color:#e8e085}
body[data-palette="ink"] .hero .outline-btn{background:#ffffff12;color:#fff;border-color:#ffffff50}
body[data-palette="ink"] .orbit-core{background:#e8e085;color:#030164;box-shadow:none}
body[data-palette="ink"] .orbit-node{background:#ffffffed;color:#030164;border-color:#e8e085}
body[data-palette="ink"] .orbit-ring,body[data-palette="ink"] .orbit-ring.two{border-color:#a8b7d282}
body[data-palette="ink"] .orbit-star{color:#e8e085}
body[data-palette="ink"] .aurora{display:none}
body[data-palette="ink"] .danger-btn{color:var(--text)!important;border-color:var(--border)!important}
body[data-palette="ink"] .palette-option.active{outline-color:#363199}
body[data-palette="ink"] .habit-check.active{background:var(--surface-2);border-color:var(--mint);color:var(--mint)}
body[data-palette="ink"] .mobile-nav{background:var(--surface);border-color:var(--border)}
body[data-palette="ink"] .mobile-nav button.active{color:var(--purple);background:var(--surface-2)}
body[data-palette="ink"] .v15-balance>div,body[data-palette="ink"] .v15-suggestion,body[data-palette="ink"] .v15-message.from-user{background:var(--surface-2);border-color:var(--border)}
body[data-palette="ink"] .v15-small-quadrant{color:var(--purple);background:var(--surface-2);border-color:var(--border)}
body[data-palette="ink"] .v14-status.done,body[data-palette="ink"] .v14-status.skipped{background:var(--purple);color:var(--surface)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Create a category without leaving a filled-out task or secretary proposal. */
.inline-area-editor{display:grid;gap:9px;margin-top:9px;padding:12px;border:1px solid var(--purple);border-radius:12px;background:var(--surface)}
.inline-area-editor>label{font-size:12px;font-weight:600}
.inline-area-fields{display:flex;gap:7px;min-width:0}
.inline-area-fields input[data-inline-area-name]{width:100%;min-width:0}
.inline-area-fields input[type=color]{width:40px;min-width:40px;height:39px;padding:4px}
.inline-area-buttons{display:flex;gap:8px;flex-wrap:wrap}
.inline-area-buttons .primary-btn{font-size:12px;min-height:32px;padding:4px 9px}
.inline-area-error{color:var(--text);font-size:12px;font-weight:600}
.inline-area-error:empty{display:none}

/* Quiet journal pages, with crisp lines matching the supplied paper trackers. */
.v18-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.v18-journal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);padding:25px 22px;overflow:hidden}
.v18-journal-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.v18-overline{font:700 10px var(--latin);letter-spacing:2px;color:var(--mint);display:block;direction:ltr;text-align:right}
.v18-journal-heading h2{font-size:27px;line-height:1.3;margin:7px 0;color:var(--text)}
.v18-journal-heading p{margin:0;color:var(--muted);font-size:12px}
.v18-month-controls{display:flex;align-items:center;gap:5px}
.v18-month-controls input{width:155px;border:1px solid var(--border);border-radius:9px;padding:6px 8px;background:var(--surface);color:var(--text);font-size:13px}
.v18-month-controls button{padding:5px 9px;white-space:nowrap}
.v18-habit-scroll{overflow-x:auto;scrollbar-width:thin;padding:4px 1px 10px}
.v18-habit-table{width:100%;min-width:880px;table-layout:fixed;border-collapse:collapse;color:var(--text)}
.v18-habit-table caption{text-align:right}
.v18-habit-table thead th{height:52px;font-weight:500;font-size:12px;vertical-align:middle;border-bottom:1px solid var(--text)}
.v18-habit-table thead th:first-child{width:174px;text-align:right;font-size:12px;padding-inline:9px}
.v18-habit-table thead th small{font-size:8px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;max-width:100%}
.v18-habit-table thead th span{font:600 11px var(--latin);display:block;margin-top:3px}
.v18-habit-table td,.v18-habit-table tbody th{height:52px;border:1px dotted var(--border);padding:0;text-align:center;vertical-align:middle}
.v18-habit-table tbody th{text-align:right;font-weight:500;padding:6px 7px;position:sticky;right:0;background:var(--surface);z-index:1}
.v18-habit-name{display:flex;flex-direction:column;gap:1px}
.v18-name-button{background:none;border:0;color:var(--text);padding:0;display:flex;align-items:center;gap:5px;text-align:right;font-size:12px;line-height:1.5}
.v18-name-button:hover{color:var(--purple)}
.v18-name-button .habit-icon{font-size:14px}
.v18-habit-total{font-size:10px;color:var(--muted)}
.v18-habit-tools{display:flex;gap:3px;position:absolute;bottom:5px;left:6px}
.v18-habit-tools button{background:none;border:0;color:var(--muted);padding:0 3px;font-size:10px;line-height:1.8}
.v18-habit-cell{display:inline-grid;place-items:center;width:100%;height:35px;min-width:0;border:0;border-radius:2px;background:transparent;color:var(--muted);font-size:15px;padding:0;line-height:1}
.v18-habit-cell:hover:not(:disabled){outline:1px solid var(--mint);outline-offset:-3px;background:var(--surface-2)}
.v18-habit-cell.done{background:var(--purple);color:var(--surface)}
body[data-palette="ink"] .v18-habit-cell.done{background:#363199;color:#fff}
.v18-habit-cell.missed{background:var(--surface-2);color:var(--text)}
.v18-habit-cell.skipped{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}
.v18-habit-cell.rest{color:var(--muted);background:repeating-linear-gradient(135deg,transparent,transparent 3px,color-mix(in srgb,var(--border) 35%,transparent) 3px,color-mix(in srgb,var(--border) 35%,transparent) 4px)}
.v18-habit-cell:disabled{opacity:.28;cursor:default}
.v18-habit-table .v18-today{background:color-mix(in srgb,#e8e085 17%,var(--surface))}
.v18-habit-table th.v18-today{border-bottom:3px solid var(--mint)}
.v18-journal-footer{margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted)}
.v18-habit-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px}
.v18-habit-legend>span{display:flex;align-items:center;gap:5px}
.v18-habit-legend .v18-habit-cell{width:17px;height:17px;font-size:12px;border:1px solid var(--border)}
.v18-journal-footer>p{font-size:11px;flex-basis:100%;margin:0}
.v18-journal-footer>.chip-btn{margin-top:4px}
.v18-sleep-summary{display:flex;align-items:center;gap:35px;border-block:1px solid var(--border);padding:15px 0;margin-bottom:24px}
.v18-sleep-summary>div{display:grid;gap:3px;min-width:118px}
.v18-sleep-summary span{font-size:11px;color:var(--muted)}
.v18-sleep-summary strong{font-size:25px;color:var(--purple);line-height:1.4}
.v18-sleep-summary small{font-size:14px;color:var(--muted);font-weight:400}
.v18-sleep-summary p{font-size:12px;color:var(--muted);margin:0}
.v18-chart-scroll{overflow-x:auto;scrollbar-width:thin;direction:ltr}
.v18-sleep-svg{display:block;width:100%;min-width:640px;overflow:visible}
.v18-sleep-svg text{fill:var(--muted);font:12px var(--font)}
.v18-sleep-svg .v18-axis-label{font-size:10px}
.v18-sleep-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:2 3}
.v18-sleep-grid.vertical{stroke-opacity:.7}
.v18-sleep-line{fill:none;stroke:var(--mint);stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}
.v18-sleep-point{fill:var(--surface);stroke:var(--purple);stroke-width:2.3}
.v18-sleep-hit{fill:transparent;cursor:pointer}
.v18-sleep-hit:hover{fill:color-mix(in srgb,var(--purple) 5%,transparent)}
.v18-sleep-empty{margin:5px 0 20px;text-align:center;font-size:13px;color:var(--muted)}
.v18-sleep-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(47px,1fr));gap:5px;margin-top:14px}
.v18-sleep-day{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:5px 2px;display:grid;gap:2px;color:var(--muted);min-height:45px;text-align:center}
.v18-sleep-day span{font:500 11px var(--latin)}
.v18-sleep-day strong{font-size:9px;font-weight:500;white-space:nowrap}
.v18-sleep-day.recorded{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--mint) 45%,var(--border))}
.v18-sleep-day.today{box-shadow:inset 0 -3px var(--mint)}
.v18-journal-hint{font-size:11px;color:var(--muted);margin:16px 0 0}

/* All five zones stay in the viewport. Extra notes are paged, never discarded. */
body[data-screen="matrix"]{height:100dvh;min-height:0;overflow:hidden}
body[data-screen="matrix"] .app-layout{height:100%;min-height:0}
body[data-screen="matrix"] .main-shell{height:100%;min-height:0}
body[data-screen="matrix"] .topbar{flex-shrink:0;padding:12px 20px}
body[data-screen="matrix"] .main-shell main{display:flex;flex-direction:column;min-height:0;padding:14px 20px 18px;max-width:none}
body[data-screen="matrix"] .app-footer{display:none}
body[data-screen="matrix"] .page-heading{flex-shrink:0;margin-bottom:12px;align-items:center;gap:12px}
body[data-screen="matrix"] .page-title{font-size:24px;margin:3px 0}
body[data-screen="matrix"] .page-eyebrow{font-size:9px;letter-spacing:1.2px}
body[data-screen="matrix"] .page-sub{font-size:11px}
.v16-board,body[data-theme="light"] .v16-board{--v16-bg:var(--surface-2);--v16-panel:var(--surface);--v16-border:var(--border);--v16-type:var(--text);--v16-muted:var(--muted);--note-height:104px;background:var(--v16-bg);color:var(--text);padding:12px;border:1px solid var(--border);border-radius:16px;box-shadow:none;min-height:0;flex:1;display:flex;flex-direction:column;gap:8px}
.v16-board-bar{margin:0;padding:0 3px;font-size:11px;gap:8px;line-height:1.5;flex-shrink:0}
.v18-board-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2fr);gap:10px;min-height:0;flex:1}
.v16-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;margin:0;min-width:0;min-height:0}
.v16-zone{--zone-accent:#2d7495;display:grid;grid-template-rows:28px minmax(0,1fr) 22px;gap:6px;padding:9px;border-radius:10px;border-top-width:3px;min-height:0}
.v16-zone-do{--zone-accent:#363199}.v16-zone-plan{--zone-accent:#2d7495}.v16-zone-delegate{--zone-accent:#c9bf5d}.v16-zone-later{--zone-accent:#8b90b1}.v16-zone-inbox{--zone-accent:#030164}
.v16-zone-header{margin:0;gap:6px;min-width:0}
.v16-zone-header h2{font-size:12px;font-weight:700;margin:0;line-height:1.4;min-width:0}
.v16-counter{height:23px;min-width:23px;border-radius:6px;font:600 11px var(--latin);background:var(--surface-2)}
.v16-notes,.v16-zone-inbox .v16-notes{min-height:0;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--note-height);gap:6px;align-content:start;overflow:hidden;padding:0}
.v16-zone-empty{height:100%;min-height:0;min-width:0;padding:9px;border-radius:7px;border-style:dotted}
.v16-zone-empty p{font-size:11px;margin:0}
.v16-note{height:var(--note-height);min-height:0;max-width:none;width:100%;border-radius:3px 3px 10px 3px;padding:7px 8px 5px;gap:3px;transform:none!important;box-shadow:1px 2px 1px #03016415;overflow:hidden}
.v16-note:hover,.v16-note:focus-within{transform:none;box-shadow:inset 0 0 0 1px var(--edge);z-index:2}
.v16-note:before{width:25px;height:4px;top:0;opacity:.5;left:50%;border:0}
.v16-paper-lemon{--paper:#eeeaaf;--ink:#272548;--edge:#d6ce7f;--pin:#c0b353}
.v16-paper-lilac{--paper:#e3e1f3;--ink:#272548;--edge:#c7c4e5;--pin:#8982c9}
.v16-paper-peach{--paper:#f3efc9;--ink:#272548;--edge:#ddd6a5;--pin:#c0b353}
.v16-paper-mint{--paper:#d9e8ec;--ink:#1c3f50;--edge:#adcbd7;--pin:#2d7495}
.v16-paper-sky{--paper:#dfe5f5;--ink:#262653;--edge:#b7c5e1;--pin:#363199}
.v18-note-heading{display:flex;align-items:flex-start;gap:4px;min-height:17px}
.v16-note-title{font-size:12px;font-weight:700;line-height:1.35;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v16-edit{flex-shrink:0;min-width:20px;min-height:20px;width:20px;height:20px;font-size:12px;padding:0;border-radius:4px}
.v16-note-description{font-size:10px;line-height:1.4;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:0}
.v16-note-bottom{margin-top:auto;display:block;min-height:13px;overflow:hidden}
.v16-note-meta{display:block;font-size:9px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.v16-move-label{padding:0;margin:0;border:0;display:block;flex-shrink:0;height:22px}
.v16-move-select{height:22px;min-height:0;font-size:9px!important;padding:1px 4px!important;border-radius:4px;line-height:1.4}
.v18-board-pager{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:10px;color:var(--muted);min-width:0}
.v18-board-pager span{direction:ltr;white-space:nowrap}
.v18-board-pager button{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;color:var(--text);min-width:26px;height:22px;padding:0 5px;line-height:1}
.v18-board-pager button:disabled{opacity:.25}
.v16-help{font-size:10px;margin:0 2px;line-height:1.6;flex-shrink:0}
.v16-zone-hover{outline-color:var(--mint);background:var(--surface-2)!important}
.v16-note.v16-drop-before{outline-color:#363199;outline-offset:-3px}
@media(max-height:850px) and (min-width:901px){.sidebar{padding-top:16px;padding-bottom:10px}.brand{padding-bottom:18px}.side-caption{padding-bottom:7px}.nav-list{gap:2px}.nav-button{min-height:35px;padding:5px 11px;font-size:12px}.sidebar-mantra{padding:10px;margin:12px 3px}.sidebar-foot{margin:5px 0}.sidebar-mantra p{font-size:11px}}
@media(max-height:720px) and (min-width:901px){.sidebar-mantra,.sidebar-foot{display:none}.brand{padding-bottom:12px}.nav-button{min-height:31px}.sidebar-bottom{padding-top:8px}}
@media(max-width:1100px){.v18-board-layout{grid-template-columns:minmax(170px,.8fr) minmax(0,2fr)}body[data-screen="matrix"] .main-shell main{padding:10px 12px 12px}.v16-board{padding:9px}.v16-zone{padding:7px}.v16-zone-header h2{font-size:11px}}
@media(max-width:750px){
 .v18-journal{padding:18px 12px;border-radius:13px}.v18-journal-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:14px}.v18-journal-heading h2{font-size:23px}.v18-month-controls{width:100%}.v18-month-controls input{flex:1;width:140px}.v18-sleep-summary{gap:12px;flex-wrap:wrap;padding:12px 0;margin-bottom:14px}.v18-sleep-summary>div{min-width:100px}.v18-sleep-summary p{flex-basis:100%;font-size:11px}.v18-sleep-summary strong{font-size:22px}.v18-heading-actions{gap:5px}.v18-heading-actions button{font-size:11px;padding:6px 9px}.v18-habit-legend{gap:9px}.v18-sleep-days{grid-template-columns:repeat(7,minmax(0,1fr))}
 body[data-screen="matrix"] .app-layout{height:calc(100dvh - 68px)}body[data-screen="matrix"] .main-shell main{padding:8px 7px 6px}body[data-screen="matrix"] .topbar{padding:8px 10px;min-height:50px}body[data-screen="matrix"] .topbar-location{font-size:10px}body[data-screen="matrix"] .topbar-actions{gap:4px}body[data-screen="matrix"] .topbar-actions .primary-btn{padding:5px 7px;font-size:10px;min-height:32px}body[data-screen="matrix"] .topbar-actions .icon-btn{min-width:30px;min-height:32px;padding:2px}body[data-screen="matrix"] .page-heading{display:flex;margin-bottom:8px}body[data-screen="matrix"] .page-title{font-size:20px}body[data-screen="matrix"] .page-eyebrow,body[data-screen="matrix"] .page-sub{display:none}body[data-screen="matrix"] .page-heading .primary-btn{font-size:11px;min-height:32px;padding:5px 8px}
 .v16-board,body[data-theme="light"] .v16-board{padding:7px;gap:6px;border-radius:11px}.v16-board-bar{font-size:9px;gap:4px;flex-wrap:nowrap}.v18-board-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:172px minmax(0,1fr);gap:7px}.v16-matrix-grid{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.v16-zone{padding:5px;gap:4px;grid-template-rows:23px minmax(0,1fr) 20px;border-radius:7px}.v16-zone-header h2{font-size:10px}.v16-counter{height:20px;min-width:20px;font-size:10px}.v16-note{padding:6px 6px 4px}.v16-note-title{font-size:11px}.v16-note-meta{font-size:9px}.v16-note-description{font-size:9px}.v18-board-pager{font-size:9px}.v18-board-pager button{height:20px}.v16-help{font-size:8px;line-height:1.4}.v16-zone-empty p{font-size:10px}
}
@media(max-width:750px) and (max-height:740px){.v16-board{--note-height:88px!important}.v18-board-layout{grid-template-rows:148px minmax(0,1fr)}.v16-zone{grid-template-rows:21px minmax(0,1fr) 18px;gap:3px}.v18-board-pager button{height:18px}.v16-note-title{-webkit-line-clamp:1}.v16-note-description{line-height:1.2}.v16-help{display:none}body[data-screen="matrix"] .topbar-location #today-label,body[data-screen="matrix"] .topbar-location .divider-mini{display:none}}
@media(max-width:750px) and (max-height:600px){.v16-board{--note-height:80px!important}.v18-board-layout{grid-template-rows:140px minmax(0,1fr)}.v16-note-description{display:none}.v16-board-bar{display:none}body[data-screen="matrix"] .page-heading{margin-bottom:4px}body[data-screen="matrix"] .topbar{min-height:40px;padding-block:4px}}
