.brand-tools{display:flex;gap:12px;align-items:center;min-width:0}.brand-tools .menu-trigger{flex-shrink:0}.sidebar-add{margin-top:25px;width:100%}.sidebar-menu{margin-top:12px;font-size:12px;padding-inline:8px}.sidebar-person{display:flex;gap:10px;align-items:center;text-align:left;padding:0}.sidebar-person strong,.sidebar-person small{display:block}.sidebar-person strong{font-size:11px}.sidebar-person small{font-size:10px;color:var(--muted);margin-top:3px}.quick-label{font-size:10px;font-weight:600;color:var(--muted);margin-top:19px}.quick-label+.quick-actions{margin-top:8px}.daily-beyond{display:grid;grid-template-columns:1fr 1fr;gap:28px}.daily-growth{display:flex;align-items:flex-start;gap:17px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:19px;min-height:100%}.daily-growth-icon,.daily-calm-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.daily-growth h2{font-size:23px}.daily-growth p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin-top:9px}.daily-growth .text-link{margin-top:12px;flex-wrap:wrap;gap:8px}.daily-calm-card{padding:25px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.daily-calm-card h2{margin-top:15px}.daily-calm-card p{color:var(--muted);margin-top:9px}.daily-calm-card .text-link{margin-top:15px}.profile-card{display:flex;align-items:center;gap:16px;background:var(--accent-soft);border-radius:15px;padding:20px}.profile-card .profile-avatar{width:49px;height:49px}.profile-card strong{font-size:14px}.profile-card p{font-size:11px;color:var(--muted);margin-top:3px}.profile-links{display:grid;gap:8px;margin-top:20px}.profile-links button{display:flex;align-items:center;gap:12px;padding:15px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.profile-links button .icon:last-child{margin-left:auto}.settings-intro{font-size:13px;color:var(--muted);margin-bottom:20px}.theme-options{display:flex;gap:12px}.theme-options button{flex:1;min-height:65px}.theme-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.persona-preview{padding:13px;border:1px solid var(--line);border-radius:14px;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.persona-preview legend{font-size:11px;padding:0 7px}.persona-preview button{text-align:left;border:1px solid var(--line);border-radius:10px;padding:11px}.persona-preview button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.persona-preview strong,.persona-preview span{display:block}.persona-preview strong{font-size:11px}.persona-preview span{font-size:10px;color:var(--muted);margin-top:3px}.preview-version{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
@media(min-width:721px){.menu-trigger{display:none}}
@media(max-width:720px){.topbar{padding-inline:17px}.brand-tools{gap:10px}.topbar .mobile-brand{font-size:21px;letter-spacing:2.5px}.top-actions{gap:8px}.topbar .icon-button,.topbar .profile-avatar{width:35px;height:35px}.bottom-nav{grid-template-columns:1fr 1fr .94fr 1fr 1fr;padding-inline:9px;height:calc(73px + env(safe-area-inset-bottom));align-items:stretch}.bottom-nav .central-plus{padding:0;position:relative;justify-content:center;overflow:visible}.bottom-nav .central-plus>span{width:51px;height:51px;display:grid;place-items:center;border-radius:17px;background:var(--accent);color:var(--on-accent);box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-8px);border:3px solid var(--surface)}.bottom-nav .central-plus .icon{width:25px;height:25px}.bottom-nav .bottom-link{font-size:9px}.daily-beyond{display:block}.daily-growth{padding:20px;gap:14px}.daily-growth h2{font-size:23px}.daily-growth-icon{width:39px;height:39px}.daily-growth p:not(.eyebrow){font-size:12px}.today-horse p{font-size:9px;line-height:1.5}.persona-preview{grid-template-columns:1fr 1fr}.page-intro .eyebrow{line-height:1.6}.page-intro h1{font-size:29px}.page{padding-bottom:115px}.quick-actions button{min-width:0;font-size:10px;padding-inline:9px}.menu-trigger{border-color:transparent;background:transparent}.brand-tools .wordmark{white-space:nowrap}}

.access-explanation{display:grid;gap:17px;font-size:13px;line-height:1.7;color:var(--muted)}
html:has(dialog[open]){overflow:hidden}
dialog.menu-sheet .modal-heading,dialog.quick-sheet .modal-heading{position:sticky;top:0;z-index:2;background:var(--surface);padding:12px 0;margin-top:-12px}
/* The main landmark receives programmatic focus; controls retain their focus rings. */
#main:focus{outline:none}