/* V7.2: compact mobile layout; same components and financial data. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--nav-height:68px}
@media(max-width:799px){
 html{scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}
 .main{padding:calc(8px + var(--safe-top)) max(16px,var(--safe-right)) calc(var(--nav-height) + var(--safe-bottom) + 24px) max(16px,var(--safe-left))}
 .page-header{margin-bottom:8px;gap:6px;min-height:44px}
 .home-brand img{width:36px;height:36px;border-radius:10px}.home-brand strong{font-size:19px}.home-brand small{font-size:10px}
 .page-header h1{font-size:23px}
 .home-scene{height:104px;margin:0 -16px;background:linear-gradient(130deg,#fffdf5,#fff5d8 58%,#e3fbff);border-radius:16px}
 .scene-pig{height:100px;top:2px;right:0;width:52%;max-width:52%;object-fit:contain}
 .greeting{top:20px;left:18px;width:45%}.greeting h2{font-size:23px}.greeting p{font-size:11px;max-width:145px;margin-top:4px}.home-scene .palm{font-size:58px;opacity:.4}
 .balance-card{margin:10px 0;padding:10px 14px}.balance-card .card-top{min-height:0;padding-right:44px}.balance-card #toggle-balance{position:absolute;right:10px;top:10px}.balance{font-size:31px;margin:3px 0;line-height:1.15;padding-right:44px;overflow-wrap:anywhere}.balance-card small{font-size:11px;color:var(--muted);line-height:1.5;display:block}
 .stat-grid{gap:7px;margin-bottom:10px}.stat-card{padding:9px 4px;gap:4px}.stat-card>span{font-size:22px}.stat-card small{font-size:11px}.stat-card strong{font-size:clamp(12px,3.6vw,15px);letter-spacing:-.3px}
 .quick-links{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px}.quick-links button{min-height:52px;font-size:11px;padding:8px 4px}.quick-links .home-register{font-size:14px;border:0;border-radius:14px;line-height:1.3}.home-register small{display:block;font-size:10px;font-weight:500;margin-top:2px}
 .primary-goal{padding:12px 14px;margin-bottom:12px;border-color:#cce9dc}.primary-goal h3{margin-bottom:8px;font-size:13px}.primary-goal .tile-icon{width:46px;height:48px;font-size:29px}.goal-summary .grow>strong{font-size:13px}.primary-goal .amount-line{margin-top:5px}.primary-goal .progress-line{margin-top:6px}
 #daily-action{margin:12px 0;padding:13px 14px;background:linear-gradient(120deg,#f0fff7,#fff);border-color:#d9ecdf}#daily-action h3{font-size:14px;margin:4px 0 6px}#daily-action p{font-size:12px;line-height:1.45}#daily-action .button{margin-top:9px;padding:9px 12px;min-height:44px}
 .encouragement{padding:12px 14px;margin:12px 0;gap:10px}.encouragement>span{font-size:27px}.encouragement p{font-size:12px;margin-top:4px}
 .achievement-scene{height:138px;margin:0 -16px}.achievement-scene img{height:138px;width:210px}.achievement-scene>span{font-size:21px;letter-spacing:12px}
 .more-hero{min-height:118px;margin:0 -16px;padding:4px 16px}.more-hero>img{height:110px;width:48%}.pig-banner>img{height:130px;width:190px}.pig-banner>div{padding:8px 14px 15px}.welcome-scene{height:180px;margin:0 -16px}.welcome-scene>img{height:176px;width:240px}
 .bottom-nav{position:fixed;inset:auto 0 0;min-height:calc(var(--nav-height) + var(--safe-bottom));padding:8px max(12px,var(--safe-right),calc((100vw - 430px)/2 + 12px)) calc(8px + var(--safe-bottom)) max(12px,var(--safe-left),calc((100vw - 430px)/2 + 12px));border-top:1px solid var(--line);gap:3px}
 .bottom-nav button{min-height:52px;min-width:44px;padding:5px 2px;font-size:10px;border-radius:12px;border:0;gap:5px}.bottom-nav button span{line-height:1.25;overflow-wrap:anywhere}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{background:#eaf5ff;color:#075b9b;box-shadow:none}
 .bottom-nav button:focus:not(:focus-visible){outline:none}.bottom-nav button:focus-visible{outline:3px solid #926000;outline-offset:-3px}
 button,input,select{scroll-margin-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}
 .toast{bottom:calc(var(--nav-height) + var(--safe-bottom) + 14px)}
 body.dark #daily-action{background:var(--surface);border-color:var(--line)}body.dark .primary-goal{border-color:#416755}body.dark .bottom-nav button.active{background:#253f57;color:#a5d6ff}body.dark .bottom-nav button:focus-visible{outline-color:#ffdb80}
}
.balance-card.negative{border-color:#e7b9c7}.balance-card.negative #balance-caption{color:#8d3653}body.dark .balance-card.negative #balance-caption{color:#ffb1c7}