/* v0.8 information architecture and mobile UX */
:root{--nav-h:68px}.app{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px)}
header{align-items:center}.toolbar #exportBtn,.toolbar #importBtn,.toolbar #resetBtn{display:none}.subtitle{max-width:760px}
.tabs{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #0001}
.tab{min-width:0;padding:9px 4px;font-size:.74rem;display:grid;gap:3px;justify-items:center}.tab::before{font-size:1.1rem;line-height:1}.tab[data-view="home"]::before{content:"⌂"}.tab[data-view="household"]::before{content:"↕"}.tab[data-view="calendar"]::before{content:"□"}.tab[data-view="register"]::before{content:"￥"}.tab[data-view="settings"]::before{content:"≡"}
.zy-segmented{display:flex;gap:6px;overflow:auto;padding:4px;margin:0 0 12px;position:sticky;top:68px;z-index:15;background:var(--bg)}.zy-segmented button{white-space:nowrap;min-height:38px;border-radius:999px}.zy-segmented button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.zy-hidden-by-mode{display:none!important}.zy-section-title{margin:8px 2px 10px}.zy-empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--panel2)}.zy-empty strong{display:block;margin-bottom:6px}.zy-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zy-quick-grid .btn{min-height:46px}.zy-settings-search{position:sticky;top:68px;z-index:16;background:var(--bg);padding:8px 0}.zy-settings-search input{font-size:16px}.zy-settings-group{margin-bottom:12px}.zy-settings-group>summary{cursor:pointer;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-weight:750}.zy-settings-group[open]>summary{border-radius:13px 13px 0 0}.zy-settings-group-body{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px}.zy-settings-group .card{margin:0}.zy-dev-only{display:none}.zy-developer-enabled .zy-dev-only{display:block}.zy-card-link{cursor:pointer}.zy-card-link:hover{border-color:var(--primary)}
#view-household .overview-metrics{display:none}.zy-transaction-mode-summary #view-household .overview-metrics{display:grid}.quick-fab{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 14px)}
@media(max-width:650px){header .subtitle{display:none}header{padding-bottom:8px}.tabs{position:fixed;left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));top:auto;border-radius:18px}.zy-segmented,.zy-settings-search{top:0}.two-col{grid-template-columns:1fr}.zy-quick-grid{grid-template-columns:repeat(2,1fr)}.card{border-radius:14px}.overview-metrics,.metrics{grid-template-columns:1fr 1fr}.app-footer{margin-bottom:70px}}