:root{color:#17231c;font-synthesis:none;background:#f2f5f0;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#1e6b46;border:0;border-radius:.65rem;padding:.65rem 1rem}.secondary{color:#18472f;background:#e3ebe5}.danger{color:#8d2b1e;background:#f7e5e2;padding:.4rem .7rem}header{background:#fff;border-bottom:1px solid #d9e2da;justify-content:space-between;align-items:center;padding:1rem max(1rem,50% - 35rem);display:flex}header h1{margin:0;font-size:1.35rem}main{gap:1.5rem;max-width:70rem;margin:2rem auto;padding:0 1rem;display:grid}.auth{background:#fff;border-radius:1rem;max-width:30rem;margin:8rem auto;padding:2rem;display:block;box-shadow:0 1rem 3rem #18352112}.auth h1{margin:0;font-size:2.5rem}.auth form,.auth label{gap:.7rem;display:grid}.auth form{margin-top:2rem}.auth input,.filters select{background:#fff;border:1px solid #bac9bd;border-radius:.55rem;padding:.7rem}.actions,.timeline-title,.devices li,.code{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.devices,section{background:#fff;border-radius:1rem;padding:1.4rem}.devices ul{padding:0;list-style:none}.devices li{border-top:1px solid #edf1ed;padding:.65rem 0}.code{background:#eef7f0;border-radius:.7rem;padding:1rem}.code strong{letter-spacing:.08em;font-size:1.4rem}.code span{color:#567060}.timeline-title h2,.devices h2{margin-top:0}.timeline-title p{color:#607368;margin:.25rem 0}.filters{gap:.5rem;display:flex}.timeline{margin:1rem 0;padding:0;list-style:none}.timeline li{border-top:1px solid #e5ebe6;grid-template-columns:12rem 1fr;gap:1rem;padding:1rem 0;display:grid}.timeline time{color:#66796d}.timeline div{gap:.25rem;display:grid}.timeline span{color:#66796d;font-size:.9rem}.timeline em{color:#965b12;font-size:.8rem}.error{color:#a12e21}.empty{text-align:center;color:#65766b;background:#f7f9f7;border-radius:.7rem;padding:3rem}@media (width<=700px){.timeline-title,.filters{display:grid}.timeline li{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}}.header-actions,.period{align-items:center;gap:.6rem;display:flex}.panel{background:#fff;border-radius:.8rem;padding:1rem}.muted{color:#607368}.metrics{background:0 0;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;display:grid}.metrics article{background:#fff;border-radius:1rem;gap:.45rem;padding:1.2rem;display:grid}.metrics article>span,.metrics small{color:#607368}.metrics strong{font-size:1.65rem}.bars{gap:.9rem;display:grid}.bar-row{grid-template-columns:minmax(12rem,1fr) 3fr 6rem;align-items:center;gap:1rem;display:grid}.bar-row>div:first-child{display:grid}.bar-row span{color:#607368;font-size:.8rem}.bar-row>b{text-align:right}.bar-track{background:#edf2ee;border-radius:1rem;height:.7rem;overflow:hidden}.bar-track i{background:#2e8b5d;border-radius:1rem;height:100%;display:block}.hour-chart{align-items:end;gap:.35rem;height:15rem;padding-top:1.5rem;display:flex;overflow-x:auto}.hour{flex-direction:column;justify-content:end;align-items:center;min-width:2rem;height:100%;display:flex;position:relative}.hour-stack{background:#edf2ee;border-radius:.35rem;flex-direction:column-reverse;width:1.15rem;height:11rem;display:flex;overflow:hidden}.hour-stack i{display:block}.hour span{color:#607368;margin-top:.6rem;font-size:.68rem;transform:rotate(-45deg)}.hour>b{color:#965b12;font-size:.7rem;position:absolute;top:0}.category-focus{background:#288858}.category-communication{background:#4d82c4}.category-browser{background:#7a67ba}.category-entertainment{background:#d57955}.category-system{background:#89968e}.category-other{background:#d0aa4f}@media (width<=800px){.metrics{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:1fr 5rem}.bar-track{grid-area:2/1/auto/-1}.header-actions{flex-direction:column;align-items:flex-end}}@media (width<=500px){.metrics{grid-template-columns:1fr}.period{width:100%}.period button{flex:1}}