body[data-page="stats"]{margin:0;color:#20332b;font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent}
html:has(body[data-page="stats"]){background:#cbd8c9;--stats-wall-filter:none}
html:has(body[data-page="stats"])::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url('/assets/ambient/today-wall.webp') center/cover no-repeat;opacity:.65;filter:var(--stats-wall-filter)}
html[data-theme="dark"]:has(body[data-page="stats"]){background:#141716;--stats-wall-filter:grayscale(.85) brightness(.14)}
body[data-page="stats"] .stats-app{position:relative;z-index:1}
body[data-page="stats"]>.nav{position:fixed;z-index:20;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(596px,calc(100% - 28px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 3px 8px;border:1px solid #ffffffa0;border-radius:27px;background:#eff3e5bb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-page="stats"]>.nav a{text-align:center;text-decoration:none;color:inherit;font-size:11px}
body[data-page="stats"]>.nav i{display:block;margin:0 auto 3px}
html[data-theme="dark"] body[data-page="stats"]>.nav{background:#30322cbb;border-color:#ffffff35}
html[data-theme="dark"] body[data-page="stats"]{color:#f0eee8}
.stats-app{max-width:640px;margin:auto;box-sizing:border-box;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(112px + env(safe-area-inset-bottom,0px))}
.stats-app *{box-sizing:border-box}
.stats-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;text-align:center}
.stats-header h1{font-size:24px;margin:0;letter-spacing:-.6px}.stats-header a{text-decoration:none;color:inherit;display:grid;place-items:center;font-size:32px;min-height:44px}
.stats-subtitle{text-align:center;font-size:13px;opacity:.75;margin:8px 0 22px}
.stats-glass{background:#eff3e5b8;border:1px solid #ffffffb0;border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 2px #ffffff80,0 8px 20px #1d312d09}
html[data-theme="dark"] .stats-glass{background:#30322cc9;border-color:#ffffff30;box-shadow:inset 0 1px 2px #ffffff12}
.stats-today{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:12px;margin-bottom:12px}.stats-label{display:block;font-size:12px;opacity:.8}.stats-today strong{display:block;font-size:22px;margin-top:5px}.stats-today>span{font-size:12px;max-width:120px;text-align:right}
.stats-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-metrics>div{padding:16px;min-width:0}.stats-metrics strong{display:block;font-size:27px;margin:7px 0;color:#7a5d05;letter-spacing:-.5px}.stats-metrics small{display:block;font-size:11px;line-height:1.45;opacity:.8}
html[data-theme="dark"] .stats-metrics strong{color:#f6d566}
.stats-section{margin-top:14px;padding:18px}.stats-section h2{font-size:18px;margin:0 0 16px;letter-spacing:-.25px}.stats-section p{font-size:13px;line-height:1.5}.stats-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.stats-row h2{margin:0}.stats-row select{min-height:44px;font:inherit;color:inherit;background:#ffffff20;border:1px solid #ffffff70;border-radius:16px;padding:0 12px}
#statsPercent{display:block;font-size:28px;margin:14px 0 8px}.stats-meter{height:8px;border-radius:20px;background:#82907d35;overflow:hidden}.stats-meter i{display:block;height:100%;background:#e4b71d;border-radius:inherit;width:0}
.stats-goal-controls{display:flex;align-items:center;gap:10px;font-size:15px}.stats-goal-controls button{border:0;width:44px;height:44px;border-radius:50%;background:#f9d85a40;color:inherit;font-size:24px}
.stats-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.stats-day{text-align:center;font-size:11px;min-width:0}.stats-column{height:100px;border-radius:14px;background:#82907d22;position:relative;overflow:hidden}.stats-column i{position:absolute;bottom:0;left:0;right:0;background:#e4b71d;border-radius:14px;min-height:0}.stats-day strong{display:block;font-weight:600;margin-top:8px}.stats-day small{display:block;font-size:10px;margin-top:4px}
.stats-note{font-size:11px!important;line-height:1.5;opacity:.78;margin:18px 4px 0}.stats-backup{display:flex;flex-wrap:wrap;gap:10px}.stats-backup button,.stats-backup label{flex:1;display:grid;place-items:center;min-height:44px;min-width:120px;border-radius:18px;border:1px solid #ffffff90;background:#ffdf6660;font:inherit;font-size:13px;font-weight:650;color:inherit;touch-action:manipulation;position:relative}.stats-backup input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}
#statsMessage{overflow-wrap:anywhere}.home-progress-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-top:16px;border:1px solid #ffffff90;border-radius:22px;background:#eff3e5b0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:inherit;font-weight:700;text-decoration:none}.home-progress-link small{font-size:12px;font-weight:500}.home-progress-link>span:last-child{font-size:22px}
html[data-theme="dark"] .home-progress-link{background:#30322cb0;border-color:#ffffff35}
@media(max-width:375px){.stats-app{padding-left:14px;padding-right:14px}.stats-metrics>div{padding:14px}.stats-chart{gap:6px}.stats-metrics strong{font-size:24px}}