:root{--paper:#f6f5ef;--ink:#26372e;--muted:#606d62;--line:#dedfd5;--lime:#dbf28d;--dark:#243b2d;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Trebuchet MS',Verdana,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #789b24;outline-offset:4px}[hidden]{display:none!important}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:38px 23px;display:flex;flex-direction:column}.brand{font:700 34px Georgia,serif;letter-spacing:-2px;text-decoration:none;display:flex;align-items:center;gap:12px}.brandmark{display:inline-grid;place-items:center;width:39px;height:42px;background:var(--lime);border-radius:11px;font-size:35px;padding-bottom:5px}.brand-dot{font:12px 'Trebuchet MS',sans-serif;align-self:flex-start;letter-spacing:0;margin-left:-7px}.side-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:65px 12px 17px}.nav{border:0;background:transparent;text-align:left;padding:15px 12px;color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:center;border-radius:6px;margin-bottom:7px}.nav.active{background:#e8eadd;color:var(--ink);font-weight:bold}.nav span:first-child{font-size:20px}.nav-arrow{margin-left:auto}.side-note{margin-top:auto;padding:0 12px;font-size:9px;letter-spacing:1px;color:var(--muted)}.small-dot,.live-dot{display:inline-block;background:#719453;border-radius:50%;width:6px;height:6px;margin-right:6px}.side-note p{font:20px/1.5 Georgia,serif;letter-spacing:-.3px;color:var(--ink);margin:20px 0 36px}.version{font-size:8px;color:#606d62}main{margin-left:248px;padding:0 48px;max-width:1640px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.connection{letter-spacing:0;font-size:11px;display:flex;align-items:center;gap:10px}.connection i{width:6px;height:6px;border-radius:50%;background:#a6ada2}.connection.connected i{background:#6b8d44}.heading{padding:43px 0 37px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted)}h1{font:normal clamp(40px,4.4vw,66px)/1.04 Georgia,serif;letter-spacing:-2.8px;margin:17px 0 20px}h1 em{font-weight:normal;color:#70815c}.heading p{color:var(--muted);font-size:12px}.heading-stamp{width:126px;display:flex;align-items:center;gap:12px;transform:rotate(-8deg);margin-right:15px}.heading-stamp>span{font:italic 85px Georgia;color:#9cae85}.heading-stamp small{font-size:7px;letter-spacing:2px;line-height:1.8}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--line);margin-bottom:10px;gap:15px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar label{font-size:10px;color:var(--muted)}select{background:transparent;border:0;color:var(--ink);padding:8px 15px 8px 4px;max-width:260px;font-size:12px}.icon-button{background:transparent;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-size:19px;color:var(--ink)}.quiet-button{background:transparent;border:0;padding:10px;color:var(--ink);font-size:11px}.quiet-button:disabled{color:#858c83;cursor:default}.empty{min-height:360px;border:1px solid var(--line);border-radius:9px;background:var(--white);display:flex;align-items:center;justify-content:center;gap:65px;padding:40px}.empty h2{font:normal 36px/1.14 Georgia;letter-spacing:-1px;margin:15px 0}.empty p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}.button-row{display:flex;gap:16px;margin-top:24px}.primary{border:0;border-radius:4px;background:var(--dark);color:white;padding:14px 18px;font-size:12px}.primary span{margin-left:24px;color:var(--lime)}.empty-art{display:flex;align-items:center}.phone{width:95px;height:167px;border:2px solid var(--ink);border-radius:16px;transform:rotate(-9deg);background:var(--lime);padding:15px}.phone>span{display:block;width:25px;height:4px;border-radius:4px;background:var(--ink);margin:0 auto 28px}.phone i{display:block;height:5px;background:#75964b;margin:9px 0;border-radius:3px}.phone i:nth-of-type(2){width:70%}.phone i:nth-of-type(3){width:40%}.phone b{font:32px Georgia;display:block;text-align:right}.dash-line{width:36px;border-top:1px dashed #829075}.laptop{font:35px Georgia;background:#e9ede2;width:80px;height:56px;border:2px solid var(--ink);border-radius:5px;text-align:center;position:relative}.laptop:after{content:'';position:absolute;bottom:-7px;left:-9px;width:94px;border-bottom:3px solid var(--ink)}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:8px 0 23px}.metric{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:23px;min-height:167px}.metric.feature{background:var(--lime);border-color:var(--lime)}.metric-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.metric-label span{font-size:17px}.big-value{font:48px Georgia;letter-spacing:-2px;margin:15px 0 13px}.big-value small{font-size:22px;letter-spacing:-1px}.metric-foot{font-size:10px;color:#616d5a;line-height:1.6}.top-app{font:28px Georgia;margin:25px 0 18px;overflow-wrap:anywhere}.report-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px;margin-bottom:23px}.panel{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font:25px Georgia;letter-spacing:-.6px;margin:9px 0 0}.tag{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:8px;letter-spacing:1px;color:var(--muted)}.chart{height:176px;display:flex;align-items:flex-end;gap:16px;margin-top:25px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#eceee5 40px,#eceee5 41px);border-bottom:1px solid var(--line);padding:0 8px 0}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding-bottom:22px}.bar{width:100%;max-width:38px;border-radius:4px 4px 0 0;background:#dfe6d0;min-height:2px}.chart-col.selected .bar{background:#526c41}.bar-value{font-size:9px;margin-bottom:7px;color:var(--muted);white-space:nowrap}.day-label{font-size:9px;position:absolute;bottom:5px;color:var(--muted)}.chart-note,.table-note{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0 0}.insight{background:var(--dark);border-radius:7px;color:#f1f4e5;padding:26px;position:relative;overflow:hidden}.insight .eyebrow{color:#c7d4b8}.insight-symbol{position:absolute;right:22px;top:37px;color:#9fb97a;font:70px Georgia}.insight h2{font:29px/1.2 Georgia;letter-spacing:-.6px;max-width:210px;margin:45px 0 15px;overflow-wrap:anywhere}.insight p{font-size:11px;line-height:1.8;color:#d0dbc7}.insight-bottom{margin-top:24px;border-top:1px solid #476047;padding-top:15px;font-size:8px;letter-spacing:1.3px;color:#cbd8b9}.search{border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:var(--muted);display:flex;gap:7px;align-items:center}.search input{border:0;outline:0;background:transparent;width:150px;font-size:11px;color:var(--ink)}table{width:100%;border-collapse:collapse;margin-top:23px;text-align:left}th{font-size:9px;letter-spacing:.5px;color:var(--muted);font-weight:normal;border-bottom:1px solid var(--line);padding:0 0 12px}td{padding:15px 0;border-bottom:1px solid #ebede4;font-size:12px}th:nth-child(1){width:37%}th:nth-child(2){width:33%}td:last-child,th:last-child{text-align:right}td:nth-child(3){white-space:nowrap}.app-cell{display:flex;gap:11px;align-items:center}.app-icon{width:33px;height:33px;border-radius:9px;background:#e8eddc;display:grid;place-items:center;font:20px Georgia}.app-name{font-weight:bold;font-size:11px}.package{font-size:9px;color:var(--muted);margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.share-cell{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.track{height:5px;background:#edf0e5;width:70%;border-radius:5px;overflow:hidden}.track span{display:block;height:100%;background:#899e68;border-radius:5px}.table-empty{text-align:center;padding:30px;color:var(--muted);font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:33px;padding:22px 0;color:var(--muted);font-size:10px}footer>span:first-child{font:19px Georgia;color:var(--ink)}footer .brand-dot{font-size:8px;margin-left:3px}.footer-note{font:10px 'Trebuchet MS';margin-left:17px;color:var(--muted)}.demo-banner{padding:13px 16px;background:#e9eedc;border:1px dashed #9dad85;font-size:11px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.demo-banner button{background:none;border:0;color:var(--ink);font-size:11px;text-decoration:underline}#error{background:#f9e5de;color:#852e1b;padding:14px;margin-bottom:20px;border-radius:5px;font-size:12px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);width:540px;max-width:calc(100vw - 28px);max-height:90vh;padding:30px;box-shadow:0 30px 100px #1e312e33}dialog::backdrop{background:#1e312e77;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font:39px/1.1 Georgia;margin:14px 0}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}dialog ol{padding-left:21px}dialog li{padding:12px 0 12px 6px;font-size:12px}dialog li p{margin:6px 0}.text-link{font-size:11px;text-underline-offset:4px}.field-label{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin:18px 0 8px}#server-url{width:100%;max-width:none;border:1px solid var(--line);padding:12px;border-radius:5px;font-family:monospace}.pair-code{padding:8px 12px;border:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;align-items:center;border-radius:5px}.pair-code code{font-size:17px;letter-spacing:1px}.help{font-size:10px!important}.privacy-note{padding:13px;background:#eef0e3;color:#536147;font-size:10px;line-height:1.7;border-radius:4px}button:hover:not(:disabled){filter:brightness(.94)}@media(min-width:1600px){main{padding:0 70px}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 14px}main{margin-left:205px;padding:0 27px}.nav{font-size:10px}.empty{gap:30px}.empty-art{transform:scale(.85)}.metric{padding:18px}.big-value{font-size:39px}.report-grid{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr)}.chart{gap:9px}.footer-note{display:none}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.brand{font-size:28px}.brandmark{width:30px;height:34px;font-size:29px}.side-label,.side-note,.nav.active{display:none}.nav{margin:0 0 0 auto;font-size:10px}main{margin:0;padding:0 20px}.topbar{height:60px;font-size:8px;letter-spacing:.7px}.heading{padding:30px 0 24px}.heading-stamp{display:none}h1{font-size:48px}.toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar-left,.toolbar-right{gap:6px}.metrics{grid-template-columns:1fr}.metric{min-height:120px}.big-value{margin:8px 0}.top-app{margin:12px 0}.report-grid{grid-template-columns:1fr}.insight h2{max-width:none;margin-top:25px}.empty{flex-direction:column;gap:25px;padding:30px 25px}.empty-art{transform:scale(.9)}.empty h2{font-size:32px}.panel{padding:19px}.apps-panel .panel-heading{align-items:flex-start;flex-direction:column}.search{width:100%;margin-top:8px}.search input{width:100%}.table-wrap{overflow-x:auto}table{min-width:480px}.package{max-width:170px}.demo-banner{align-items:flex-start;gap:10px}footer{gap:15px;font-size:9px}.chart{gap:10px}.toolbar select{max-width:180px}.pair-code code{font-size:14px}dialog{padding:22px}}


.topbar-actions{display:flex;align-items:center;gap:15px}.login-body{min-height:100vh;display:grid;place-items:center;background:var(--paper)}.login-main{margin:0;padding:55px 35px;width:520px;max-width:100%;}.login-main .eyebrow{margin-top:45px}.login-main h1{font-size:48px}.login-main>p{font-size:13px;line-height:1.8;color:var(--muted)}.login-main form{margin-top:32px;display:grid;gap:12px}.login-main label{font-size:12px}.login-main input{border:1px solid var(--line);border-radius:5px;background:var(--white);padding:14px;font-size:17px;width:100%;color:var(--ink)}.login-main .primary{text-align:left;margin-top:5px}.login-main .primary span{float:right}.login-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;font-size:11px;color:var(--muted);line-height:2}.login-footer a{text-underline-offset:4px}.devices-heading{font:21px Georgia;margin-top:25px}.paired-device{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.paired-device strong{font-size:12px}.paired-device p{font-size:10px;margin:5px 0}.revoke{border:1px solid #d8b3a6;background:transparent;border-radius:4px;padding:8px;font-size:10px;color:#8b3b25}#pair-error,#login-error{color:#922e1e}#new-code{margin-top:12px;font-size:11px}.pair-code{margin-bottom:10px}@media(max-width:760px){.topbar-actions{gap:4px}.topbar>span{max-width:95px;line-height:1.6}.connection{font-size:9px}.login-main{padding:35px 25px}.login-main h1{font-size:42px}}