/* HARTO 0.6 — monochrome, iPhone/iPad-first editorial interface.
   Theme is local to this device; never store financial or identity data here. */
html[data-theme="light"] {
  color-scheme: light;
  --bg:#f6f5f2; --bg2:#edede9; --surface:#ffffff; --surface2:#eeede9;
  --line:#e2e1dc; --line-strong:#cdccc6; --text:#111111; --muted:#53534f;
  --subtle:#74736e; --accent:#111111; --accent2:#333333; --white:#ffffff;
  --mono-soft:#efeee9; --mono-elevated:#ffffff; --mono-invert:#101010;
  --mono-on-invert:#ffffff; --mono-secondary:#595955; --mono-shadow:0 14px 48px #1414140b;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg:#090909; --bg2:#111111; --surface:#181818; --surface2:#202020;
  --line:#303030; --line-strong:#505050; --text:#ffffff; --muted:#c2c2c2;
  --subtle:#9d9d9d; --accent:#ffffff; --accent2:#e8e8e8; --white:#ffffff;
  --mono-soft:#181818; --mono-elevated:#202020; --mono-invert:#f4f3f0;
  --mono-on-invert:#101010; --mono-secondary:#b8b8b8; --mono-shadow:0 18px 55px #0006;
}
html[data-theme] {background:var(--bg)}
html[data-theme] body {background:var(--bg);color:var(--text)}
html[data-theme] .app-shell {background:var(--bg)}
html[data-theme] ::selection {background:var(--mono-invert);color:var(--mono-on-invert)}

/* Chrome — quiet, tactile controls, excellent icon contrast. */
html[data-theme] .sidebar {background:var(--bg);border-color:var(--line)}
html[data-theme] .sidebar-line,html[data-theme] .side-profile {border-color:var(--line);background-color:transparent}
html[data-theme] .brand-mark,html[data-theme] .mini-brand {
  border:1px solid var(--text);background:var(--text);color:var(--bg);
  box-shadow:none;border-radius:12px;
}
html[data-theme] .brand-mark span {color:var(--bg)}
html[data-theme] .brand-mark i {border-color:var(--bg);opacity:.25}
html[data-theme] .mobile-brand strong,html[data-theme] .brand-type strong {color:var(--text)}
html[data-theme] .mobile-brand strong span,html[data-theme] .brand-dot {color:var(--text)}
html[data-theme] .brand-type small,html[data-theme] .nav-kicker {color:var(--subtle)}
html[data-theme] .topbar {
  border-color:var(--line);background:color-mix(in srgb,var(--bg) 89%,transparent);
  box-shadow:none;
}
html[data-theme] .topbar-left,html[data-theme] #current-view-label,html[data-theme] .today-date {color:var(--muted)}
html[data-theme] .topbar-left::before {display:none}
html[data-theme] .topbar-left .top-slash {color:var(--line-strong)}
html[data-theme] .topbar-left>#current-view-label {border-color:var(--line-strong)}
html[data-theme] .topbar .icon-button {color:var(--text);border-color:transparent;border-radius:50%}
html[data-theme] .topbar .icon-button:hover {border-color:var(--line);background:var(--mono-soft)}
html[data-theme] .topbar .icon-button svg {color:var(--text);stroke-width:2.15}
html[data-theme] .topbar .icon-button kbd {color:var(--muted);border-color:var(--line)}
html[data-theme] .tiny-avatar,html[data-theme] .profile-avatar {
  background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:none;
}
html[data-theme] .notification-dot,html[data-theme] .tiny-dot,html[data-theme] .profile-status {
  background:var(--text);box-shadow:none;
}
html[data-theme] .notification-dot {border:2px solid var(--bg);height:9px;width:9px}
html[data-theme] .top-divider {background:var(--line)}
html[data-theme] .theme-toggle .theme-icon-sun {display:none}
html[data-theme="light"] .theme-toggle .theme-icon-moon {display:block}
html[data-theme="dark"] .theme-toggle .theme-icon-sun {display:block}
html[data-theme="dark"] .theme-toggle .theme-icon-moon {display:none}
html[data-theme] .nav-item,html[data-theme] .sidebar .nav-item {color:var(--muted)}
html[data-theme] .sidebar .nav-item svg {color:var(--text);stroke-width:2.1}
html[data-theme] .sidebar .nav-item:hover {background:var(--mono-soft)}
html[data-theme] .sidebar .nav-item.active {background:var(--text);border-color:var(--text);color:var(--bg)}
html[data-theme] .sidebar .nav-item.active svg {color:var(--bg)}
html[data-theme] .sidebar .nav-item.active:before {background:var(--text)}
html[data-theme] .sidebar .nav-item:after {background:var(--mono-invert);color:var(--mono-on-invert);box-shadow:var(--mono-shadow)}
html[data-theme] .global-footer {border-color:var(--line);color:var(--subtle)}

