/* Shared across both themes. Keep everyday actions within one tap. */
.home-note { grid-area:note; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 24px; align-items:center;
  width:100%; max-width:none; margin:0; padding:22px; box-sizing:border-box;
  border:1px solid var(--p-line); border-radius:20px; color:var(--p-ink); background:var(--p-paper); }
.home-note-top { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-bottom:12px; border-bottom:1px solid var(--p-line); }
.home-note-kicker { font-size:9px; letter-spacing:.14em; font-weight:700; color:var(--p-accent); }
#home-note-date { font-size:11px; color:var(--p-muted); }
.home-note h2 { font-size:clamp(18px,4vw,23px); font-weight:800; letter-spacing:-.035em; line-height:1.45; margin:0 0 6px; }
.home-note-description { color:var(--p-muted); font-size:12px; line-height:1.8; margin:0; }
.home-note-meta { display:flex; flex-wrap:wrap; gap:5px 18px; grid-column:1/-1; font-size:10px; line-height:1.7; color:var(--p-muted); }
#home-note-status { color:var(--p-accent); }
.home-note-action { display:flex; align-items:center; justify-content:center; gap:20px; border:1px solid var(--p-line);
  border-radius:13px; background:var(--p-ink); color:var(--p-paper); padding:15px 18px; min-height:48px;
  font:700 13px/1.5 var(--p-font); cursor:pointer; transition:transform .18s ease; }
.home-note-action:hover { transform:translateY(-2px); }
.home-note-action:focus-visible,.daily-navigation button:focus-visible { outline:3px solid var(--p-accent); outline-offset:3px; }
.daily-navigation { position:fixed; z-index:60; bottom:max(12px, env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%);
  width:min(440px,calc(100% - 28px)); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px;
  padding:7px; border:1px solid var(--p-line); border-radius:21px; background:var(--p-paper);
  box-shadow:0 10px 45px #061c1826; box-sizing:border-box; }
.daily-navigation[hidden] { display:none; }
.daily-navigation button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
  min-height:54px; border:0; border-radius:14px; background:transparent; color:var(--p-muted); font:600 10px/1.3 var(--p-font); cursor:pointer; }
.daily-navigation button[aria-current="page"] { background:var(--p-raised); color:var(--p-accent); }
.daily-navigation svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
#screen-menu .menu-content { padding-bottom:calc(108px + env(safe-area-inset-bottom)); }
#screen-settings, #screen-journal, #screen-tutorial { padding-bottom:calc(108px + env(safe-area-inset-bottom)); }
@media (min-width:900px) { .home-note { max-width:1160px; padding:22px 28px; } .home-note-top{grid-column:1/-1;} }
@media (max-width:480px) { .home-note { padding:18px; gap:14px; } .home-note-action { grid-column:1/-1; justify-content:space-between; } .home-note h2{font-size:20px;} .home-note-body { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .home-note-action { transition:none; } .home-note-action:hover { transform:none; } }

.home-workspace { grid-template-areas:"start" "guide" "hero" "note" "companion" "quick" "progress" "modes" "more"; }
@media (min-width:900px) { .home-workspace { grid-template-areas:"start start" "guide guide" "hero companion" "hero quick" "note note" "progress progress" "modes modes" "more more"; } }

.home-start-path { grid-area:start; min-width:0; color:var(--p-ink); }
.home-start-path-heading { margin:0 0 16px; }
.home-start-path-heading h2 { margin:7px 0; font:800 clamp(23px,4vw,30px)/1.4 var(--p-font); letter-spacing:-.04em; }
.home-start-path-heading p { margin:0; font-size:13px; line-height:1.8; color:var(--p-muted); }
.home-start-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.home-start-options button { display:flex; align-items:center; gap:14px; min-width:0; min-height:108px; padding:20px 18px;
  border:1px solid var(--p-line); border-radius:19px; background:var(--p-paper); color:var(--p-ink); text-align:left;
  font-family:var(--p-font); cursor:pointer; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.home-start-options button > .ui-icon { width:24px; height:24px; flex:0 0 24px; color:var(--p-accent); }
.home-start-options button > span:not(.home-start-arrow) { min-width:0; flex:1; }
.home-start-options strong { display:block; font-size:15px; line-height:1.5; font-weight:800; }
.home-start-options small { display:block; margin-top:5px; font-size:11px; line-height:1.7; color:var(--p-muted); }
.home-start-arrow { flex:none; color:var(--p-accent); font-size:19px; }
.home-start-options button:focus-visible { outline:3px solid var(--p-accent); outline-offset:4px; }
.home-start-options button:active { transform:scale(.985); }
@media (hover:hover) { .home-start-options button:hover { transform:translateY(-3px); border-color:var(--p-accent); box-shadow:0 7px 22px #061c1810; } }
@media (max-width:699px) { .home-start-options { grid-template-columns:minmax(0,1fr); gap:9px; } .home-start-options button { min-height:82px; padding:15px 17px; border-radius:16px; } }
@media (prefers-reduced-motion:reduce) { .home-start-options button { transition:none; } .home-start-options button:hover,.home-start-options button:active { transform:none; } }