:root{color:#e8edf5;color-scheme:dark;background:#0b111c;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#172740 0,#0b111c 38rem);min-width:320px;min-height:100vh;margin:0}main{width:min(1120px,100% - 2rem);margin:0 auto;padding:4rem 0}header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:.4rem;font-size:clamp(2.4rem,7vw,4.5rem);line-height:.95}h2{margin-bottom:.25rem;font-size:1.25rem}.eyebrow{color:#58c7b7;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:750}.subtitle,.updated{color:#8290a8}.subtitle{margin-bottom:0}.updated{white-space:nowrap;margin-bottom:.15rem;font-size:.82rem}.metrics{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.metrics article,.chart-card,.day-card,.notice{backdrop-filter:blur(12px);background:#121c2cc2;border:1px solid #99b1d321;box-shadow:0 20px 60px #00000029}.metrics article{border-radius:14px;padding:1.2rem 1.35rem}.metrics span{color:#8290a8;margin-bottom:.35rem;font-size:.8rem;display:block}.metrics strong{letter-spacing:-.03em;font-size:1.65rem}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin:2rem 0 1rem;display:flex}.section-heading h2{margin-bottom:0}.section-date{color:#8290a8;margin-bottom:0;font-size:.85rem}.day-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.day-card{border-radius:18px;padding:1.4rem}.day-head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.1rem;display:flex}.day-head h3{margin-bottom:0;font-size:1.15rem}.day-numbers{text-align:right}.day-total{letter-spacing:-.03em;margin-bottom:.15rem;font-size:1.85rem;font-weight:600;line-height:1.1}.day-delta{color:#8290a8;margin-bottom:0;font-size:.8rem}.day-free{color:#6b7791;margin:.2rem 0 0;font-size:.74rem}.split-bar{gap:2px;height:14px;margin-bottom:.9rem;display:flex}.split-bar span{border-radius:4px;min-width:8px}.device-list,.app-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.device-list li,.app-list li{color:#a8b3c5;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.device-list i,.app-list i{border-radius:3px;flex:none;width:.65rem;height:.65rem}.device-list strong,.app-list strong{color:#e8edf5;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:600}.app-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.day-card h4{color:#8290a8;letter-spacing:.1em;text-transform:uppercase;margin:1.2rem 0 .6rem;font-size:.74rem;font-weight:650}.empty{color:#8290a8;margin-bottom:0;font-size:.88rem}.konto-status{margin-bottom:0;font-size:.88rem}.konto-status.locked{color:#e0a83c}.konto-status.ok{color:#8290a8}.strip{grid-template-columns:repeat(28,1fr);gap:2px;height:14px;display:grid}.strip span,.strip-legend i{border-radius:3px}.strip span.ok,.strip-legend i.ok{background:#99b1d324}.strip span.over-1,.strip-legend i.over-1{background:#6e5426}.strip span.over-2,.strip-legend i.over-2{background:#b1852f}.strip span.over-3,.strip-legend i.over-3{background:#edb64a}.strip-axis{color:#8290a8;justify-content:space-between;margin-top:.35rem;font-size:.72rem;display:flex}.strip-legend{color:#8290a8;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.5rem;font-size:.72rem;display:flex}.strip-legend span{align-items:center;gap:.35rem;display:flex}.strip-legend i{flex:none;width:.6rem;height:.6rem}.charts{gap:1rem;display:grid}.chart-card{border-radius:18px;padding:1.4rem}.chart-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.legend{color:#a8b3c5;gap:1rem;font-size:.78rem;display:flex}.legend span{align-items:center;gap:.4rem;display:flex}.legend i{border-radius:3px;width:.65rem;height:.65rem}.legend .android{background:#2fa896}.legend .switch{background:#e35252}.legend .ps4{background:#5578f0}.canvas-wrap{height:310px}.notice{border-radius:16px;margin-bottom:1rem;padding:1.5rem}.notice p{color:#a8b3c5;margin-bottom:0;line-height:1.6}.notice code{color:#72dbcb}.notice.error{border-color:#ff6b6b59}@media (width<=640px){main{padding:2.5rem 0}header{flex-direction:column;align-items:start;gap:1rem}.metrics{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:.2rem}.chart-heading{flex-direction:column;align-items:start}.canvas-wrap{height:260px}}