/* Dashboard — breathing room, clear type, meaningful numbers. */
html[data-theme] .minimal-home {max-width:950px;padding-top:26px}
html[data-theme] .home-overline,html[data-theme] .launcher-head {
  color:var(--subtle);letter-spacing:.13em;font-size:11px;
}
html[data-theme] .home-overline .tiny-dot {width:7px;height:7px}
html[data-theme] .shortcuts-link {color:var(--muted);font-size:11px;letter-spacing:.05em}
html[data-theme] .shortcuts-link:hover {color:var(--text)}
html[data-theme] .help-key {color:var(--text);border-color:var(--line-strong);border-radius:50%}
html[data-theme] .home-core {display:flex;flex-direction:column;align-items:center;padding-bottom:24px}
html[data-theme] .minimal-home .core-stage {min-height:153px;height:153px;width:200px;overflow:visible}
html[data-theme] .core-stage:before,html[data-theme] .core-grid,
html[data-theme] .core-cross,html[data-theme] .orbit-glow {display:none}
html[data-theme] .minimal-home .orbit-outer {width:132px;height:132px;border:1px solid var(--line-strong);box-shadow:none}
html[data-theme] .orbit-outer:before,html[data-theme] .orbit-outer:after {background:var(--text);box-shadow:none;width:3px;height:3px}
html[data-theme] .orbit-outer:before {top:18px;left:19px}
html[data-theme] .orbit-outer:after {right:14px;bottom:13px}
html[data-theme] .minimal-home .orbit-middle {display:none;animation:none}
html[data-theme] .minimal-home .orbit-inner {width:110px;height:110px;border-color:var(--line);box-shadow:none}
html[data-theme] .orbit-inner:before {display:none}
html[data-theme] .minimal-home .core-button {
  height:86px;width:86px;color:var(--bg);background:var(--text);
  border:2px solid var(--bg);outline:1px solid var(--text);box-shadow:none;
}
html[data-theme] .minimal-home .core-button:hover {box-shadow:0 0 0 9px var(--mono-soft)}
html[data-theme] .minimal-home .core-letter {font-size:47px;text-shadow:none;margin-left:-4px;font-weight:750}
html[data-theme] .minimal-home .core-status {bottom:-3px;color:var(--muted);letter-spacing:.12em;font-size:9px}
html[data-theme] .home-core .greeting-line {font-size:15px;color:var(--muted);margin:10px 0 7px}
html[data-theme] .home-core h1 {
  color:var(--text);font-size:clamp(38px,4.5vw,59px);font-weight:650;letter-spacing:-.08em;
}
html[data-theme] .home-core h1 em {color:var(--text)}
html[data-theme] .minimal-home .assistant-command {
  max-width:none;height:67px;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;padding:0 12px 0 17px;box-shadow:var(--mono-shadow);
}
html[data-theme] .command-spark {background:transparent;color:var(--text);border:none}
html[data-theme] .command-spark svg {height:23px;width:23px;stroke-width:2.1}
html[data-theme] .minimal-home .assistant-command input {color:var(--text);font-size:16px;font-weight:500}
html[data-theme] .assistant-command input::placeholder {color:var(--muted)}
html[data-theme] .minimal-home .assistant-command>button {
  background:var(--text);color:var(--bg);height:43px;width:43px;border-radius:13px;
}
html[data-theme] .minimal-home .assistant-command>button:hover {background:var(--muted)}
html[data-theme] .assistant-response,html[data-theme] .modal-hint {
  background:var(--surface);border-color:var(--line);color:var(--text);border-radius:15px;
}
html[data-theme] .response-brand {border-color:var(--line-strong);color:var(--text)}
html[data-theme] .response-brand span,html[data-theme] .response-copy p,
html[data-theme] .response-close {color:var(--muted)}
html[data-theme] .home-glance {
  margin:20px 0 2px;display:grid;grid-template-columns:1.5fr 1fr;gap:13px;
}
html[data-theme] .glance-card {
  display:flex;flex-direction:column;text-align:left;min-width:0;min-height:160px;
  border-radius:21px;padding:23px 25px;border:1px solid var(--line);
  color:var(--text);background:var(--surface);transition:transform .18s,box-shadow .18s;
}
html[data-theme] .glance-card:hover {transform:translateY(-2px);box-shadow:var(--mono-shadow)}
html[data-theme] .glance-finance {background:var(--mono-invert);color:var(--mono-on-invert);border-color:transparent}
html[data-theme] .glance-top {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:750;letter-spacing:.12em}
html[data-theme] .glance-top svg {width:21px;height:21px;stroke-width:2}
html[data-theme] .glance-card strong {
  margin:auto 0 1px;font:750 clamp(31px,3.8vw,48px)/1.12 Manrope,sans-serif;
  letter-spacing:-.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html[data-theme] .glance-card small {font-size:12px;line-height:1.4;opacity:.76}
html[data-theme] .launcher-head {margin:27px 0 12px}
html[data-theme] .launcher-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
html[data-theme] .launcher-tile {
  background:var(--surface);color:var(--text);border:1px solid var(--line);
  border-radius:20px;height:126px;gap:13px;box-shadow:none;
}
html[data-theme] .launcher-tile svg {color:var(--text);width:31px;height:31px;stroke-width:2.15}
html[data-theme] .launcher-tile span {font-size:14px;font-weight:700;color:var(--text)}
html[data-theme] .launcher-tile kbd {display:none}
html[data-theme] .launcher-tile:hover,html[data-theme] .launcher-tile:focus-visible {
  background:var(--mono-soft);border-color:var(--line-strong);box-shadow:var(--mono-shadow);
}
html[data-theme] .launcher-tile:hover svg {color:var(--text)}
html[data-theme] .home-quickbar {margin-top:15px;gap:8px;flex-wrap:wrap}
html[data-theme] .home-quickbar button,html[data-theme] .home-quickbar a {
  background:var(--surface);border:1px solid var(--line);border-radius:99px;
  color:var(--text);font-size:13px;padding:0 16px;height:42px;
}
html[data-theme] .home-quickbar button:hover,html[data-theme] .home-quickbar a:hover {background:var(--mono-soft);border-color:var(--line-strong)}
html[data-theme] .home-quickbar>span {font-size:12px;color:var(--muted)}

/* Content surfaces — grayscale only, same language on every tab. */
html[data-theme] .compact-module-heading h1,html[data-theme] .page-intro h1,
html[data-theme] .page-intro h1 em,html[data-theme] .compact-module-heading h1 .brand-dot {color:var(--text)}
html[data-theme] .page-intro p,html[data-theme] .page-intro .eyebrow,
html[data-theme] .panel-kicker,html[data-theme] .compact-module-heading .panel-kicker,
html[data-theme] .quiet-status,html[data-theme] .quiet-footnote,
html[data-theme] .eyebrow,html[data-theme] .local-note {color:var(--muted)}
html[data-theme] .eyebrow-line {background:var(--muted)}
html[data-theme] .panel,html[data-theme] .info-card,html[data-theme] .feature-banner,
html[data-theme] .briefing-main-card,html[data-theme] .motivation-card,
html[data-theme] .vault-panel,html[data-theme] .security-card,
html[data-theme] .business-row,html[data-theme] .discover-tile,
html[data-theme] .calendar-panel,html[data-theme] .google-hub,
html[data-theme] .connections-list {
  background:var(--surface);border:1px solid var(--line);color:var(--text);
  border-radius:20px;box-shadow:none;
}
html[data-theme] .feature-banner,html[data-theme] .dark-banner {background:var(--surface)}
html[data-theme] .panel h3,html[data-theme] .feature-banner h3,
html[data-theme] .vault-panel h3,html[data-theme] .business-row h3,
html[data-theme] .connection-row strong,html[data-theme] .info-number {color:var(--text)}
html[data-theme] .feature-banner p,html[data-theme] .panel p,
html[data-theme] .info-card p,html[data-theme] .business-row p,
html[data-theme] .vault-panel p,html[data-theme] .security-card p,
html[data-theme] .nomad-panel>p {color:var(--muted)}
html[data-theme] .business-row:hover,html[data-theme] .discover-tile:hover {background:var(--mono-soft);border-color:var(--line-strong)}
html[data-theme] .business-initial,html[data-theme] .feature-icon,html[data-theme] .vault-emblem {
  background:var(--text);color:var(--bg);border-color:var(--text);border-radius:14px;
}
html[data-theme] .feature-icon svg,html[data-theme] .vault-emblem svg {color:var(--bg)}
html[data-theme] .business-row>span,html[data-theme] .business-row svg,
html[data-theme] .text-link,html[data-theme] .discover-tile span,
html[data-theme] .discover-note {color:var(--muted)}
html[data-theme] .discover-tile>svg,html[data-theme] .discover-tile strong,
html[data-theme] .discover-note svg {color:var(--text)}
html[data-theme] .connection-row,html[data-theme] .google-hub-row {
  background:var(--surface);color:var(--text);border-color:var(--line);
}
html[data-theme] .connection-row:hover,html[data-theme] .google-hub-row:hover {background:var(--mono-soft)}
html[data-theme] .connection-number,html[data-theme] .connection-row small,
html[data-theme] .connection-row svg,html[data-theme] .google-hub-row span,
html[data-theme] .google-hub-row .hub-arrow {color:var(--muted)}
html[data-theme] .google-hub-row>svg:first-child {color:var(--text)}
html[data-theme] .status-pill,html[data-theme] .security-status,
html[data-theme] .vault-state,html[data-theme] .shortcut-row,
html[data-theme] .shortcut-row kbd {
  background:var(--mono-soft);color:var(--muted);border-color:var(--line);
}
html[data-theme] .security-status.ready {background:var(--text);color:var(--bg);border-color:var(--text)}
html[data-theme] .outline-button,html[data-theme] .primary-button,
html[data-theme] .calendar-actions button {
  background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:12px;
}
html[data-theme] .outline-button:hover,html[data-theme] .primary-button:hover,
html[data-theme] .calendar-actions button:hover {background:var(--muted);border-color:var(--muted);color:var(--bg)}
html[data-theme] .calendar-actions #calendar-today {background:var(--mono-soft);color:var(--text);border-color:var(--line)}
html[data-theme] .calendar-controls h2,html[data-theme] .calendar-weekdays span {color:var(--text)}
html[data-theme] .calendar-day {background:var(--mono-soft);border-color:var(--line);color:var(--text);border-radius:11px}
html[data-theme] .calendar-empty {background:transparent;border-color:transparent}
html[data-theme] .calendar-day.today {background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:none}
html[data-theme] .calendar-bottom {color:var(--muted)}
html[data-theme] .task-row {border-color:var(--line)}
html[data-theme] .task-check {border-color:var(--line-strong)}
html[data-theme] .task-check:checked {background:var(--text);border-color:var(--text)}
html[data-theme] .task-check:checked:after {color:var(--bg)}
html[data-theme] .task-text {color:var(--text);font-size:16px}
html[data-theme] .task-row.done .task-text,html[data-theme] .delete-task {color:var(--subtle)}
html[data-theme] .empty-tasks {border-color:var(--line);color:var(--muted);font-size:15px}
html[data-theme] .empty-tasks svg {color:var(--text)}
html[data-theme] .focus-panel textarea,html[data-theme] .modal input {
  background:var(--mono-soft);border-color:var(--line);color:var(--text);font-size:16px;
}
html[data-theme] .focus-panel textarea::placeholder {color:var(--subtle)}
html[data-theme] .nomad-orbit {border-color:var(--line-strong);color:var(--text);box-shadow:0 0 0 20px var(--mono-soft)}
html[data-theme] .nomad-orbit span,html[data-theme] .nomad-note,html[data-theme] .saved-note {color:var(--muted)}

/* Money: one number for balances, three precise confirmed sales aggregates. */
html[data-theme] .money-balance {
  background:var(--mono-invert);border:1px solid transparent;border-radius:25px;
  min-height:252px;padding:32px 37px;
}
html[data-theme] .money-label,html[data-theme] .money-amount,html[data-theme] .money-meta {
  color:var(--mono-on-invert);
}
html[data-theme] .money-label {opacity:.67;font-size:12px;letter-spacing:.12em}
html[data-theme] .money-amount {font-size:clamp(53px,8vw,101px);letter-spacing:-.075em;margin:14px 0}
html[data-theme] .money-meta {opacity:.74}
html[data-theme] .money-glow {display:none}
html[data-theme] .money-offline .tiny-dot {background:var(--mono-on-invert)}
html[data-theme] .finance-tabs .filter-button {
  background:var(--surface);color:var(--text);border-color:var(--line);
  border-radius:99px;min-height:42px;padding:9px 18px;font-size:13px;
}
html[data-theme] .finance-tabs .filter-button.active,
html[data-theme] .finance-tabs .filter-button:hover {background:var(--text);color:var(--bg);border-color:var(--text)}
html[data-theme] .money-metric {
  background:var(--surface);border:1px solid var(--line);border-radius:21px;
  min-height:163px;padding:25px;
}
html[data-theme] .money-metric span {color:var(--muted);font-size:12px;letter-spacing:.10em}
html[data-theme] .money-metric strong {color:var(--text);font-size:clamp(26px,3vw,45px);overflow:hidden;text-overflow:ellipsis}
html[data-theme] .money-metric small {color:var(--subtle)}
html[data-theme] .finance-settings {border-color:var(--line)!important}
html[data-theme] .finance-settings svg {color:var(--text)!important}
html[data-theme] .briefing-data-grid>div {background:var(--mono-soft);border-color:var(--line);border-radius:15px}
html[data-theme] .briefing-data-grid svg,html[data-theme] .briefing-data-grid strong,
html[data-theme] .briefing-card-top,html[data-theme] .briefing-main-card h2,
html[data-theme] .motivation-header,html[data-theme] .motivation-header svg,
html[data-theme] .motivation-card p {color:var(--text)}
html[data-theme] .briefing-data-grid strong {overflow-wrap:anywhere;font-size:clamp(15px,1.8vw,20px)}
html[data-theme] .briefing-data-grid small,html[data-theme] .motivation-foot {color:var(--muted)}

/* Sheets, notifications and dialogs honor the chosen color without faking alerts. */
html[data-theme] .notification-drawer {background:var(--bg);border-color:var(--line);color:var(--text)}
html[data-theme] .notice-card {background:var(--surface);color:var(--text);border-color:var(--line);border-radius:18px}
html[data-theme] .notice-card:hover {background:var(--mono-soft);border-color:var(--line-strong)}
html[data-theme] .notice-icon {background:var(--text);border-color:var(--text);border-radius:13px}
html[data-theme] .notice-icon svg {color:var(--bg)}
html[data-theme] .notice-card small,html[data-theme] .notice-arrow,
html[data-theme] .drawer-date,html[data-theme] .drawer-foot {color:var(--muted)}
html[data-theme] .modal {background:var(--surface);border-color:var(--line);color:var(--text);border-radius:23px}
html[data-theme] .modal-eyebrow,html[data-theme] .modal>p,html[data-theme] .modal-close {color:var(--muted)}
html[data-theme] .toast {background:var(--mono-invert);color:var(--mono-on-invert);border-color:transparent;border-radius:13px}
html[data-theme] .shortcut-row:hover {background:var(--mono-soft);color:var(--text)}

/* iPhone: comfortable hit targets, five-item dock, clean stacked cards. */
@media(max-width:680px) {
  html[data-theme] .topbar {height:72px;padding:0 17px}
  html[data-theme] .topbar .icon-button {width:40px;min-width:40px;height:44px;min-height:44px}
  html[data-theme] .topbar .icon-button svg {width:23px;height:23px}
  html[data-theme] .topbar-right {gap:1px}
  html[data-theme] .topbar-left>#current-view-label {font-size:10px;padding-left:11px}
  html[data-theme] main {padding-left:17px;padding-right:17px;padding-bottom:80px}
  html[data-theme] .minimal-home {padding-top:19px}
  html[data-theme] .home-core {padding-bottom:20px}
  html[data-theme] .minimal-home .core-stage {min-height:125px;height:125px;width:190px}
  html[data-theme] .minimal-home .orbit-outer {width:115px;height:115px}
  html[data-theme] .minimal-home .orbit-inner {width:99px;height:99px}
  html[data-theme] .minimal-home .core-button {height:77px;width:77px}
  html[data-theme] .minimal-home .core-letter {font-size:42px}
  html[data-theme] .minimal-home .core-status {bottom:-2px;font-size:8px}
  html[data-theme] .home-core .greeting-line {font-size:15px;margin:15px 0 5px}
  html[data-theme] .home-core h1 {font-size:clamp(31px,8.4vw,43px)}
  html[data-theme] .minimal-home .assistant-command {height:61px;border-radius:17px}
  html[data-theme] .minimal-home .assistant-command input {font-size:15px}
  html[data-theme] .home-glance {gap:9px;margin-top:14px;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
  html[data-theme] .glance-card {min-height:138px;padding:18px 16px;border-radius:17px}
  html[data-theme] .glance-top {font-size:10px;letter-spacing:.06em}
  html[data-theme] .glance-card strong {font-size:clamp(24px,6vw,35px)}
  html[data-theme] .glance-card small {font-size:11px}
  html[data-theme] .launcher-head {margin:24px 0 11px;font-size:10px}
  html[data-theme] .launcher-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  html[data-theme] .launcher-tile {height:93px;border-radius:16px;gap:9px;padding:8px 2px}
  html[data-theme] .launcher-tile svg {width:27px;height:27px;stroke-width:2.15}
  html[data-theme] .launcher-tile span {font-size:12px;line-height:1.1}
  html[data-theme] .home-quickbar {gap:7px}
  html[data-theme] .home-quickbar button,html[data-theme] .home-quickbar a {height:38px;padding:0 11px;font-size:11px}
  html[data-theme] .home-quickbar>span {font-size:11px}
  html[data-theme] .mobile-dock {
    background:color-mix(in srgb,var(--bg) 94%,transparent);border-color:var(--line);
    box-shadow:0 -10px 32px #0000000a;padding:10px 5px calc(11px + env(safe-area-inset-bottom));
  }
  html[data-theme] .mobile-dock button {color:var(--subtle);font-size:11px;font-weight:650;min-width:0;flex:1;gap:6px}
  html[data-theme] .mobile-dock svg {color:var(--muted);width:24px;height:24px;stroke-width:2.1}
  html[data-theme] .mobile-dock button.active {color:var(--text)}
  html[data-theme] .mobile-dock button.active svg {color:var(--text);stroke-width:2.5}
  html[data-theme] .compact-module-heading h1 {font-size:37px}
  html[data-theme] .money-balance {min-height:211px;padding:23px;border-radius:20px}
  html[data-theme] .money-amount {font-size:clamp(58px,15vw,81px)}
  html[data-theme] .finance-tabs {display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0 0 5px;scrollbar-width:none}
  html[data-theme] .finance-tabs::-webkit-scrollbar {display:none}
  html[data-theme] .finance-tabs .filter-button {flex:0 0 auto;min-height:41px;padding:9px 16px;font-size:12px}
  html[data-theme] .money-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  html[data-theme] .money-metric {padding:18px 16px;min-height:135px;border-radius:17px}
  html[data-theme] .money-metric strong {font-size:clamp(23px,6vw,32px)}
  html[data-theme] .money-metric:first-child {grid-column:span 2}
  html[data-theme] .calendar-panel {padding:17px 11px;border-radius:17px}
  html[data-theme] .calendar-day,html[data-theme] .calendar-empty {min-height:43px;font-size:15px}
  html[data-theme] .calendar-weekdays span {font-size:12px}
  html[data-theme] .briefing-main-card,html[data-theme] .motivation-card {padding:20px;border-radius:17px}
  html[data-theme] .glance-card:focus-visible,html[data-theme] .launcher-tile:focus-visible {outline-offset:3px}
}
@media(max-width:370px) {
  html[data-theme] .glance-card strong {font-size:23px}
  html[data-theme] .launcher-tile span {font-size:11px}
  html[data-theme] .launcher-tile {height:87px}
  html[data-theme] .home-quickbar>span {display:none}
}
@media(min-width:681px) and (max-width:1100px) {
  html[data-theme] .launcher-grid {grid-template-columns:repeat(5,minmax(0,1fr))}
  html[data-theme] .launcher-tile {height:113px}
  html[data-theme] .glance-card strong {font-size:34px}
}
@media(display-mode:standalone) {
  html[data-theme] .topbar {height:calc(72px + env(safe-area-inset-top))}
}

/* Never paint personal UI while the authentication layer initializes. */
html.harto-auth-pending .app-shell,html.harto-auth-pending .mobile-dock {visibility:hidden}
html.harto-auth-pending .harto-auth-gate[hidden] {display:grid!important}

/* HARTO 0.7 — editorial card deck inspired by Arturo's references.
   Keep both palettes strictly monochrome and maintain large tap targets. */
html[data-theme] .home-overline {display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-theme] .home-top-actions {display:flex;align-items:center;gap:12px;flex-shrink:0}
html[data-theme] .theme-mode-pill {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 13px;border-radius:100px;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--text);
  font:800 11px/1 'DM Sans',sans-serif;letter-spacing:.09em;
  cursor:pointer;transition:background .2s,border-color .2s;
}
html[data-theme] .theme-mode-pill:hover {background:var(--mono-soft);border-color:var(--text)}
html[data-theme] .theme-mode-pill:focus-visible {outline:2px solid var(--text);outline-offset:3px}
html[data-theme] .theme-mode-pill svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1}
html[data-theme] .theme-mode-pill .theme-icon-sun {display:none}
html[data-theme="dark"] .theme-mode-pill .theme-icon-moon {display:none}
html[data-theme="dark"] .theme-mode-pill .theme-icon-sun {display:block}
html[data-theme] .home-core h1 {font-weight:800;letter-spacing:-.085em}
html[data-theme] .launcher-head {font-weight:750;letter-spacing:.17em}
html[data-theme] .launcher-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-theme] .launcher-tile {
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  gap:15px;min-width:0;height:112px;padding:0 23px;border-radius:24px;
  text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);
  transition:transform .2s,background .2s,border-color .2s;position:relative;
}
html[data-theme] .launcher-tile svg {flex-shrink:0;width:29px;height:29px;color:inherit;stroke-width:2.1}
html[data-theme] .launcher-tile span {
  color:inherit;font:800 clamp(19px,2.5vw,28px)/1.1 Manrope,sans-serif;
  letter-spacing:-.06em;min-width:0;overflow-wrap:anywhere;
}
html[data-theme] .launcher-tile::after {
  content:'→';display:grid;place-items:center;flex:0 0 38px;
  width:38px;height:38px;margin-left:auto;border-radius:50%;
  background:var(--text);color:var(--bg);font:500 24px/1 'DM Sans',sans-serif;
}
html[data-theme] .launcher-tile:nth-child(1),
html[data-theme] .launcher-tile:nth-child(4) {
  background:var(--mono-invert);color:var(--mono-on-invert);border-color:var(--mono-invert);
}
html[data-theme] .launcher-tile:nth-child(1)::after,
html[data-theme] .launcher-tile:nth-child(4)::after {
  color:var(--mono-invert);background:var(--mono-on-invert);
}
html[data-theme] .launcher-tile:nth-child(2),
html[data-theme] .launcher-tile:nth-child(5) {background:var(--surface2)}
html[data-theme] .launcher-tile:nth-child(3) {
  background:color-mix(in srgb,var(--surface2) 78%,var(--text) 22%);
}
html[data-theme] .launcher-tile:hover {transform:translateY(-2px);background:var(--surface2)}
html[data-theme] .launcher-tile:nth-child(1):hover,
html[data-theme] .launcher-tile:nth-child(4):hover {background:var(--mono-invert)}

