:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#f4f4f1;--surface:#fcfcfb;--surface-2:#f0efec;--surface-3:#e7e6e1;--border:#0b0b0b1a;--border-strong:#0b0b0b38;--text:#121211;--text-2:#52514e;--text-3:#6b6a65;--grid:#e1e0d9;--axis:#c3c2b7;--accent:#256abf;--accent-hover:#1c5cab;--accent-contrast:#fff;--accent-soft:#e4eefa;--accent-soft-text:#1c5cab;--link:#256abf;--focus:#2a78d6;--good:#0ca30c;--good-text:#006300;--good-bg:#e7f5e7;--warn:#fab219;--warn-text:#7a5200;--warn-bg:#fff5dc;--bad:#d03b3b;--bad-text:#b02a2a;--bad-bg:#fcebea;--info-bg:#e9f1fb;--info-text:#1c5cab;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948;--heat-0:#f0efec;--heat-1:#cde2fb;--heat-2:#9ec5f4;--heat-3:#5598e7;--heat-4:#256abf;--heat-5:#104281;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0b0b0b0a, 0 1px 1px #0b0b0b05;--shadow-lg:0 12px 32px #0b0b0b29, 0 2px 6px #0b0b0b14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--surface-3:#2e2e2b;--border:#ffffff1a;--border-strong:#ffffff38;--text:#f3f3f0;--text-2:#c3c2b7;--text-3:#a3a198;--grid:#2c2c2a;--axis:#45453f;--accent:#256abf;--accent-hover:#2a78d6;--accent-contrast:#fff;--accent-soft:#3987e52e;--accent-soft-text:#9ec5f4;--link:#86b6ef;--focus:#6da7ec;--good-text:#3cc13c;--good-bg:#0ca30c24;--warn-text:#fab219;--warn-bg:#fab2191f;--bad-text:#f08a8a;--bad-bg:#d03b3b29;--info-bg:#3987e524;--info-text:#9ec5f4;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--heat-0:#232321;--heat-1:#0d366b;--heat-2:#184f95;--heat-3:#256abf;--heat-4:#5598e7;--heat-5:#9ec5f4;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #0009, 0 2px 6px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#232321;--surface-3:#2e2e2b;--border:#ffffff1a;--border-strong:#ffffff38;--text:#f3f3f0;--text-2:#c3c2b7;--text-3:#a3a198;--grid:#2c2c2a;--axis:#45453f;--accent:#256abf;--accent-hover:#2a78d6;--accent-contrast:#fff;--accent-soft:#3987e52e;--accent-soft-text:#9ec5f4;--link:#86b6ef;--focus:#6da7ec;--good-text:#3cc13c;--good-bg:#0ca30c24;--warn-text:#fab219;--warn-bg:#fab2191f;--bad-text:#f08a8a;--bad-bg:#d03b3b29;--info-bg:#3987e524;--info-text:#9ec5f4;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--heat-0:#232321;--heat-1:#0d366b;--heat-2:#184f95;--heat-3:#256abf;--heat-4:#5598e7;--heat-5:#9ec5f4;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #0009, 0 2px 6px #0006}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.5rem}h2{font-size:1.0625rem}h3{font-size:.9375rem}p{margin:0}a{color:var(--link);text-underline-offset:2px}code,kbd{font-family:var(--font-mono);font-size:.875em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--text-3)}.secondary{color:var(--text-2)}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.nowrap{white-space:nowrap}.small{font-size:.8125rem}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface)}.sidebar-inner{flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 10px 18px;font-size:1.0625rem;font-weight:650;text-decoration:none;display:flex}.brand-mark{flex:none;width:28px;height:28px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:600}.nav svg{flex:none}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.sidebar-footer .tz{color:var(--text-3);padding:6px 10px;font-size:.8125rem}.sidebar-footer .version{color:var(--text-3);font-variant-numeric:tabular-nums;padding:8px 10px 2px;font-size:.75rem}.nav-button{border-radius:var(--radius-sm);width:100%;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}a.nav-button{text-decoration:none}.nav-button:hover{background:var(--surface-2);color:var(--text)}.topbar{display:none}.main{min-width:0;padding:28px 32px 64px}.main-inner{flex-direction:column;gap:20px;max-width:1180px;margin:0 auto;display:flex}@media (width<=860px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.sidebar.open{z-index:40;border-right:0;border-top:1px solid var(--border);display:block;position:fixed;inset:56px 0 0;overflow-y:auto}.sidebar.open .sidebar-inner{height:100%;padding:12px 16px 24px;position:static}.sidebar.open .brand{display:none}.topbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 16px;display:flex;position:sticky;top:0}.topbar .brand{padding:0}.main{padding:18px 16px 48px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.page-header p{color:var(--text-2);margin-top:4px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{color:var(--text-2);white-space:nowrap;border-radius:7px;padding:5px 12px;font-size:.875rem;font-weight:500;display:block}.segmented input:checked+span{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin-bottom:16px;display:flex}.card-header p{color:var(--text-3);margin-top:2px;font-size:.8125rem}.card.flush{padding:0;overflow:hidden}.card.flush .card-header{padding:20px 20px 0}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}@media (width<=1080px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}@media (width<=420px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.async-block{flex-direction:column;gap:16px;min-width:0;display:flex}.refreshing{opacity:.55;transition:opacity .15s}.stat{flex-direction:column;gap:4px;min-width:0;display:flex}.stat-label{color:var(--text-2);font-size:.8125rem;font-weight:500}.stat-value{letter-spacing:-.01em;font-size:1.625rem;font-weight:650;line-height:1.15}.stat-sub{color:var(--text-3);font-size:.8125rem}@media (width<=560px){.heatmap .hm-cell{height:18px}}@media (width<=420px){.card.stat{padding:14px}.stat-value{font-size:1.375rem}}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:20px 32px;display:grid}.hero-number{letter-spacing:-.03em;font-size:clamp(3rem,7vw,4.5rem);font-weight:700;line-height:1}.hero-label{margin-top:8px;font-size:1.0625rem;font-weight:600}.hero-sub{color:var(--text-2);margin-top:6px}@media (width<=720px){.hero{grid-template-columns:minmax(0,1fr)}}.counter-table{border-collapse:collapse;width:100%}.counter-table th,.counter-table td{border-bottom:1px solid var(--border);text-align:right;padding:10px 8px}.counter-table th:first-child,.counter-table td:first-child{text-align:left;padding-left:0}.counter-table tbody tr:last-child td,.counter-table tbody tr:last-child th{border-bottom:0}.counter-table .gate-at{color:var(--text-3);font-size:.75rem;display:block}.counter-table thead th{white-space:nowrap;color:var(--text-3);font-size:.8125rem;font-weight:500}.counter-table td.big{font-size:1.25rem;font-weight:650}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--info-bg);color:var(--text);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.banner>svg{flex:none;margin-top:2px}.banner-body{flex-direction:column;gap:2px;min-width:0;display:flex}.banner-title{font-weight:600}.banner.info>svg{color:var(--info-text)}.banner.warn{background:var(--warn-bg)}.banner.warn>svg{color:var(--warn-text)}.banner.danger{background:var(--bad-bg)}.banner.danger>svg{color:var(--bad-text)}.banner.success{background:var(--good-bg)}.banner.success>svg{color:var(--good-text)}.banner ul{margin:4px 0 0;padding-left:18px}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-flex}.badge.good{background:var(--good-bg);color:var(--good-text)}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.bad{background:var(--bad-bg);color:var(--bad-text)}.badge.info{background:var(--info-bg);color:var(--info-text)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:#b42f2f}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{min-height:30px;padding:4px 10px;font-size:.8125rem}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link-btn{color:var(--link);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.state{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.state svg{color:var(--text-3)}.state-title{color:var(--text);font-weight:600}.state.compact{padding:16px 8px}.state.error svg{color:var(--bad-text)}.spinner{border:2.5px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.splash{place-items:center;min-height:100vh;display:grid}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.table th{color:var(--text-3);white-space:nowrap;background:var(--surface);font-size:.8125rem;font-weight:500}.table-wrap .table thead th{z-index:1;box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table caption{text-align:left;color:var(--text-3);padding:0 0 8px;font-size:.8125rem}.card.flush .table th:first-child,.card.flush .table td:first-child{padding-left:20px}.card.flush .table th:last-child,.card.flush .table td:last-child{padding-right:20px}.barlist{border-collapse:collapse;width:100%}.barlist td,.barlist th{vertical-align:middle;padding:5px 0}.barlist th{text-align:left;color:var(--text-3);padding-bottom:8px;font-size:.8125rem;font-weight:500}.barlist .bl-name{text-overflow:ellipsis;white-space:nowrap;width:38%;max-width:0;padding-right:12px;font-weight:500;overflow:hidden}.barlist .bl-sub{color:var(--text-3);text-overflow:ellipsis;font-size:.75rem;font-weight:400;display:block;overflow:hidden}.barlist .bl-bar{width:44%}.barlist .bl-track{border-radius:0 4px 4px 0;height:14px;position:relative}.barlist .bl-fill{background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px;position:absolute;inset:0 auto 0 0}.barlist .bl-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:18%;color:var(--text-2);padding-left:12px;font-size:.875rem}.barlist tr.other .bl-fill{background:var(--axis)}@media (width<=560px){.barlist .bl-name,.barlist .bl-sub{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.barlist .bl-name{width:40%}.barlist .bl-bar{width:36%}.barlist .bl-value{width:24%}.table .cell-main{min-width:11rem}}.chart-card{flex-direction:column;display:flex}.chart{width:100%;min-width:0}.chart .recharts-cartesian-grid line{stroke:var(--grid)}.chart .recharts-text{fill:var(--text-3);font-size:12px}.chart .recharts-cartesian-axis-line,.chart .recharts-cartesian-axis-tick-line{stroke:var(--axis)}.chart .recharts-label{fill:var(--text-3);font-size:12px}.chart-tooltip{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);min-width:140px;box-shadow:var(--shadow-lg);padding:8px 10px;font-size:.8125rem}.chart-tooltip-title{color:var(--text-2);margin-bottom:4px}.chart-tooltip-row{align-items:center;gap:8px;display:flex}.chart-tooltip-row strong{font-variant-numeric:tabular-nums;color:var(--text)}.chart-tooltip-row span{color:var(--text-2)}.key-line{border-radius:2px;flex:none;width:12px;height:3px}.legend{color:var(--text-2);flex-wrap:wrap;gap:4px 16px;margin:-6px 0 10px;padding:0;font-size:.8125rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:3px;flex:none;width:10px;height:10px}details.table-view{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}details.table-view summary{cursor:pointer;color:var(--text-2);width:fit-content;font-size:.8125rem;font-weight:500}details.table-view[open] summary{margin-bottom:8px}details.table-view .table-wrap{max-height:320px;overflow:auto}.heatmap{grid-template-columns:36px repeat(24,minmax(10px,1fr));gap:2px;min-width:520px;display:grid}.heatmap-scroll{padding-bottom:4px;overflow-x:auto}.heatmap .hm-hour{color:var(--text-3);text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.heatmap .hm-day{color:var(--text-3);align-items:center;font-size:12px;display:flex}.heatmap .hm-cell{background:var(--heat-0);border:0;border-radius:3px;height:26px;padding:0}.heatmap .hm-cell[data-level="1"]{background:var(--heat-1)}.heatmap .hm-cell[data-level="2"]{background:var(--heat-2)}.heatmap .hm-cell[data-level="3"]{background:var(--heat-3)}.heatmap .hm-cell[data-level="4"]{background:var(--heat-4)}.heatmap .hm-cell[data-level="5"]{background:var(--heat-5)}.heatmap .hm-cell:hover,.heatmap .hm-cell.active{outline:2px solid var(--text);outline-offset:0}.heat-legend{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.heat-legend .hm-swatch{align-items:center;gap:4px;display:inline-flex}.heat-legend i{border-radius:3px;width:14px;height:14px;display:inline-block}.heat-readout{min-height:1.5em;color:var(--text-2);font-size:.8125rem}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.field-hint{color:var(--text-3);font-size:.8125rem}.field-error{color:var(--bad-text);align-items:flex-start;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.field-error svg{flex:none;margin-top:2px}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:38px;color:var(--text);padding:7px 10px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.input.narrow{max-width:120px}.input-with-unit{align-items:center;gap:8px;display:flex}.input-with-unit .unit{color:var(--text-3);white-space:nowrap;font-size:.875rem}.textarea{resize:vertical;min-height:120px;line-height:1.45}.textarea.code{font-family:var(--font-mono);tab-size:2;min-height:320px;font-size:.8125rem}.check{cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.check-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;display:grid}.switch-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.switch-row .switch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-row label{cursor:pointer;font-size:.875rem;font-weight:600}.switch{appearance:none;background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:2px 4px 2px 10px;font-size:.8125rem;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip.locked{padding-right:10px}.chip button{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip button:hover{background:var(--surface-3);color:var(--text)}.tag-add{gap:8px;display:flex}.tag-add .input{flex:1}dialog.dialog{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:min(460px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-lg);padding:0}dialog.dialog::backdrop{background:#00000073}.dialog-body{flex-direction:column;gap:10px;padding:20px;display:flex}.dialog-actions{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.login-page{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{flex-direction:column;gap:18px;width:min(400px,100%);padding:28px;display:flex}.login-card .brand{padding:0;font-size:1.25rem}.device-list{margin:0;padding:0;list-style:none}.device-item{border-top:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px 14px;padding:14px 20px;display:grid}.device-item:first-child{border-top:0}.device-icon{background:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:10px;place-items:center;display:grid}.device-item.revoked .device-name{color:var(--text-3);text-decoration:line-through}.device-name{overflow-wrap:anywhere;font-weight:600}.device-meta{color:var(--text-3);font-size:.8125rem}.device-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.device-host{flex-direction:column;gap:4px;margin-top:6px;display:flex}.device-host-row{flex-wrap:wrap;gap:8px}.select.select-sm{width:auto;max-width:100%;min-height:32px;padding-top:4px;padding-bottom:4px;font-size:.8125rem}.device-link{color:var(--text-2);overflow-wrap:anywhere;align-items:flex-start;gap:6px;margin:4px 0 0;font-size:.8125rem;display:flex}.device-link>svg{color:var(--text-3);flex:none;margin-top:3px}.device-link.linked>svg{color:var(--good-text)}.rename-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rename-form .input{max-width:280px}@media (width<=560px){.device-item{grid-template-columns:40px minmax(0,1fr);padding:14px 16px}.device-actions{grid-column:2;justify-content:flex-start}}.pair-code{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pair-code .code{font-family:var(--font-mono);letter-spacing:.12em;border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--border-strong);padding:6px 16px;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700}.steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:500}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab-panel{padding-top:14px}.copy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copy-row code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:6px;padding:4px 8px}.export-list{margin:0;padding:0;list-style:none}.export-list li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 20px;display:flex}.export-list li:first-child{border-top:0}.export-list .export-error{flex-basis:100%}.date-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.date-fields .field{width:170px}.settings-layout{grid-template-columns:188px minmax(0,1fr);align-items:start;gap:24px;padding-bottom:96px;display:grid}.settings-toc{position:sticky;top:24px}.settings-toc ul{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.settings-toc a{color:var(--text-2);border-radius:6px;padding:5px 10px;font-size:.875rem;text-decoration:none;display:block}.settings-toc a:hover{background:var(--surface-2);color:var(--text)}.settings-main,.settings-sections{flex-direction:column;gap:16px;min-width:0;display:flex}.settings-section{scroll-margin-top:16px}.settings-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px 20px;margin-bottom:18px;padding-bottom:14px;display:flex}.settings-section-head p{color:var(--text-2);max-width:68ch;margin-top:4px;font-size:.875rem}.header-switch{flex:none;gap:8px}@media (width<=1080px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-toc{position:static}.settings-toc ul{flex-flow:wrap;gap:6px}.settings-toc a{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:.8125rem}}@media (width<=560px){.settings-section-head{flex-direction:column}}.fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:10px;min-width:0;margin:0;padding:14px 16px 16px;display:flex}.fieldset legend{margin-left:-6px;padding:0 6px;font-size:.875rem;font-weight:600}.fieldset.plain{border:0;padding:0}.fieldset.plain legend{margin:0 0 6px;padding:0}.copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.copy-grid{grid-template-columns:minmax(0,1fr)}}.preview{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);padding:12px 14px 14px}.preview-controls{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.75rem;font-weight:700}.preview-controls .input,.preview-controls .select{min-height:30px;padding:3px 8px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.preview-grid{grid-template-columns:minmax(0,1fr)}}.prompt-mock{flex-direction:column;gap:6px;margin:0;display:flex}.prompt-mock figcaption{color:var(--text-3);font-size:.75rem}.prompt-mock-screen{color:#f3f3f0;text-align:center;background:#151514;border-radius:10px;flex-direction:column;justify-content:center;gap:14px;min-height:150px;padding:18px;display:flex}.prompt-mock-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.4}.prompt-mock-maths{color:#c3c2b7;flex-direction:column;align-items:center;gap:6px;font-size:.875rem;display:flex}.prompt-mock-maths strong{color:#fff;font-family:var(--font-mono);font-size:1.125rem}.prompt-mock-input{color:#898781;min-width:80px;font-family:var(--font-mono);border:1px solid #45453f;border-radius:6px;padding:4px 10px}.prompt-mock-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.prompt-mock-btn{border:1px solid #45453f;border-radius:8px;padding:6px 14px;font-size:.8125rem;font-weight:600}.prompt-mock-btn.no{color:#121211;background:#f3f3f0;border-color:#f3f3f0}.prompt-mock-btn.yes{color:#f3f3f0;background:0 0}.prompt-mock-btn.waiting{opacity:.55}.toast-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.toast-mock{color:#f3f3f0;background:#151514;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:460px;padding:9px 14px;font-size:.875rem;font-weight:500;display:flex}.toast-mock .muted{color:#a3a198}.toast-mock.blocking{max-width:none;padding:14px}.item-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.item-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.item-row-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-picker{flex-wrap:wrap;gap:6px;display:flex}.day-chip{position:relative}.day-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.day-chip span{border:1px solid var(--border-strong);min-width:46px;color:var(--text-2);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;font-size:.8125rem;font-weight:500;display:inline-flex}.day-chip input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-soft-text);font-weight:600}.day-chip input:checked+span:before{content:"✓";margin-right:4px;font-size:.75rem}.day-chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.change-list{margin:0;padding:0;list-style:none}.change-item{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 20px;display:flex}.change-item:first-child{border-top:0}.change-main{flex-direction:column;gap:2px;min-width:0;display:flex}.change-label{overflow-wrap:anywhere;font-weight:600}.change-values{color:var(--text-2);overflow-wrap:anywhere;font-size:.8125rem}.change-side{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.change-list.compact .change-item{padding:8px 0}.save-bar{z-index:30;pointer-events:none;padding:0 32px 16px;position:fixed;bottom:0;left:236px;right:0}.save-bar-inner{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);max-width:1180px;box-shadow:var(--shadow-lg);pointer-events:auto;flex-direction:column;gap:10px;margin:0 auto;padding:12px 16px;display:flex}.save-bar-inner .save-conflict{padding:10px 12px}.save-bar-inner .change-list{border-bottom:1px solid var(--border);max-height:40vh;padding-bottom:6px;overflow-y:auto}.save-bar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.save-bar-summary{flex-direction:column;gap:2px;min-width:0;display:flex}.save-bar-delay{color:var(--warn-text);font-size:.8125rem;font-weight:500}.save-bar-delay svg{vertical-align:-2px}@media (width<=860px){.save-bar{padding:0 8px 8px;left:0}}.check-grid .check{align-items:flex-start}.check-grid .check input{margin-top:3px}.check-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.copy-grid .textarea{field-sizing:content;min-height:60px}.prompt-mock-screen,.toast-mock{box-shadow:inset 0 0 0 1px #ffffff0f}.pending-state{background:var(--warn-bg);max-width:100%;color:var(--warn-text);overflow-wrap:anywhere;text-align:left;border-radius:8px;align-items:flex-start;gap:5px;padding:1px 8px;font-size:.75rem;font-weight:500;line-height:1.5;display:inline-flex}.pending-state>svg{flex:none;margin-top:3px}.pending-state .pending-now{font-weight:700}.pending-state-block{align-self:flex-start;padding:6px 10px;display:flex}.pending-state-line{align-self:flex-start;margin:0}.header-switch.has-pending{flex-wrap:nowrap}@media (width>=561px){.header-switch.has-pending .pending-state{white-space:nowrap}}.header-switch label{cursor:pointer}.check-text .pending-state{align-self:flex-start;margin-top:3px}.pending-members{flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;list-style:none;display:flex}.chip.pending{border-style:dashed;border-color:var(--warn-text);gap:4px;padding-left:8px}.chip.pending svg{color:var(--warn-text);flex:none}.item-row-removed{background:var(--surface-2);border-style:dashed}.account-input{max-width:360px}.account-form{gap:14px}.strength{flex-direction:column;gap:6px;max-width:360px;display:flex}.strength-bar{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.strength-bar span{background:var(--surface-3);border-radius:3px;height:5px}.strength-bar.bad span.on{background:var(--bad)}.strength-bar.warn span.on{background:var(--warn)}.strength-bar.good span.on{background:var(--good)}.strength-label{color:var(--text-2)}.account-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:16px;display:flex}.account-row>div{flex-direction:column;gap:4px;min-width:0;max-width:60ch;display:flex}.token-create{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.token-create .field{flex:240px;max-width:360px}.token-reveal .copy-row{margin:6px 0}.token-reveal code{overflow-wrap:anywhere;word-break:break-all;max-width:100%}.token-list{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none}.token-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;display:flex}.token-item:first-child{border-top:0}.token-text{flex-direction:column;gap:2px;min-width:0;display:flex}.token-name{overflow-wrap:anywhere;font-weight:600}#security code,#tokens code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.8125em}
