:root{font-family:Arial,Helvetica,sans-serif;font-size:12px;color-scheme:light;--bg: #ffffff;--panel: #efefef;--panel-strong: #dcdcdc;--panel-soft: #f7f7f7;--text: #111111;--muted: #333333;--line: #9e9e9e;--line-soft: #d7d7d7;--link: #0027b5;--input-bg: #ffffff;--button-bg: #eeeeee;--button-active: #dcdcdc;--danger: #9c1111;--danger-bg: #fff0f0;--danger-border: #e0b0b0;--success: #0d7b27;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0d0d;--panel: #1a1a1a;--panel-strong: #2a2a2a;--panel-soft: #131313;--text: #eeeeee;--muted: #c2c2c2;--line: #555555;--line-soft: #343434;--link: #8fb4ff;--input-bg: #101010;--button-bg: #222222;--button-active: #3a3a3a;--danger: #ff8e8e;--danger-bg: #2a1212;--danger-border: #683030;--success: #7ee096}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--button-bg);border-radius:3px;padding:4px 9px;color:var(--text);cursor:pointer}button:disabled{cursor:default;opacity:.55}input,select{border:1px solid var(--line);border-radius:3px;background:var(--input-bg);color:var(--text);min-height:24px;padding:3px 6px}.timezone-input{text-transform:lowercase}a{color:var(--text);text-decoration:underline;cursor:pointer}.auth-shell{min-height:100vh;width:min(800px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,340px);align-items:start;align-content:start;justify-content:center;gap:30px;padding:22px 18px 42px;background:var(--bg)}.auth-toolbar{grid-column:1 / -1;display:flex;justify-content:flex-end;align-self:end}.auth-intro{max-width:430px}.product-name{color:var(--text);font-weight:700;font-size:22px;margin-bottom:20px}.auth-intro h1{font-size:30px;line-height:1.08;margin:0 0 14px;max-width:430px}.auth-intro p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}.intro-report{max-width:420px;border-top:1px solid var(--line)}.auth-card{background:var(--panel);border-top:6px solid var(--panel-strong);padding:18px;display:grid;gap:10px}.auth-card h2{margin:0;font-size:22px}label{display:grid;gap:4px;color:var(--muted)}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-button{border:0;background:transparent;color:var(--text);text-decoration:underline;padding:2px;width:fit-content}.preference-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.preference-group{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.preference-group button{padding:2px 7px}.preference-group button.active{background:var(--button-active);font-weight:700}.app-shell{min-height:100vh;width:min(800px,100%);margin:0 auto;display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--bg)}.left-nav{padding:10px 14px 24px 6px;background:var(--bg);border-right:1px solid var(--line-soft)}.side-logo{color:var(--text);font-size:22px;font-weight:700;line-height:1;margin:0 0 20px}.nav-item{display:block;margin:0 0 4px;width:fit-content;border:0;background:transparent;color:var(--text);text-align:left;text-decoration:underline;padding:1px 2px}.nav-item.active{background:var(--button-active);text-decoration:none}.nav-item-after-gap{margin-bottom:14px}.nav-gap{display:block;height:22px}.nav-section-gap{display:block;height:18px}.report-page{width:100%;min-width:0;padding:28px 0 80px 14px}.internal-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.site-header{border-top:10px solid var(--panel-strong);background:var(--panel);padding:5px 7px}.site-selector{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.site-selector span{font-weight:700}.header-line{margin-top:6px;display:flex;gap:10px;color:var(--muted);font-size:11px}.header-line span:last-child{margin-left:auto;text-align:right}.create-strip{margin-top:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.add-site-page,.websites-panel,.profile-page{margin-top:18px}.add-site-page h1,.websites-panel h1,.profile-page h1{font-size:14px;margin:8px 0}.add-site-page p,.websites-panel p,.profile-page p{color:var(--muted);margin:0 0 12px}.profile-forms{display:grid;gap:18px;max-width:430px}.profile-form{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line-soft)}.profile-form button{width:fit-content}.create-form{display:grid;gap:10px;max-width:430px;align-items:start}.create-form button{width:fit-content}.checkbox-field{display:flex;align-items:center;gap:6px;min-height:24px}.checkbox-field input{min-height:0}.form-help{color:var(--muted);margin:0}.adline{color:var(--link);font-weight:700;padding:14px 0 28px;border-bottom:1px solid var(--line)}.date-row{margin-top:8px;display:flex;gap:10px;align-items:center}.report-wrap h1,.install-panel h1,.empty-state h1{font-size:14px;margin:8px 0}table{width:100%;border-collapse:collapse}th,td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--bg);vertical-align:middle}th:first-child,td:first-child{text-align:left}thead th{font-weight:700;background:var(--panel-soft)}tbody tr:nth-child(odd){background:var(--panel-strong)}tbody tr:nth-child(2n){background:var(--panel)}.selected-site-row{font-weight:700}.site-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.site-actions a{align-self:center}.summary-row{font-weight:700}.metric-cell{text-align:left}.metric-label{display:inline-flex;align-items:center;gap:6px;min-height:18px;color:var(--text)}.metric-label input{width:13px;height:13px;min-height:0;margin:0;flex:0 0 auto}.metric-label-static{padding-left:19px}.share{color:var(--muted);margin-left:4px}.small-button{margin:7px 0 2px}.chart-block{margin:36px 0 0;max-width:640px}.chart-title{font-weight:700;margin-bottom:4px}.line-chart{display:block;width:100%;height:280px;background:var(--bg)}.line-chart line{stroke:var(--line-soft);stroke-dasharray:2 2}.chart-labels{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;font-size:11px}.hours-chart .chart-labels{grid-template-columns:repeat(24,1fr)}.dense-daily-chart .chart-labels{grid-template-columns:repeat(31,1fr)}.dense-daily-chart .chart-labels span{white-space:nowrap}.legend{margin-top:8px;display:grid;gap:3px;width:fit-content}.legend span{color:var(--link);font-weight:700}.legend i{display:inline-block;width:28px;height:2px;margin-right:5px;vertical-align:middle}.hourly-values{margin-top:18px;max-width:640px;overflow-x:auto}.hourly-values h2{font-size:14px;margin:8px 0}.hourly-table th,.hourly-table td{min-width:90px}.hourly-table th:first-child,.hourly-table td:first-child{min-width:52px}.install-panel{margin-top:18px}.install-panel p{color:var(--muted)}pre{white-space:pre-wrap;overflow-x:auto;background:var(--panel);border:1px solid var(--line-soft);color:var(--text);padding:14px;font-size:11px;line-height:1.45}.install-meta{display:grid;gap:5px}.empty-state{margin-top:22px;background:var(--panel);padding:18px}.error{margin-top:12px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);padding:8px}.notice{margin-top:12px;color:var(--success);background:var(--panel-soft);border:1px solid var(--line-soft);padding:8px}.up{color:var(--success)}.site-footer{margin-top:34px;padding-top:10px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:11px}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;align-items:start}.auth-toolbar{justify-content:flex-start}.app-shell{grid-template-columns:1fr}.left-nav{padding:10px 16px 16px;border-right:0;border-bottom:1px solid var(--line-soft);columns:2}.side-logo{break-after:avoid;column-span:all}.nav-section-gap,.nav-gap{height:10px;column-span:all}.report-page{width:100%;padding:16px;overflow-x:auto}.internal-toolbar,.site-actions{justify-content:flex-start}}