@media(max-width:680px) {
  html[data-theme] .home-overline {gap:6px}
  html[data-theme] .home-overline>span {font-size:9px;letter-spacing:.09em}
  html[data-theme] .home-top-actions {gap:6px}
  html[data-theme] .theme-mode-pill {height:38px;min-height:38px;padding:0 10px;font-size:10px;gap:6px}
  html[data-theme] .theme-mode-pill svg {width:17px;height:17px}
  html[data-theme] .home-core h1 {font-size:clamp(36px,9.35vw,47px);line-height:1.06}
  html[data-theme] .launcher-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  html[data-theme] .launcher-tile:nth-child(-n+5) {
    grid-column:1 / -1;height:86px;min-height:86px;padding:0 21px;
    border-radius:23px;gap:13px;
  }
  html[data-theme] .launcher-tile:nth-child(n+2):nth-child(-n+5) {margin-top:-17px}
  html[data-theme] .launcher-tile:nth-child(1) {z-index:1}
  html[data-theme] .launcher-tile:nth-child(2) {z-index:2}
  html[data-theme] .launcher-tile:nth-child(3) {z-index:3}
  html[data-theme] .launcher-tile:nth-child(4) {z-index:4}
  html[data-theme] .launcher-tile:nth-child(5) {z-index:5}
  html[data-theme] .launcher-tile:nth-child(-n+5) span {font-size:clamp(23px,6.7vw,30px);font-weight:800}
  html[data-theme] .launcher-tile:nth-child(-n+5) svg {width:24px;height:24px}
  html[data-theme] .launcher-tile:nth-child(-n+5)::after {width:37px;height:37px;flex-basis:37px}
  html[data-theme] .launcher-tile:nth-child(n+6) {
    height:111px;display:flex;flex-direction:column;justify-content:center;gap:10px;
    padding:12px 8px;border-radius:19px;text-align:center;
  }
  html[data-theme] .launcher-tile:nth-child(n+6) svg {width:28px;height:28px}
  html[data-theme] .launcher-tile:nth-child(n+6) span {font-size:15px;text-align:center;letter-spacing:-.035em}
  html[data-theme] .launcher-tile:nth-child(n+6)::after {display:none}
}
@media(max-width:370px) {
  html[data-theme] .home-top-actions .shortcuts-link {display:none}
}
@media(min-width:681px) and (max-width:1100px) {
  html[data-theme] .launcher-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .launcher-tile {height:112px}
}