:root{font-family:Inter,"Segoe UI",sans-serif;color:#24342d;background:#f6f7f3;font-synthesis:none;--green:#203e31;--muted:#7b847d;--line:#e8ebe4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #96b474;outline-offset:3px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}.sidebar{width:246px;background:#182f27;color:#e9f0e8;position:fixed;inset:0 auto 0 0;padding:35px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:650;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:10px;background:#d9edb2;color:#213b2d;font-family:Georgia,serif;letter-spacing:-3px;font-size:32px;padding-right:5px}.workspace{display:flex;align-items:center;gap:10px;font-size:12px;margin:39px 0 34px;padding:15px 0;border-block:1px solid #33463d}.workspace small{display:block;color:#9cafa2;font-size:11px;margin-top:5px}.avatar{width:32px;height:32px;border-radius:50%;background:#354b3b;font-size:9px;display:grid;place-items:center;letter-spacing:1px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#8ea391;margin:0 13px 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px;margin:4px 0;border-radius:7px;color:#b8c7bd;font-size:19px}.nav-item span{font-size:13px}.nav-item.active{background:#304a38;color:#e0efbc}.nav-dot{width:5px;height:5px;background:#d8ecad;border-radius:100%;margin-left:auto}.sidebar-bottom{margin-top:auto}.local-pill{font-size:10px;color:#c3d0c4;display:flex;gap:7px;align-items:center}.local-pill span{width:6px;height:6px;background:#b6d58b;border-radius:50%}.sidebar-bottom p{font-family:Georgia,serif;line-height:1.7;color:#98ad9e;font-size:15px;margin:22px 0}.export-button{border:1px solid #465b4d;border-radius:6px;background:transparent;color:#cbd8cb;padding:10px 14px;font-size:11px;width:100%;text-align:left}main{margin-left:246px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:11px;color:var(--muted);background:#fcfcf9}.topbar strong{font-weight:500;color:#38443a}.breadcrumb{padding:0 15px;color:#b8c1b8}.private-badge{font-size:10px;color:#647b5c;letter-spacing:.2px}.content{max-width:1460px;margin:auto;padding:37px 42px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#7e8e73;margin:0 0 11px}h1{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;letter-spacing:-1.1px;margin:0 0 12px}p{margin:0}.muted{color:var(--muted);font-size:12px}.small{font-size:11px}.primary{border:0;border-radius:6px;background:var(--green);color:#fff;padding:12px 18px;font-size:12px;font-weight:500;white-space:nowrap}.primary span{padding-right:7px;font-size:18px}.date-row{margin:30px 0 20px;display:flex;justify-content:space-between;align-items:center}.date-controls{display:flex;gap:8px;align-items:center}.icon-button{border:1px solid var(--line);background:#fff;width:30px;height:30px;border-radius:5px;color:#667b67}.date-controls input{border:0;background:transparent;color:#40503e;font-size:12px;width:125px;padding:5px}.text-button{border:0;background:#e9ede4;color:#536846;font-size:10px;border-radius:4px;padding:6px 10px;margin-left:4px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 20px 14px;min-height:185px}.water-card{background:#eef4e3;border-color:#e0e9d2}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500}.stat-symbol{display:grid;place-items:center;width:30px;height:30px;background:#e4eddb;color:#5c7749;border-radius:8px;font-size:19px}.peach{background:#f8eee1;color:#a58756}.lavender{background:#f0ebf5;color:#927db4}.blue{background:#e9eff8;color:#7c95bd}.stat-value{font-size:29px;letter-spacing:-.8px;font-weight:500;margin:14px 0 6px;white-space:nowrap}.stat-value small{font-size:13px;color:#8a9581;font-weight:400;letter-spacing:0;margin-left:5px}.stat p{font-size:10px;color:#8b9385}.water-actions{display:flex;gap:7px;margin-top:17px}.water-actions button{border:1px solid #d1ddbf;background:#f8fbf2;color:#617748;border-radius:5px;padding:6px 10px;font-size:10px;flex:1}.card-link{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid #f0f1ec;background:transparent;padding:12px 0 0;margin-top:15px;font-size:10px;color:#6d7d60}.middle-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:20px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading p{margin-top:7px}h2{font-size:14px;font-weight:550;margin:0}.period-chip{font-size:8px;letter-spacing:1px;color:#89917f;padding:6px 9px;background:#f5f6f0;border-radius:4px}.legend{display:flex;gap:18px;font-size:9px;color:#909687;margin-top:22px}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:6px;width:6px;border-radius:2px}.work-key,.bar-work{background:#9ab57b}.gym-key,.bar-gym{background:#c5b3d6}.screen-key,.bar-screen{background:#d9dfd1}.week-chart{display:flex;gap:12px;align-items:flex-end;height:158px;margin-top:18px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f5f6f1 39px,#f5f6f1 40px)}.chart-day{flex:1;text-align:center;min-width:0}.bars{display:flex;justify-content:center;gap:4px;align-items:flex-end;height:127px}.bar{width:14px;max-width:24%;border-radius:3px 3px 0 0;min-height:2px}.chart-label{display:block;font-size:9px;color:#929a89;padding:10px 0;background:white}.chart-note{font-size:9px;color:#939d8b;margin-top:12px}.screen-value{font-size:35px;margin:11px 0 7px;font-weight:500;letter-spacing:-1px}.screen-apps{margin:18px 0 20px;min-height:40px}.app-row{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:5px 0;color:#6e7e62}.app-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondary{background:white;border:1px solid #dfe5d7;border-radius:5px;color:#526648;padding:10px 15px;font-size:11px}.full{width:100%}.integration-link{display:block;text-align:center;font-size:9px;color:#8a977c;margin-top:13px}.journal{margin-top:22px;padding-bottom:10px}.journal select{padding:8px 10px;font-size:10px;color:#78846d;border:1px solid var(--line);border-radius:5px;background:white}.count-badge{font-size:9px;color:#7f8e74;background:#f0f3e9;padding:3px 6px;border-radius:4px;margin-left:5px}#entries{margin-top:20px}.empty-state{text-align:center;padding:27px 10px 33px;color:#8a9682;font-size:11px;line-height:1.8}.empty-state strong{display:block;font-size:13px;color:#5f7354;font-weight:500}.entry{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0f2ec}.entry-symbol{flex-shrink:0;width:32px;height:32px;background:#f1f4e9;border-radius:8px;display:grid;place-items:center;color:#738865}.entry-copy{flex:1;min-width:0}.entry-title{font-size:12px;font-weight:500;overflow-wrap:anywhere}.entry-subtitle{font-size:10px;color:#909b85;margin-top:5px;overflow-wrap:anywhere}.entry-value{font-size:11px;white-space:nowrap;color:#6a7a5a}.delete-entry{border:0;background:transparent;font-size:14px;color:#a2aa98;padding:8px}.delete-entry:hover{color:#b45543}.entry-notes{color:#77816e;font-size:11px;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;padding:24px 0;color:#9aa28e;font-size:10px}footer span{font-size:8px;letter-spacing:1.1px}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:min(520px,calc(100% - 24px));color:#263c2e;box-shadow:0 20px 80px #102c2933}dialog::backdrop{background:#10271d66;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400}form label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin:14px 0}form input,form textarea,form select{width:100%;border:1px solid #dce3d5;border-radius:5px;padding:10px;color:#394e31;background:#fff;outline-color:#9fba7e}form textarea{resize:vertical}.form-row{display:flex;gap:14px}.form-row label{flex:1;min-width:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error{font-size:12px;color:#b04939}.error:empty{display:none}[hidden]{display:none!important}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:#203e31;color:white;box-shadow:0 5px 20px #203e3122;padding:13px 20px;border-radius:8px;font-size:12px;max-width:90vw;z-index:10}.docs{max-width:830px;margin:60px auto;padding:0 25px;line-height:1.7}.docs h1{margin-top:30px}.docs h2{margin:30px 0 10px;font-size:20px}.docs p,.docs li{font-size:14px}.docs pre{background:#e9eee2;padding:16px;overflow:auto;border-radius:8px;font-size:12px}.docs a{text-decoration:underline}.docs table{border-collapse:collapse;width:100%;font-size:13px}.docs td,.docs th{text-align:left;border-bottom:1px solid #d9e1d1;padding:10px}
@media(min-width:1600px){.content{padding-top:50px}.stat{min-height:200px}.middle-grid{margin-top:26px}.week-chart{height:195px}.bars{height:164px}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 17px}main{margin-left:205px}.content{padding:30px 26px 0}.topbar{padding:0 26px}.stats{gap:10px}.stat{padding:16px 12px}.stat-value{font-size:25px}h1{font-size:31px}.middle-grid{gap:14px}.panel{padding:19px}.water-actions button{padding:6px 4px}}
@media(max-width:950px){.sidebar{width:175px;padding:25px 13px}.brand{font-size:23px}.workspace{font-size:10px}.nav-item{padding:12px 9px;gap:8px}.nav-item span{font-size:11px}main{margin-left:175px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start}.heading .primary{margin-top:20px}.middle-grid{grid-template-columns:1fr}.screen-apps{min-height:0}.screen-panel{display:block}.screen-value{font-size:30px}h1{font-size:28px}}
@media(max-width:640px){.sidebar{position:static;width:auto;height:auto;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:22px}.brand-mark{width:28px;height:30px;font-size:28px}.workspace,.nav-label,.sidebar-bottom,.sidebar nav .nav-item:not(:last-child){display:none}.sidebar nav .nav-item{margin:0;padding:5px;font-size:14px}.sidebar nav .nav-item span{font-size:10px}main{margin:0}.topbar{height:48px;padding:0 20px;font-size:10px}.content{padding:26px 18px 0}.heading{flex-direction:column;gap:16px}.heading .primary{margin:0}.eyebrow{font-size:8px}h1{font-size:29px}.heading .muted{font-size:11px}.date-row{gap:8px;margin-top:24px}.date-row>.small{font-size:9px}.date-controls{gap:3px}.date-controls input{width:115px;font-size:11px}.text-button{margin:0;padding:6px}.stat-value{font-size:25px}.stat{min-height:178px}.panel{padding:18px 15px}.panel-heading p{font-size:10px}.entry{gap:8px}.entry-value{font-size:10px}.entry-title{font-size:11px}.entry-subtitle{font-size:9px}footer span{display:none}#toast{left:50%}.form-row{flex-direction:column;gap:0}dialog{padding:22px}.period-chip{white-space:nowrap}}
.connect-link{display:block;text-align:center}.devices-panel{margin-top:22px}.sync-status{margin:18px 0;color:#6d7d60;font-size:11px;overflow-wrap:anywhere}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-card{border:1px solid var(--line);border-radius:8px;padding:17px;background:#fafbf7}.device-type{font-size:8px;letter-spacing:1px;color:#8b987c}.device-card h3{font-size:13px;font-weight:550;margin:9px 0;overflow-wrap:anywhere}.device-minutes{font-size:23px;margin:10px 0}.device-card .text-button{margin:14px 0 0}.device-placeholder{border-style:dashed;background:#fff;min-height:115px}.device-placeholder p{margin-top:15px}#screen-unique{font-size:9px;margin-top:8px;line-height:1.5}#pair-json{font-family:Consolas,monospace;font-size:10px}.devices-panel .primary{font-size:11px}@media(max-width:950px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.device-grid{grid-template-columns:1fr}.devices-panel .panel-heading{align-items:flex-start}.devices-panel .panel-heading p{max-width:180px}}

.brand{font-size:19px;letter-spacing:-.7px;gap:8px}.brand-mark{width:28px;min-width:28px;height:30px;font-size:25px;letter-spacing:-2px;padding-right:2px}@media(min-width:641px) and (max-width:950px){.brand{font-size:16px}}
.chart-threshold-note{margin:14px 0 0}.device-chart-heading{font-size:9px;font-weight:600;color:#71806e;margin-top:15px}.device-chart{display:grid;grid-template-columns:minmax(86px,112px) minmax(0,1fr);gap:10px;align-items:center;margin-top:10px}.device-pie{position:relative;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.device-pie-center{width:58%;aspect-ratio:1;border-radius:50%;background:#fafbf7;display:flex;flex-direction:column;justify-content:center;align-items:center}.device-pie-total{font-size:12px;font-weight:600;color:#35483a;white-space:nowrap}.device-pie-caption{font-size:7px;color:#89917f;margin-top:2px}.device-legend{display:grid;gap:5px;min-width:0}.device-legend-row{display:grid;grid-template-columns:7px minmax(0,1fr) 36px 35px;gap:4px;align-items:center;font-size:9px;color:#667463}.device-legend-swatch{width:7px;height:7px;border-radius:2px}.device-legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-legend-percent,.device-legend-time{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#7a8676}.device-chart-empty{margin-top:12px}