:root{color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#0a84ff;--accent-hover:#409cff;--accent-muted:#0a84ff38;--text:#ffffffeb;--text-muted:#ffffff85;--danger:#ff6b6b;--radius-lg:24px;--radius-md:16px;--radius-pill:999px;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:#0a0e14;margin:0;overflow-x:hidden}#root{min-width:0;max-width:100%;min-height:100vh}.app-shell{min-height:100vh;position:relative}.app-bg{z-index:-2;background-color:#0000;background-image:radial-gradient(130% 90% at 50% 100%,#23375f73 0%,#0000 55%),radial-gradient(70% 50% at 85% 15%,#466ea038 0%,#0000 50%),radial-gradient(60% 40% at 10% 30%,#5a3c781f 0%,#0000 45%),linear-gradient(185deg,#0c1018 0%,#121c28 42%,#181420 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:fixed;inset:0}.app-bg:after{content:"";opacity:0;background:url(/hero-bg.jpg) 50%/cover no-repeat;transition:opacity .3s;position:absolute;inset:0}body.has-hero-bg .app-bg:after{opacity:.35}.app-bg-noise{z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.glass-panel{-webkit-backdrop-filter:blur(22px);border-radius:var(--radius-lg);background:#ffffff0e;border:1px solid #ffffff1a;box-shadow:0 4px 24px #00000038,inset 0 1px #ffffff0f}.shell-header{top:max(.75rem, env(safe-area-inset-top,0px));left:max(.75rem, env(safe-area-inset-left,0px));right:max(.75rem, env(safe-area-inset-right,0px));z-index:200;border-radius:var(--radius-lg);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;width:auto;max-width:1040px;margin-left:auto;margin-right:auto;padding:.75rem 1rem;display:flex;position:fixed}.shell-logo{letter-spacing:-.03em;color:var(--text);align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.shell-logo:hover{color:#fff}.shell-logo-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #0a84ff8c}.shell-nav{align-items:center;gap:.35rem;display:flex}.shell-nav-link{border-radius:var(--radius-pill);color:var(--text-muted);padding:.4rem .7rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.shell-nav-link:hover{color:var(--text);background:#ffffff0f}.shell-nav-link.is-active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.shell-main{box-sizing:border-box;width:100%;min-width:0;max-width:1040px;padding-top:calc(max(.75rem, env(safe-area-inset-top,0px)) + 6rem);padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:max(3rem, env(safe-area-inset-bottom,0px));padding-left:max(1rem, env(safe-area-inset-left,0px));margin:0 auto}@media (width<=520px){.shell-main{padding-top:calc(max(.75rem, env(safe-area-inset-top,0px)) + 7.5rem);padding-left:max(.75rem, env(safe-area-inset-left,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px))}}.page-dashboard{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;min-width:0;max-width:100%;display:flex}.page-dashboard>.dashboard-top,.page-dashboard>.glass-panel.section-block,.page-dashboard>.foot-hint{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.dashboard-top{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.dashboard-top .glass-panel{min-width:0}@media (width>=840px){.dashboard-top{grid-template-columns:1fr minmax(240px,300px);align-items:stretch}}.hero-stat{flex-direction:column;justify-content:center;min-height:200px;padding:1.5rem 1.6rem;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .35rem;font-size:.75rem;font-weight:600}.hero-number{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(2.75rem,8vw,3.75rem);font-weight:700;line-height:1.05}.hero-unit{color:var(--text-muted);margin:.25rem 0 0;font-size:1rem}.hero-meta{max-width:28rem;margin:1rem 0 0;font-size:.875rem}.dash-aside{flex-direction:column;justify-content:center;gap:1.25rem;padding:1.35rem 1.25rem;display:flex}.aside-stats{flex-direction:column;gap:.85rem;display:flex}.aside-stat{border-radius:var(--radius-md);background:#0000002e;border:1px solid #ffffff0f;flex-direction:column;gap:.2rem;padding:.75rem .85rem;display:flex}.aside-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.aside-stat-value{color:#fff;font-size:1.35rem;font-weight:600}.section-block{padding:1.35rem 1.4rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.section-head h2{color:#fff;margin:0;font-size:1rem;font-weight:600}.section-head--wrap{flex-wrap:wrap;align-items:flex-start}.range-pill-group{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.range-pill{color:#ffffffd1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:.35rem .55rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1.2}.range-pill:hover{color:#fff;background:#ffffff14}.range-pill[aria-pressed=true]{color:#fff;background:#0a84ff33;border-color:#0a84ff8c}.text-muted{color:var(--text-muted)}.small{font-size:.8125rem}.inline-err{color:var(--danger);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.inline-err.pad{padding:1rem 1.15rem}.btn-link{color:var(--accent);font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.charts-grid-dark{grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;display:grid}.charts-range-total{border-radius:var(--radius-md);color:var(--text-muted);background:#0003;border:1px solid #ffffff12;grid-column:1/-1;margin:0;padding:.55rem .75rem;font-size:.78rem;line-height:1.5}.charts-range-total__n{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}@media (width>=720px){.charts-grid-dark{grid-template-columns:1fr 1fr}}.chart-card-dark{min-width:0;padding:1.15rem 1.2rem}.chart-card-dark h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.8125rem;font-weight:600}.chart-caption{margin:-.4rem 0 .55rem;line-height:1.4}.chart-span-2{grid-column:1/-1}.chart-wrap{height:200px;position:relative}.chart-wrap.doughnut{height:240px}.chart-wrap.chart-wide{height:220px}.foot-hint{text-align:center;margin:.5rem 0 0;padding:0 .25rem}.page-record{box-sizing:border-box;width:100%;min-width:0;max-width:520px;margin:0 auto}.record-page-head{margin-bottom:1.25rem}.page-title{letter-spacing:-.03em;color:#fff;margin:0 0 .35rem;font-size:1.65rem;font-weight:700}.page-subtitle{color:var(--text-muted);max-width:36rem;margin:0;font-size:.9rem;line-height:1.55}.record-sheet{box-sizing:border-box;min-width:0;max-width:100%;padding:1.5rem 1.4rem 1.6rem}.record-form{grid-template-columns:1fr;gap:1rem;min-width:0;display:grid}@media (width>=540px){.record-form{grid-template-columns:1fr 1fr;gap:1rem 1.1rem}}@media (width<=520px){.record-sheet{padding:1.25rem 1rem 1.4rem}}.record-form label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:.4rem;min-width:0;font-size:.78rem;font-weight:600;display:flex}.record-form label.full{grid-column:1/-1}.record-form label.checkbox-row{text-transform:none;letter-spacing:0;color:var(--text);flex-direction:row;grid-column:1/-1;align-items:center;gap:.6rem;font-size:.9rem}.record-form input,.record-form select{box-sizing:border-box;border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#00000040;border:1px solid #ffffff1f;padding:.65rem .75rem;font-family:inherit;font-size:.95rem}.record-form select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.25L6 7.75l3.5-3.5'/%3E%3C/svg%3E") right .65rem center/12px no-repeat,#00000040;padding-right:2.35rem}.record-form input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.2);opacity:.88;cursor:pointer;margin-left:.15rem;padding:.15rem}.record-form input[type=number]::-webkit-inner-spin-button{filter:invert()brightness(1.15);opacity:.85}.record-form input[type=number]::-webkit-outer-spin-button{filter:invert()brightness(1.15);opacity:.85}.record-form input::placeholder{color:#ffffff47}.record-form input:focus,.record-form select:focus{box-shadow:0 0 0 3px var(--accent-muted);border-color:#0a84ff8c;outline:none}.form-actions{flex-flow:column;grid-column:1/-1;gap:.65rem;margin-top:.25rem;display:flex}@media (width>=540px){.form-actions{flex-flow:wrap}}.form-actions .btn{width:100%}@media (width>=540px){.form-actions .btn{flex:auto;width:auto;min-width:0}}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.62rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #0a84ff59}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{color:var(--text);background:#ffffff14;border:1px solid #ffffff1f}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.btn-block{width:100%}.btn-sm{padding:.5rem .95rem;font-size:.8125rem}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #ffffff1f}.btn-danger-text{color:var(--danger);border-color:#ff6b6b59}.page-history{box-sizing:border-box;width:100%;min-width:0;max-width:640px;margin:0 auto}.history-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.history-actions{flex-wrap:wrap;gap:.5rem;display:flex}.history-meta{margin:0 0 1rem}.history-cards{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.history-card{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;padding:1rem 1.15rem;display:flex}.history-card>*{min-width:0}.history-card-time{color:#fff;font-size:.95rem;font-weight:600}.history-card-main{flex-direction:column;gap:.3rem;font-size:.875rem;display:flex}.note{margin:.35rem 0 0}.pager{justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.toast{bottom:max(1.35rem, env(safe-area-inset-bottom,0px));z-index:100;color:#fff;border-radius:var(--radius-pill);text-align:center;box-sizing:border-box;max-width:calc(100% - 2rem);padding:.65rem 1.25rem;font-size:.875rem;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}