:root{color-scheme:light;--ink:#162b2a;--muted:#677b78;--green:#19745d;--red:#b34c47;--line:#dfe7e3;--paper:#f4f7f4;--accent:#cfebda}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 15px}button:hover{border-color:var(--green);background:#edf5ef}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83b8a0;outline-offset:3px}a{color:var(--green)}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 max(24px,calc((100vw - 1100px)/2));background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;text-decoration:none}.brand>span{font-size:18px;color:var(--ink);letter-spacing:-.5px}.private{margin-left:auto;font-size:12px;color:var(--muted)}main{max-width:1100px;margin:0 auto;padding:42px 24px}h1{font-size:38px;line-height:1.2;letter-spacing:-1.3px;margin:8px 0 28px;font-weight:650}h2{font-size:22px;margin:0 0 14px;letter-spacing:-.5px}p{margin:8px 0 18px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green)}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#284c46;color:white}.heading{display:flex;justify-content:space-between;align-items:center}.heading h1{margin-bottom:24px}#count{display:inline-block;font-size:14px;color:var(--muted);margin-left:12px;border:1px solid var(--line);border-radius:50%;padding:3px 9px;vertical-align:middle;letter-spacing:0}.overview{display:flex;justify-content:space-between;align-items:center;background:#e5f0e7;border-radius:12px;padding:24px 28px;margin-bottom:25px}.overview strong{display:block;font-size:54px;line-height:1.2;font-weight:600;letter-spacing:-2px}.overview p{font-size:12px;color:var(--muted);margin:8px 0 0}.muted{color:var(--muted);font-size:13px}.update{text-align:right}.update time{display:block;font-size:12px;color:var(--muted);margin-top:12px}.toolbar{display:flex;gap:12px;align-items:center;margin:0 0 20px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px;flex:1}.search span{font-size:24px;color:var(--muted)}input,select{border:1px solid var(--line);padding:10px 12px;background:#fff;border-radius:8px;color:var(--ink);min-width:0}.search input{border:0;padding-left:0;width:100%;outline-offset:0}.check{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.check input{accent-color:var(--green)}.site-list{display:flex;flex-direction:column;gap:10px}.site-card{display:grid;grid-template-columns:40px 1fr 130px 180px 260px;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.star{font-size:23px;padding:0;border:none;color:#a4b1aa;background:none}.star.active{color:#988032}.site-domain{font-weight:650;font-size:17px;color:var(--ink);border:0;padding:0;text-align:left;background:none;word-break:break-word}.site-domain:hover{background:none;color:var(--green)}.site-name small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.visitors strong{display:block;font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2}.visitors small,.change small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.badge{display:inline-block;font-size:13px;font-weight:600;padding:4px 8px;border-radius:5px}.up{color:var(--green);background:#e7f5ed}.down{color:var(--red);background:#fbeeea}.flat{color:var(--muted);background:#eff2f0}.spark svg{width:100%;height:55px;display:block}.spark-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:4px}.empty{border:1px dashed #b5c6bc;border-radius:12px;padding:55px;text-align:center;background:#fff}.error{color:var(--red)}footer{margin-top:26px;color:var(--muted);font-size:12px}footer button{background:none;border:0;padding:0 5px;text-decoration:underline;color:var(--green)}.login{max-width:420px;margin:30px auto}.login h1{font-size:48px}.login form{margin-top:30px}.login button{width:100%;margin-top:10px}label:not(.check):not(.search){display:block;font-size:13px;margin:0 0 17px}label:not(.check):not(.search) input{display:block;width:100%;margin-top:6px}dialog{width:min(580px,calc(100% - 30px));border:1px solid var(--line);border-radius:15px;padding:26px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#10272070;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.close{border:0;font-size:25px;padding:0 8px}.dialog-heading h2{margin:0 0 16px}.dialog-heading .close{align-self:flex-start}dialog .check{margin:15px 0}pre{font-size:12px;background:var(--paper);padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px}#detail>.heading{margin-top:20px}.detail-actions{display:flex;gap:8px}.periods{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.periods input{width:145px}.periods .selected{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.metric strong{display:block;font-size:28px;margin:4px 0}.metric .badge{font-size:11px}.chart-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.large-chart svg{height:155px}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.breakdown{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.breakdown h2{font-size:16px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 0;border-bottom:1px solid #edf1ee}td:first-child{word-break:break-word;max-width:280px}td:last-child,th:last-child{text-align:right;font-variant-numeric:tabular-nums}th{font-weight:500;color:var(--muted);font-size:11px}.hourly{overflow:auto;max-height:220px}.back{border:0;background:transparent;padding-left:0;color:var(--green)}[hidden]{display:none!important}@media(max-width:900px){.site-card{grid-template-columns:28px 1fr 100px 145px;gap:8px}.spark{grid-column:2/5}.metrics{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}.search{min-width:50%}}@media(max-width:600px){header{height:65px;padding:0 16px;gap:6px}.brand>span{font-size:15px}.private{display:none}header button{padding:6px 9px;font-size:12px}main{padding:26px 15px}h1{font-size:30px}.heading{align-items:flex-start}.heading>button{padding:9px;font-size:12px}.overview{padding:20px;gap:12px}.overview strong{font-size:43px}.overview p{max-width:230px}.update button{font-size:12px;padding:8px}.toolbar select{flex:1}.site-card{padding:15px;grid-template-columns:25px 1fr 80px}.site-name{grid-column:2/4}.visitors{grid-column:2}.change{grid-column:3}.change small{font-size:9px}.spark{grid-column:2/4}.site-domain{font-size:16px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.breakdowns{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.detail-actions button{padding:6px 9px;font-size:12px}.heading h1{overflow-wrap:anywhere;font-size:27px}.heading:has(.detail-actions){display:block}.empty{padding:30px 15px}}