/* Daily workspace refinement. Hirono is the sole visible theme.
   Legacy theme and timer fields remain only in the portable backup schema. */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dashboard-grid > * {min-width:0}
.story-kicker,.story-actions {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.story-date {font-size:11px;color:#756b5c;letter-spacing:.5px}
.story-date::before {content:"";display:inline-block;width:4px;height:4px;background:#9fa98c;border-radius:50%;margin:0 12px 2px 0}
.story-primary {display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;background:#65755b;color:#fffdf8;font-size:12px;border:1px solid #65755b;border-radius:9px;box-shadow:0 3px 7px #42513614}
.story-primary:hover {background:#526348}
.story-actions {margin-top:20px;gap:16px}
.story-actions .story-link {margin:0}
.today-caption {display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;line-height:1.7}
.today-tasks {margin:16px 0 18px}
.today-task {display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.today-task-title {flex:1;min-width:0;text-align:left;font-size:12px;line-height:1.7;overflow-wrap:anywhere;padding:0}
.today-priority {color:#a26345;font-size:10px;flex:none}
.today-actions {display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px}
.today-actions button {min-height:32px}
.today-actions .icon {width:14px;height:14px}
.today-empty {text-align:center;padding:16px 0;color:var(--muted);font-size:11px}
.today-empty p {font-size:13px;color:inherit;margin:7px 0}
.today-empty-mark {font:32px Georgia,serif;color:#9ca887}
.today-panel .panel-body {display:flex;flex-direction:column}
.today-panel .today-actions {margin-top:auto}
.today-recent {margin:10px 0 18px;padding:14px 12px;background:#f2f3e9;border:1px solid #e6e8d8;border-radius:10px;color:#756e61;font-size:10px}
.today-recent-note {display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:8px 0 0;color:#56634b;font-size:12px;line-height:1.7}
.today-recent-note span {min-width:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.today-recent-note .icon {width:15px;height:15px}
.task-status:hover {box-shadow:0 0 0 4px #8c9e7a1a}
.task-title:focus-visible,.today-task-title:focus-visible {outline-offset:5px;border-radius:3px}
.view-switch button[aria-pressed=true] {background:#fff;box-shadow:0 1px 4px #3a44321a}
.nav-character {width:28px;height:31px;object-fit:contain;flex:none}
.home-portals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;flex:0 1 580px;min-width:0;align-self:center}
.home-portal {position:relative;padding:12px 17px 17px;background:#fffdf6;border:1px solid #e1d9c8;border-radius:15px;text-align:left;box-shadow:0 4px 14px #6e59430a;min-width:0}
.home-portal:hover {background:#fbfcf5;border-color:#acba96;box-shadow:0 6px 18px #6e594315}
.portal-tempo {background:#eef0e3}
.portal-ledger {background:#f3eade}
.portal-number {position:absolute;left:14px;top:12px;color:#8b806c;font:10px var(--mono);letter-spacing:1px}
.portal-character {width:100%;height:137px;object-fit:contain;display:block;margin:2px auto 11px;filter:drop-shadow(0 6px 4px #5e4a3210)}
.portal-pulse .portal-character {width:auto;max-width:100%;border-radius:8px;filter:none}
.app-tab[data-value=pulse] .nav-character {border-radius:5px}
.home-portal strong {display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#534b3b;font-weight:600;gap:6px}
.home-portal strong span {color:#8a937a;font-size:14px;font-weight:400}
.home-portal small {display:block;color:#756b58;font-size:10px;margin-top:7px;line-height:1.6;white-space:nowrap}
#daily-detail {scroll-margin-top:85px}

:root[data-theme=hirono] {
  --paper:#fffdf8;
  --paper-soft:#f2eee5;
  --paper-border:#e3ddcf;
  --ink:#433e35;
  --purple:#65755b;
  --purple-dark:#526348;
  --accent:#65755b;
  --muted:#756e61;
  --line:#ded7c988;
  --blue:#69858e;
  --orange:#a47050;
  --shadow:0 3px 14px #53442d06;
  color:var(--ink);
}
[data-theme=hirono] body {background-color:#f5f2eb;background-image:radial-gradient(#8c795c0b .6px,transparent .6px);background-size:5px 5px}
[data-theme=hirono] button {transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}
[data-theme=hirono] button:focus-visible,[data-theme=hirono] input:focus-visible,[data-theme=hirono] textarea:focus-visible,[data-theme=hirono] select:focus-visible {outline-color:#65755b;outline-offset:3px}
[data-theme=hirono] .topbar {height:68px;padding:0 28px;gap:20px;background:#faf8f1ee;border-bottom:1px solid #ded7c9a6;box-shadow:none}
[data-theme=hirono] .brand {font-size:14px;gap:10px;letter-spacing:.1px}
[data-theme=hirono] .brand-text b {font-weight:500;color:#776c5c;margin-left:3px;font-size:12px}
[data-theme=hirono] .brand-mark {width:32px;height:32px;border-radius:10px;border-color:#b4bea8;background:#e9eddf}
[data-theme=hirono] .app-tabs {padding:4px;background:#eae6dd80;border:1px solid #dfd9ce70;border-radius:12px;gap:2px}
[data-theme=hirono] .topbar .app-tab {min-height:36px;min-width:108px;font-size:12px;color:#71695d;border-radius:8px;padding:8px 15px}
[data-theme=hirono] .app-tab.active {background:#fffdf7;color:#526348;box-shadow:0 1px 5px #4b493511,inset 0 0 0 1px #dedccd8c;font-weight:600}
[data-theme=hirono] .top-actions {gap:5px}
[data-theme=hirono] .top-actions .icon-btn {width:34px;height:34px;border-radius:9px;color:#756b5c}
[data-theme=hirono] .top-actions .icon-btn:hover {background:#e6eadd;color:#526348}
[data-theme=hirono] .save-label {color:#626e5b;font-size:10px;margin-right:9px;gap:6px}
[data-theme=hirono] .save-label.error {color:#ad4c48}
[data-theme=hirono] .workspace-button {background:#f7f3e9;color:#735d43;border:1px solid #d9cdbb;padding:7px 10px;border-radius:8px}
[data-theme=hirono] .page-layout {min-height:calc(100vh - 68px)}
[data-theme=hirono] .hero {padding-bottom:0}
[data-theme=hirono] .hirono-story {max-width:1280px;min-height:268px;padding:32px 44px 30px;gap:30px}
[data-theme=hirono] .story-copy h1 {font-size:36px;line-height:1.36;letter-spacing:1.2px;color:#494534;margin:14px 0 12px}
[data-theme=hirono] .story-copy p {font-size:12px;color:#756e61;letter-spacing:.6px;margin:0;line-height:1.8}
[data-theme=hirono] .story-eyebrow {font-size:9px;letter-spacing:2.5px;color:#736c5b}
[data-theme=hirono] .story-link {background:transparent;color:#776951;border:0;border-bottom:1px solid #bcad955c;border-radius:0;padding:7px 1px;font-size:11px;letter-spacing:.3px}
[data-theme=hirono] .story-link:hover {color:#526348;border-bottom-color:#65755b}
[data-theme=hirono] .story-photos {padding-right:12px;isolation:isolate}
[data-theme=hirono] .story-photos::before {content:"";position:absolute;right:7px;top:40px;width:300px;height:210px;border-radius:50%;background:#e6e9da70;z-index:-1;filter:blur(22px);pointer-events:none}
[data-theme=hirono] .story-photo {width:152px;padding:7px 7px 9px;transform:rotate(-8deg);box-shadow:0 5px 9px #5c49320b,3px 13px 24px #5c493217}
[data-theme=hirono] .story-photo img {height:150px}
[data-theme=hirono] .story-photo.featured {width:172px;margin-left:-7px;transform:rotate(7deg)}
[data-theme=hirono] .story-photo.featured img {height:172px}
[data-theme=hirono] .story-photo figcaption {font-size:10px;padding-top:9px;color:#75694f}
[data-theme=hirono] .story-doodle {right:365px;bottom:40px;font-size:32px;color:#9eaa8c}
[data-theme=hirono] .hirono-story.compact {min-height:176px;padding:28px 44px 24px}
[data-theme=hirono] .compact .story-copy h1 {font-size:27px;margin:11px 0 9px}
[data-theme=hirono] .compact .story-actions {display:none}
[data-theme=hirono] .compact .story-photos {transform:none;margin:0;padding:0 28px}
[data-theme=hirono] .compact .story-photo.secondary {display:none}
[data-theme=hirono] .compact .story-photo.featured {width:109px;margin:0;transform:rotate(6deg);padding:6px 6px 7px}
[data-theme=hirono] .compact .story-photo.featured img {height:100px}
[data-theme=hirono] .compact .story-photo figcaption {font-size:8px;padding-top:5px;letter-spacing:0}
[data-theme=hirono] .compact .story-photos::before {top:5px;height:140px;width:180px}
[data-theme=hirono] .hero-nav {max-width:1224px;padding:0 0 13px;gap:4px;border-bottom:1px solid var(--paper-border);align-items:center}
[data-theme=hirono] .hero-nav button {background:transparent;border-color:transparent;box-shadow:none;padding:10px 14px;font-size:12px;color:#746d60}
[data-theme=hirono] .hero-nav button.active {background:#e5e9db;color:#526348;border-color:#dce2ce;font-weight:600}
[data-theme=hirono] .hero-nav button:hover {background:#eeeadf}
[data-theme=hirono] .hero-nav button.active:hover {background:#dfe5d4}
[data-theme=hirono] .hero-nav .nav-logo {color:#65755b;padding:9px;margin-right:4px}
[data-theme=hirono] .hero-nav .small-button {font-size:11px;padding:8px 11px}
[data-theme=hirono] .content {max-width:1280px;padding:0 28px 24px}
[data-theme=hirono] .filters {height:auto;min-height:68px;margin-bottom:0;gap:12px}
[data-theme=hirono] .subtle-label {font-size:11px;color:#756e61}
[data-theme=hirono] .subtle-label button {font-size:11px;color:#526348}
[data-theme=hirono] .segmented {background:#eae6dc;padding:3px;gap:1px;border-radius:9px}
[data-theme=hirono] .segmented button {font-size:11px;color:#746d60;padding:7px 11px;border-radius:6px}
[data-theme=hirono] .segmented button.active {background:#fffdf7;color:#4b5942;box-shadow:0 1px 4px #64543a12}
[data-theme=hirono] .panel {background:var(--paper);border:1px solid var(--paper-border);border-radius:17px;padding:0;box-shadow:var(--shadow);margin-bottom:20px}
[data-theme=hirono] .panel-head {min-height:69px;padding:17px 23px 13px;gap:11px}
[data-theme=hirono] .panel-title {font-size:14px;font-weight:600;color:#494638}
[data-theme=hirono] .panel-subtitle {font-size:11px;color:#756e61;margin-top:4px}
[data-theme=hirono] .panel-icon {width:32px;height:32px;background:#eef0e5;color:#6c7d5c;border-radius:10px}
[data-theme=hirono] .panel-icon .icon {width:17px;height:17px}
[data-theme=hirono] .panel-body {background:transparent;border-radius:0;padding:18px 23px 22px}
[data-theme=hirono] .badge {background:#eef0e6;color:#627052;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap}
[data-theme=hirono] .badge.gray {background:#f2eee5;color:#756e61}
[data-theme=hirono] .overview {gap:24px;grid-template-columns:1fr 1.08fr}
[data-theme=hirono] .big-number {color:#443f34;font-family:"Segoe UI",sans-serif;font-weight:500;font-size:43px;letter-spacing:-1.5px;line-height:1.25;margin:6px 0 9px;font-variant-numeric:tabular-nums}
[data-theme=hirono] .number-unit {font-size:11px;font-weight:400;color:#817764;letter-spacing:0;margin-left:5px}
[data-theme=hirono] .micro,[data-theme=hirono] .stat-caption,[data-theme=hirono] .analysis-note {color:#756e61;font-size:11px;line-height:1.8}
[data-theme=hirono] .stat-caption {letter-spacing:.5px}
[data-theme=hirono] .score-copy {font-size:10px;line-height:1.9}
[data-theme=hirono] .stats-grid {gap:10px}
[data-theme=hirono] .stat-tile {background:#f5f3eb;border:1px solid #e9e4d7;border-radius:10px;padding:13px 12px}
[data-theme=hirono] .stat-tile h3 {font-size:11px;color:#716b5c;margin-bottom:10px}
[data-theme=hirono] .tile-number {font:26px/1.2 "Segoe UI",sans-serif;color:#4b493d;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
[data-theme=hirono] .tile-number.purple {color:#647550}
[data-theme=hirono] .stat-tile .micro {font-size:10px;line-height:1.7}
[data-theme=hirono] .ring {width:34px;height:34px;background:conic-gradient(#8a9b72 var(--ring),#e3e6d9 0)}
[data-theme=hirono] .ring::after {background:#f5f3eb;width:26px;height:26px}
[data-theme=hirono] .ring-row {gap:9px}
[data-theme=hirono] .progress-track {background:#e3e6d9;height:4px;margin:9px 0 6px}
[data-theme=hirono] .progress-track i {background:#8a9b72}
[data-theme=hirono] .time-line {font-size:10px;gap:6px;color:#756e61}
[data-theme=hirono] .time-line b {font-size:10px;color:#655848;font-weight:500;white-space:nowrap}
[data-theme=hirono] .time-line.orange i {background:#ba8f66}
[data-theme=hirono] .overview-chart {margin-top:29px}
[data-theme=hirono] .overview-chart path[stroke] {stroke:#82966d}
[data-theme=hirono] .overview-chart circle {stroke:#82966d}
[data-theme=hirono] .overview-chart stop {stop-color:#82966d}
[data-theme=hirono] .overview-chart text {fill:#6f7d5e}
[data-theme=hirono] .chart-labels {color:#756e61;font-size:10px}
[data-theme=hirono] .table-toggle {color:#65755b;font-size:10px;margin-top:15px}
[data-theme=hirono] .dashboard-grid {display:grid;grid-template-columns:minmax(0,2.35fr) minmax(0,1fr);gap:20px;margin-bottom:20px;align-items:stretch}
[data-theme=hirono] .dashboard-grid .panel {margin-bottom:0;height:100%}
[data-theme=hirono] .dashboard-heat {grid-column:1/-1}
[data-theme=hirono] .today-panel {grid-column:2;grid-row:1}
[data-theme=hirono] .dashboard-heat .heat-tabs {width:max-content;max-width:100%;margin-bottom:20px}
[data-theme=hirono] .dashboard-heat .heat-tabs button {padding:7px 9px;font-size:10px}
[data-theme=hirono] .heat-months {font-size:10px;color:#756e61}
[data-theme=hirono] .heat-days {font-size:9px;color:#756e61}
[data-theme=hirono] .heat-grid {gap:4px}
[data-theme=hirono] .heat-cell {border-radius:3px}
[data-theme=hirono] .heat-l0 {background:#efeee6}
[data-theme=hirono] .heat-l1 {background:#dce4ca}
[data-theme=hirono] .heat-l2 {background:#bdcd9e}
[data-theme=hirono] .heat-l3 {background:#9db580}
[data-theme=hirono] .heat-l4 {background:#7d9861}
[data-theme=hirono] .heat-l5 {background:#5c7743}
[data-theme=hirono] .heat-cell.selected {outline-color:#6b7e52}
[data-theme=hirono] .heat-footer {font-size:9px;color:#756e61;line-height:1.8;gap:10px}
[data-theme=hirono] .heat-footer .legend {flex:none}
[data-theme=hirono] .today-panel .panel-body {height:calc(100% - 69px);padding-top:9px}
[data-theme=hirono] .today-caption {font-size:10px}
[data-theme=hirono] .today-tasks {margin:10px 0 12px}
[data-theme=hirono] .today-task {padding:12px 0}
[data-theme=hirono] .today-task:last-child {border-bottom:0}
[data-theme=hirono] .today-actions {border-top:1px solid var(--line);padding-top:9px}
[data-theme=hirono] .today-actions button {font-size:10px;padding:0}
[data-theme=hirono] .mini-metric {border:1px solid #e9e4d7;background:#f7f4ed;border-radius:10px}
[data-theme=hirono] .mini-label {font-size:11px;color:#756e61}
[data-theme=hirono] .mini-icon {background:#e9eddf;color:#6c7d5c}
[data-theme=hirono] .mini-value {font-family:"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#514b3d;font-size:21px}
[data-theme=hirono] .empty-copy,[data-theme=hirono] .session-row {color:#756e61;font-size:12px;line-height:1.8}
[data-theme=hirono] .small-section-title {font-size:12px;color:#675f51}
[data-theme=hirono] .landscape-footer {max-width:1224px;margin:12px auto 0;padding:23px 0;height:82px;font-size:10px;border-top:1px solid var(--paper-border);color:#756e61}
[data-theme=hirono] .footer-links button {font-size:11px;color:#65755b}
[data-theme=hirono] .hirono-companion {width:66px;height:83px;right:10px;bottom:14px;padding:4px 4px 0;transform:rotate(5deg);box-shadow:0 4px 12px #6b50331f}
[data-theme=hirono] .hirono-companion img {height:59px}
[data-theme=hirono] .hirono-companion span {font-size:8px;line-height:20px;color:#75694f}
[data-theme=hirono] .side-open ~ .hirono-companion {display:none}
[data-theme=hirono] .side-pane {top:68px;height:calc(100vh - 68px);border-left:1px solid #d9d3c4;background:#f1ede2;padding:22px 20px;box-shadow:-8px 0 28px #514b3a05}
[data-theme=hirono] .side-title {color:#514b3d}
[data-theme=hirono] .quick-composer,[data-theme=hirono] .quick-note {border:1px solid #ded7c9;border-radius:12px;box-shadow:none;background:#fffdf8}
[data-theme=hirono] .quick-note-content {font-size:13px;color:#514b3d;line-height:1.9}
[data-theme=hirono] .quick-note-head {font-size:11px;color:#756e61}
[data-theme=hirono] .side-note-tabs button,[data-theme=hirono] .side-stats small {font-size:11px;color:#756e61}
[data-theme=hirono] .side-search {background:#fffdf8;border-color:#d9d1c2;padding:9px 11px}
[data-theme=hirono] .note-tag {color:#617052;background:#e9edde;font-size:10px;padding:4px 8px;border-radius:5px}
[data-theme=hirono] .tempo-content {max-width:1280px;padding:0 28px 28px}
[data-theme=hirono] .tempo-header {margin:0 0 19px;padding-top:5px;gap:10px}
[data-theme=hirono] .tempo-header h1 {font-size:19px;font-weight:600;color:#494638}
[data-theme=hirono] .tempo-header > .icon {width:23px;height:23px;color:#71805f}
[data-theme=hirono] .tempo-header .head-right button {font-size:11px;min-height:34px;padding:8px 12px;border-color:#dcd5c7;background:#faf8f1;color:#71695b;border-radius:8px}
[data-theme=hirono] .tempo-header .head-right .primary {background:#65755b;border-color:#65755b;color:#fffdf8}
[data-theme=hirono] .tempo-tabs {padding-bottom:13px;border-color:#ded7c9;gap:5px}
[data-theme=hirono] .tempo-tabs button {background:transparent;border:1px solid transparent;color:#756e61;padding:9px 12px;font-size:12px;gap:7px}
[data-theme=hirono] .tempo-tabs button.active {background:#e5e9db;color:#526348;border-color:#dce2ce;font-weight:500}
[data-theme=hirono] .count {background:#e6e7db;color:#6d795c;font-size:10px;padding:2px 5px}
[data-theme=hirono] .tempo-stats {gap:0;margin:17px 0 21px;border:1px solid var(--paper-border);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
[data-theme=hirono] .tempo-stat {background:transparent;border:0;border-radius:0;box-shadow:none;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
[data-theme=hirono] .tempo-stat + .tempo-stat::before {content:"";position:absolute;left:0;height:30px;width:1px;background:#e6e0d2}
[data-theme=hirono] .tempo-stat span {color:#756e61;font-size:12px}
[data-theme=hirono] .tempo-stat strong {font:27px "Segoe UI",sans-serif;color:#526348;margin:0;font-variant-numeric:tabular-nums}
[data-theme=hirono] .tempo-stat small {font-size:10px;color:#817764;margin-left:6px}
[data-theme=hirono] .tempo-layout {grid-template-columns:192px minmax(0,1fr);gap:20px;min-height:480px}
[data-theme=hirono] .tempo-sidebar {background:#ece9de;border:1px solid #ded9cb;border-radius:12px;padding:13px 9px;box-shadow:none}
[data-theme=hirono] .sidebar-label {font-size:10px;color:#756e61;letter-spacing:1px;margin-top:7px;padding:10px}
[data-theme=hirono] .sidebar-item {color:#6c675a;font-size:12px;padding:10px;gap:8px;border-radius:7px;margin-bottom:2px}
[data-theme=hirono] .sidebar-item.active {background:#dfe6d2;color:#526348;box-shadow:none}
[data-theme=hirono] .task-main {background:var(--paper);border-color:var(--paper-border);border-radius:12px;box-shadow:var(--shadow)}
[data-theme=hirono] .task-toolbar {padding:15px 20px;border-color:#e5dfd1;min-height:65px}
[data-theme=hirono] .task-toolbar strong {font-size:14px;color:#514b3d}
[data-theme=hirono] .task-toolbar small {color:#756e61}
[data-theme=hirono] .task-search {width:190px;background:#f7f4eb;border:1px solid #e0d8c9;padding:8px 10px;border-radius:7px;font-size:12px}
[data-theme=hirono] .view-switch {background:#eeede3;border:1px solid #e1ddcf;padding:3px;border-radius:7px;gap:2px}
[data-theme=hirono] .view-switch button {color:#758166}
[data-theme=hirono] .task-list {padding:5px 21px 14px}
[data-theme=hirono] .task-row {min-height:58px;padding:13px 0;gap:12px;border-color:#ebe5d9;font-size:13px}
[data-theme=hirono] .task-status {border-color:#b6bca6;background:#fffdf8;width:19px;height:19px}
[data-theme=hirono] .task-status.done {background:#65755b;border-color:#65755b}
[data-theme=hirono] .task-title {color:#514b3d;line-height:1.8}
[data-theme=hirono] .task-due {font-size:11px;color:#776e5e}
[data-theme=hirono] .project-pill {background:#f0eee4;color:#6d7663;border-color:#e1dfd1;padding:4px 7px;font-size:10px}
[data-theme=hirono] .kanban {gap:14px;padding:18px;background:#f7f5ed}
[data-theme=hirono] .kanban-column {background:#eeeee3;border:1px solid #e2e1d2;border-radius:10px;padding:12px;box-shadow:none}
[data-theme=hirono] .kanban-head {font-size:12px;color:#657052;margin:3px 0 16px}
[data-theme=hirono] .task-card {background:#fffdf8;border:1px solid #e0dccc;border-radius:9px;padding:15px;box-shadow:0 2px 5px #514b3a08}
[data-theme=hirono] .task-card .task-title {font-size:13px;margin:6px 0 15px}
[data-theme=hirono] .task-card-foot select {background:#eeeee3;color:#657052;border:1px solid #dcdcca}
[data-theme=hirono] .notes-heading {margin:0 0 19px;gap:10px;flex-wrap:wrap}
[data-theme=hirono] .notes-heading h2 {font-size:19px;font-weight:600;color:#494638}
[data-theme=hirono] .notes-heading > .icon {color:#71805f}
[data-theme=hirono] .library-toolbar {gap:10px;margin-bottom:22px}
[data-theme=hirono] .library-toolbar input {border:1px solid #ded7c9;background:#fffdf8;padding:12px 15px;font-size:13px;border-radius:9px}
[data-theme=hirono] .soft-button {padding:11px 14px;font-size:12px;border:1px solid #ded7c9;background:#faf8f1;color:#71695b;box-shadow:none;border-radius:8px}
[data-theme=hirono] .soft-button.primary {background:#65755b;color:#fffdf8;border-color:#65755b}
[data-theme=hirono] .note-grid {gap:18px}
[data-theme=hirono] .library-note {position:relative;background:var(--paper);border:1px solid var(--paper-border);border-radius:13px;padding:22px;min-height:225px;box-shadow:var(--shadow);transition:border-color .16s,box-shadow .16s}
[data-theme=hirono] .library-note:hover {border-color:#b8c3a3;box-shadow:0 5px 18px #53442d0b}
[data-theme=hirono] .library-note h3 {font-size:15px;line-height:1.8;font-weight:600;margin:15px 0 8px}
[data-theme=hirono] .library-note p {color:#756e61;font-size:12px;line-height:1.9;margin:0 0 20px;-webkit-line-clamp:3}
[data-theme=hirono] .library-note-foot {color:#756e61;border-top:1px solid #ece6d9;padding-top:12px;font-size:10px}
[data-theme=hirono] .library-note-foot .icon-btn {color:#71805f}
[data-theme=hirono] .empty-state {color:#756e61}
[data-theme=hirono] .empty-state h3 {color:#615b4b;font-size:16px}
[data-theme=hirono] .empty-state p {font-size:12px}
[data-theme=hirono] dialog {background:#fdfaf2;border-color:#d8cfbd;border-radius:17px;padding:26px;box-shadow:0 28px 90px #40342133}
[data-theme=hirono] dialog::backdrop {background:#3e44354d;backdrop-filter:blur(4px)}
[data-theme=hirono] .dialog-title {padding-bottom:15px;border-bottom:1px solid #e6dece;margin-bottom:21px}
[data-theme=hirono] .dialog-title h2 {font-size:18px;font-weight:600;color:#514b3d}
[data-theme=hirono] .field {color:#6e6555;font-size:12px;gap:8px}
[data-theme=hirono] .field input,[data-theme=hirono] .field textarea,[data-theme=hirono] .field select {padding:11px 12px;border-color:#dcd3c0;background:#fffdf9;color:#433e35;border-radius:8px;font-size:13px}
[data-theme=hirono] .help-copy {font-size:12px;color:#756e61;line-height:1.9}
[data-theme=hirono] .settings-space {background:#ecefdf;color:#59654c;border:1px solid #dce3cc}
[data-theme=hirono] .settings-row {font-size:12px;color:#655e50}
[data-theme=hirono] .settings-row input {background:#fffdf8;border-color:#dcd3c0}
[data-theme=hirono] .settings-actions {gap:9px;border-color:#e3dccb}
[data-theme=hirono] .settings-actions button {font-size:11px;padding:10px 12px;background:#f0ecdf;color:#645b49;border:1px solid #e2d9c6}
[data-theme=hirono] .dialog-actions {padding-top:16px;border-top:1px solid #e6dece;gap:9px}
[data-theme=hirono] .dialog-actions button {background:#eeeadf;color:#675e4d;border:1px solid #e0d7c4;padding:10px 18px}
[data-theme=hirono] .dialog-actions .primary {background:#65755b;border-color:#65755b;color:#fffdf8}
[data-theme=hirono] .dialog-actions .danger {background:#f7eae1;border-color:#eed5c5;color:#a45f43}
[data-theme=hirono] .appearance-themes label {background:#f0ecdf;border:1px solid #e3d9c5;color:#6e604b}
[data-theme=hirono] .appearance-themes label:has(input:checked) {background:#e9edde;border-color:#aebc96;color:#526348}
[data-theme=hirono] .companion-choice {padding:7px;border-radius:9px}
[data-theme=hirono] .companion-choice:has(input:checked) {background:#e9edde;border-color:#8c9f71}
[data-theme=hirono] .companion-choice strong {color:#615744;font-size:12px}
[data-theme=hirono] .companion-choice small {color:#756e61;font-size:10px}
[data-theme=hirono] .toast {background:#4f5e43f2;color:#fffdf8;border:1px solid #768767;border-radius:10px;font-size:12px;box-shadow:0 6px 20px #36482b26}
[data-theme=hirono] .cr-reader-shell {--reader-ink:#433e35;--reader-muted:#756e61;--reader-purple:#65755b}
[data-theme=hirono] .cr-reader-topbar {background:#f8f5ebed;border-bottom-color:#ded7c9}
[data-theme=hirono] .cr-reader-page {background:#fffdf8}

@media(min-width:1101px) {
  [data-theme=hirono] .side-open .dashboard-grid {grid-template-columns:1fr}
  [data-theme=hirono] .side-open .today-panel {grid-column:1;grid-row:auto}
  [data-theme=hirono] .side-open .hero-nav {margin-left:28px;margin-right:28px}
  [data-theme=hirono] .side-open .overview {grid-template-columns:1fr 1fr}
}
@media(max-width:1300px) {
  [data-theme=hirono] .hero-nav,[data-theme=hirono] .landscape-footer {margin-left:28px;margin-right:28px}
  [data-theme=hirono] .dashboard-grid {grid-template-columns:minmax(0,2.05fr) minmax(285px,1fr)}
  [data-theme=hirono] .dashboard-overview .overview {gap:16px;grid-template-columns:1fr 1fr}
  [data-theme=hirono] .dashboard-overview .stat-tile {padding:12px 10px}
  [data-theme=hirono] .topbar {gap:12px;padding:0 20px}
  [data-theme=hirono] .topbar .app-tab {min-width:92px;padding:8px 12px}
  [data-theme=hirono] .save-label {display:none}
}
@media(max-width:1100px) {
  [data-theme=hirono] .hirono-story {padding-left:34px;padding-right:34px}
  [data-theme=hirono] .story-copy h1 {font-size:32px}
  [data-theme=hirono] .story-kicker {gap:8px}
  [data-theme=hirono] .story-date {font-size:10px}
  [data-theme=hirono] .dashboard-grid {grid-template-columns:1fr 1fr;gap:17px}
  [data-theme=hirono] .dashboard-overview,[data-theme=hirono] .dashboard-heat {grid-column:1/-1}
  [data-theme=hirono] .today-panel {grid-column:1/-1;grid-row:2}
  [data-theme=hirono] .side-open .dashboard-grid {display:block}
  [data-theme=hirono] .side-open .dashboard-grid .panel {margin-bottom:17px;height:auto}
  [data-theme=hirono] .side-open .dashboard-overview .overview {grid-template-columns:1fr}
  [data-theme=hirono] .side-open .hero-nav {gap:2px}
  [data-theme=hirono] .side-open .hero-nav button {padding:9px}
  [data-theme=hirono] .side-open .story-photos {display:none}
  [data-theme=hirono] .tempo-layout {grid-template-columns:170px minmax(0,1fr)}
  [data-theme=hirono] .tempo-stat {padding:14px}
  [data-theme=hirono] .topbar .brand-text {display:none}
}
@media(max-width:760px) {
  [data-theme=hirono] .topbar {border-bottom-color:#ded7c9}
  [data-theme=hirono] .topbar .brand-text {display:inline;font-size:11px}
  [data-theme=hirono] .brand-text b {font-size:10px;margin-left:0}
  [data-theme=hirono] .topbar .app-tabs {padding:2px;border-radius:9px}
  [data-theme=hirono] .topbar .app-tab {min-width:0;padding:7px;font-size:11px}
  [data-theme=hirono] .top-actions .icon-btn {width:28px;height:28px}
  [data-theme=hirono] .workspace-button {font-size:9px;padding:5px 7px}
  [data-theme=hirono] .hirono-story {min-height:240px;padding:25px 19px 26px;gap:9px}
  [data-theme=hirono] .story-kicker {gap:7px;flex-direction:column;align-items:flex-start}
  [data-theme=hirono] .story-eyebrow {font-size:8px;letter-spacing:1.7px}
  [data-theme=hirono] .story-date {font-size:9px;letter-spacing:.2px}
  [data-theme=hirono] .story-date::before {display:none}
  [data-theme=hirono] .story-copy h1 {font-size:25px;line-height:1.45;letter-spacing:.5px;margin:10px 0}
  [data-theme=hirono] .story-copy p {font-size:10px;letter-spacing:0;max-width:200px}
  [data-theme=hirono] .story-actions {margin-top:15px;gap:8px}
  [data-theme=hirono] .story-primary {padding:10px;font-size:10px;min-height:38px}
  [data-theme=hirono] .story-primary .icon {width:14px;height:14px}
  [data-theme=hirono] .story-link {font-size:9px;padding:6px 1px}
  [data-theme=hirono] .story-photos {padding:0 3px 0 0}
  [data-theme=hirono] .story-photos::before {width:145px;height:170px;top:55px;right:0}
  [data-theme=hirono] .story-photo.featured {width:120px;padding:5px 5px 8px;margin:0;transform:rotate(5deg)}
  [data-theme=hirono] .story-photo.featured img {height:153px}
  [data-theme=hirono] .story-photo figcaption {font-size:8px;line-height:1.6;padding-top:7px}
  [data-theme=hirono] .hirono-story.compact {min-height:155px;padding:22px 18px;gap:12px}
  [data-theme=hirono] .compact .story-copy h1 {font-size:20px;line-height:1.5;margin:9px 0 7px}
  [data-theme=hirono] .compact .story-date {display:none}
  [data-theme=hirono] .compact .story-photos {padding:0 3px 0 0}
  [data-theme=hirono] .compact .story-photo.featured {width:82px;padding:4px 4px 6px}
  [data-theme=hirono] .compact .story-photo.featured img {height:88px}
  [data-theme=hirono] .compact .story-photo figcaption {display:none}
  [data-theme=hirono] .hero-nav {margin:0 16px;padding:0 0 11px;gap:2px}
  [data-theme=hirono] .hero-nav button {padding:8px 10px;font-size:11px;flex:none}
  [data-theme=hirono] .hero-nav .nav-logo {padding:8px;margin-right:0}
  [data-theme=hirono] .content {padding:0 16px 18px}
  [data-theme=hirono] .filters {padding:14px 0;min-height:76px;flex-wrap:wrap;gap:9px;justify-content:space-between}
  [data-theme=hirono] .filters .segmented {margin-left:auto}
  [data-theme=hirono] .segmented button {padding:7px 9px;font-size:10px}
  [data-theme=hirono] .subtle-label,[data-theme=hirono] .subtle-label button {font-size:10px}
  [data-theme=hirono] .panel {border-radius:13px;margin-bottom:16px}
  [data-theme=hirono] .panel-head {min-height:65px;padding:15px 16px 12px;gap:9px}
  [data-theme=hirono] .panel-title {font-size:13px}
  [data-theme=hirono] .panel-subtitle {font-size:10px}
  [data-theme=hirono] .panel-icon {width:29px;height:29px;border-radius:8px}
  [data-theme=hirono] .panel-body {padding:14px 16px 18px}
  [data-theme=hirono] .dashboard-grid {display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
  [data-theme=hirono] .dashboard-grid .panel {height:auto}
  [data-theme=hirono] .dashboard-overview .overview {grid-template-columns:1fr;gap:20px}
  [data-theme=hirono] .overview-chart {margin-top:20px}
  [data-theme=hirono] .big-number {font-size:40px}
  [data-theme=hirono] .stat-tile {padding:14px}
  [data-theme=hirono] .stat-tile h3 {font-size:12px}
  [data-theme=hirono] .stats-grid {gap:10px}
  [data-theme=hirono] .dashboard-heat .heat-tabs {width:100%;overflow-x:auto;justify-content:flex-start}
  [data-theme=hirono] .dashboard-heat .heat-tabs button {padding:7px 8px;flex:none}
  [data-theme=hirono] .heat-grid {gap:3px}
  [data-theme=hirono] .heat-cell {border-radius:2px}
  [data-theme=hirono] .heat-months {font-size:8px}
  [data-theme=hirono] .heat-footer {flex-wrap:wrap;gap:8px;font-size:9px}
  [data-theme=hirono] .heat-footer .legend {margin-left:auto}
  [data-theme=hirono] .today-panel .panel-body {height:auto}
  [data-theme=hirono] .today-caption,[data-theme=hirono] .today-actions button {font-size:11px}
  [data-theme=hirono] .today-task-title {font-size:13px}
  [data-theme=hirono] .today-task {min-height:46px}
  [data-theme=hirono] .today-task .task-status {width:24px;height:24px}
  [data-theme=hirono] .today-actions button {min-height:42px}
  [data-theme=hirono] .landscape-footer {margin:8px 16px 0;height:auto;min-height:75px;flex-wrap:wrap;gap:10px}
  [data-theme=hirono] .side-pane {padding:18px}
  [data-theme=hirono] .tempo-content {padding:0 16px 24px}
  [data-theme=hirono] .tempo-header {gap:8px;margin-bottom:16px;flex-wrap:wrap}
  [data-theme=hirono] .tempo-header h1 {font-size:17px}
  [data-theme=hirono] .tempo-header .head-right {gap:5px}
  [data-theme=hirono] .tempo-header .head-right button {font-size:10px;padding:7px 8px}
  [data-theme=hirono] .tempo-tabs {flex-wrap:nowrap;overflow-x:auto;gap:3px;padding-bottom:12px}
  [data-theme=hirono] .tempo-tabs button {font-size:11px;padding:8px 9px;white-space:nowrap;flex:none}
  [data-theme=hirono] .tempo-stats {margin:15px 0 17px;border-radius:10px}
  [data-theme=hirono] .tempo-stat {display:block;text-align:center;padding:12px 4px}
  [data-theme=hirono] .tempo-stat span {font-size:10px}
  [data-theme=hirono] .tempo-stat strong {font-size:25px;margin-top:6px}
  [data-theme=hirono] .tempo-stat small {font-size:9px;margin-left:3px}
  [data-theme=hirono] .tempo-stat + .tempo-stat::before {top:22px}
  [data-theme=hirono] .tempo-layout {grid-template-columns:1fr;min-height:380px}
  [data-theme=hirono] .task-toolbar {padding:12px;gap:6px;min-height:60px}
  [data-theme=hirono] .task-toolbar .head-right {gap:5px;flex-wrap:wrap}
  [data-theme=hirono] .task-search {width:125px;padding:8px;font-size:11px}
  [data-theme=hirono] .task-list {padding:5px 14px 14px}
  [data-theme=hirono] .task-row {font-size:12px;gap:9px;min-height:56px}
  [data-theme=hirono] .kanban {padding:12px;gap:10px}
  [data-theme=hirono] .task-card {padding:12px}
  [data-theme=hirono] .task-card .task-title {font-size:12px}
  [data-theme=hirono] .library-toolbar {gap:8px;margin-bottom:17px}
  [data-theme=hirono] .library-toolbar .soft-button {padding:10px 12px;font-size:11px}
  [data-theme=hirono] .notes-heading {margin-bottom:16px}
  [data-theme=hirono] .notes-heading h2 {font-size:17px}
  [data-theme=hirono] .note-grid {gap:13px}
  [data-theme=hirono] .library-note {min-height:200px;padding:19px}
  [data-theme=hirono] dialog {padding:21px 18px;border-radius:14px}
  [data-theme=hirono] .dialog-title h2 {font-size:17px}
  [data-theme=hirono] .dialog-actions {padding-top:15px}
  [data-theme=hirono] .companion-choice small {font-size:11px}
}
@media(max-width:380px) {
  [data-theme=hirono] .hirono-story {padding-left:16px;padding-right:16px;gap:7px}
  [data-theme=hirono] .story-copy h1 {font-size:22px}
  [data-theme=hirono] .story-copy p {font-size:9px}
  [data-theme=hirono] .story-photo.featured {width:99px}
  [data-theme=hirono] .story-photo.featured img {height:137px}
  [data-theme=hirono] .story-actions {gap:5px}
  [data-theme=hirono] .story-primary {padding:9px 8px}
  [data-theme=hirono] .story-link {font-size:8px}
  [data-theme=hirono] .hero-nav {margin-left:14px;margin-right:14px}
  [data-theme=hirono] .hero-nav button {padding:8px!important;font-size:10px}
  [data-theme=hirono] .content,[data-theme=hirono] .tempo-content {padding-left:12px;padding-right:12px}
  [data-theme=hirono] .compact .story-copy h1 {font-size:18px}
  [data-theme=hirono] .task-toolbar .head-right {width:100%}
  [data-theme=hirono] .task-search {flex:1;min-width:80px}
}
@media(pointer:coarse) {
  [data-theme=hirono] .topbar .app-tab {min-height:44px}
  [data-theme=hirono] .today-actions button {min-height:44px}
  [data-theme=hirono] .story-primary,[data-theme=hirono] .story-link {min-height:44px}
  [data-theme=hirono] .today-task .task-status {width:44px;height:44px;border:0;background:radial-gradient(circle,transparent 9px,#a5af92 9px,#a5af92 10px,transparent 10px);flex:none}
  [data-theme=hirono] .today-task-title {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
  [data-theme=hirono] * {transition:none!important;scroll-behavior:auto!important}
}
/* The three new reference figures are ordered knowledge, Tempo, ledger. */
[data-theme=hirono] .hirono-story:not(.compact) .story-copy {flex:1 1 390px}
[data-theme=hirono] .hirono-story:has(.home-portals) .story-doodle {display:none}
@media(max-width:1100px) {
  .home-portals {flex-basis:460px;gap:9px}
  .home-portal {padding:12px}
  .portal-character {height:116px}
  .home-portal small {font-size:9px;letter-spacing:0}
  [data-theme=hirono] .side-open .hirono-story:has(.home-portals) {flex-direction:column;align-items:stretch}
  [data-theme=hirono] .side-open .hirono-story:not(.compact) .story-copy {flex:none}
  [data-theme=hirono] .side-open .home-portals {flex:none;align-self:stretch}
}
@media(max-width:760px) {
  .nav-character {width:25px;height:29px}
  [data-theme=hirono] .hirono-story:has(.home-portals) {flex-direction:column;align-items:stretch;gap:21px;padding:22px 18px 24px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy {flex:none}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 br {display:none}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 {font-size:23px;letter-spacing:0;line-height:1.55}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy p {max-width:none;font-size:11px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-kicker {flex-direction:row;align-items:center;justify-content:space-between;gap:7px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-actions {margin-top:12px;gap:15px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-link {font-size:10px}
  .home-portals {align-self:stretch;flex:none;gap:9px;width:100%}
  .home-portal {padding:9px 10px 12px;border-radius:12px}
  .portal-number {top:8px;left:9px;font-size:8px}
  .portal-character {height:110px;margin:1px auto 8px}
  .home-portal strong {font-size:12px;gap:3px}
  .home-portal strong span {font-size:12px}
  .home-portal small {font-size:8px;margin-top:6px;white-space:normal;line-height:1.6}
}
@media(max-width:380px) {
  .home-portals {gap:7px}
  .home-portal {padding:8px 8px 11px}
  .portal-character {height:93px}
  .home-portal strong {font-size:11px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 {font-size:21px}
}
@media(prefers-reduced-motion:reduce) {.home-portal {transition:none!important}}

/* The top application bar is the only cross-module navigation. */
[data-theme=hirono] .hirono-story:not(.compact) {display:block;min-height:0;padding:36px 52px 30px}
[data-theme=hirono] .hirono-story:not(.compact) .story-copy {max-width:none}
[data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 {margin:14px 0 12px;font-size:34px;line-height:1.5}
[data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 br {display:none}
[data-theme=hirono] .hirono-story:not(.compact) .story-copy p {max-width:none}
[data-theme=hirono] .hirono-story:not(.compact) .story-kicker {flex-direction:row;justify-content:space-between;align-items:center}
[data-theme=hirono] .hirono-story:not(.compact) .story-doodle {display:none}
@media(max-width:760px) {
  [data-theme=hirono] .hirono-story:not(.compact) {padding:24px 18px 24px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy h1 {font-size:23px;margin:12px 0 10px;letter-spacing:0}
  [data-theme=hirono] .hirono-story:not(.compact) .story-copy p {font-size:11px}
  [data-theme=hirono] .hirono-story:not(.compact) .story-actions {margin-top:14px}
}