.video-gallery{min-width:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0}.video-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;padding:.75rem;background:var(--card);min-width:0}.video-card img,.video-placeholder{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#15191f;border-radius:4px}.video-placeholder{display:grid;place-items:center;color:#bbc2cc}.video-name{margin-top:.5rem;overflow-wrap:anywhere;font-size:.9rem}.video-player{margin-top:1rem}.video-player video{display:block;width:100%;max-height:70vh;margin-top:.5rem;background:#000}.video-gallery progress{width:min(100%,26rem);margin-right:.5rem}details>summary{cursor:pointer;font-weight:600}details[open]>summary{margin-bottom:1rem}.video-choice{display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%;color:inherit}.video-choice[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent)}.video-caption{font-weight:600}:root{color-scheme:light dark;font-family:system-ui,sans-serif;--accent: #0369a1;--accent-fg: #ffffff;--bg: #f8fafc;--fg: #0f172a;--muted: #64748b;--card: #ffffff;--border: #e2e8f0;--status-ok: #15803d;--status-warn: #b45309;--status-bad: #dc2626;--status-bad-bg: #dc2626}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--fg: #e2e8f0;--muted: #94a3b8;--card: #1e293b;--border: #334155;--accent: #0ea5e9;--accent-fg: #0f172a;--status-ok: #4ade80;--status-warn: #fbbf24;--status-bad: #f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,2.5vw,2rem) 4rem;display:flex;flex-direction:column;min-height:100vh}header{display:flex;align-items:baseline;justify-content:space-between;padding:1rem 0 .5rem}header h1{font-size:1.3rem;margin:0}.conn{font-size:.8rem;color:var(--muted)}.conn-connected{color:var(--status-ok)}.header-right{display:flex;align-items:baseline;gap:.6rem}.account-link{font-size:.8rem;color:var(--accent);text-decoration:none}.account-link.active{text-decoration:underline}.field{display:grid;gap:.25rem;margin-bottom:.75rem;max-width:32rem}.field input{padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem}nav{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto;flex-shrink:0}nav a{flex-shrink:0;padding:.5rem .75rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;font-size:.9rem}nav a.active{color:var(--fg);border-bottom-color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:.75rem}button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button:disabled{opacity:.5;cursor:default}.muted{color:var(--muted);font-size:.85rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.error{color:var(--status-bad);font-size:.85rem}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.build-footer{margin-top:auto;padding:.75rem 1rem;text-align:center;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}button.danger{background:var(--status-bad-bg);color:#fff}button.icon-danger{background:transparent;color:var(--muted);border:none;padding:.15rem .4rem;font-size:.9rem;line-height:1;min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}button.icon-danger:hover:not(:disabled){color:var(--status-bad)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.modal{max-width:26rem;width:100%;margin:auto}.modal h3{margin-top:0}.modal:focus{outline:none}.modal-actions button{min-height:2.75rem}.pairing-dialog{color:var(--fg);background:var(--card);border:2px solid var(--accent);border-radius:1rem;width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;padding:clamp(1.25rem,5vw,2rem);margin:auto;box-shadow:0 1rem 4rem #0008}.pairing-dialog::backdrop{background:#000b}.pairing-dialog h2{margin:0 0 1rem;font-size:1.75rem}.pairing-eyebrow{color:var(--muted);font-size:.85rem;margin:0 0 .75rem}.pairing-dialog label{display:block;font-weight:600;margin-bottom:.5rem}.pairing-dialog .pairing-code{display:block;width:100%;font-size:clamp(1.75rem,8vw,2.5rem);font-variant-numeric:tabular-nums;letter-spacing:.25em;text-align:center;padding:.75rem .5rem;border:2px solid var(--accent)}.pairing-actions{display:grid;gap:.75rem}.pairing-actions button{width:100%;min-height:3rem}.pairing-progress{text-align:center;padding:1rem 0}.pairing-progress:focus{outline:none}.pairing-spinner{display:inline-block;width:2.5rem;height:2.5rem;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:pairing-spin 1s linear infinite}@keyframes pairing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pairing-spinner{animation:none}}:root{--viz-hr: #e34948;--viz-pace: #2a78d6;--viz-spm: #1baf7a;--viz-dps: #008300;--viz-batt: #eda100;--viz-grid: #eceff3;--viz-tick: #64748b;--viz-tech: #4a3aa7;--viz-balance: #e87ba4;--viz-boatspeed: #eb6834;--viz-diag: #64748b;--viz-oar-square: #00979c;--viz-oar-feather: #c4801a;--viz-track-1: #86b6ef;--viz-track-2: #5598e7;--viz-track-3: #2a78d6;--viz-track-4: #1c5cab;--viz-track-5: #0d366b;--viz-zone-1: #ff958e;--viz-zone-2: #f76560;--viz-zone-3: #d74746;--viz-zone-4: #b7262b;--viz-zone-5: #940015}@media(prefers-color-scheme:dark){:root{--viz-hr: #e66767;--viz-pace: #3987e5;--viz-spm: #199e70;--viz-dps: #008300;--viz-batt: #c98500;--viz-grid: #2b3648;--viz-tick: #94a3b8;--viz-tech: #9085e9;--viz-balance: #d55181;--viz-boatspeed: #d95926;--viz-diag: #94a3b8;--viz-oar-square: #1fa5a8;--viz-oar-feather: #c9821c;--viz-track-1: #256abf;--viz-track-2: #3987e5;--viz-track-3: #6da7ec;--viz-track-4: #9ec5f4;--viz-track-5: #cde2fb;--viz-zone-1: #ba2a35;--viz-zone-2: #d6464c;--viz-zone-3: #f36163;--viz-zone-4: #ff8987;--viz-zone-5: #ffb4b0}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.75rem;margin:.75rem 0 1rem}.stat-tile{min-width:0}.stat-label{font-size:.75rem;color:var(--muted)}.stat-value{font-size:1.35rem;font-weight:600;line-height:1.3}.stat-detail{font-size:.75rem;color:var(--muted)}.chart-toggle{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap;align-items:center}.chart-toggle-label{font-size:.72rem;color:var(--muted);flex:none;min-width:3.6rem}.chart-toggle-btn{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem;min-height:2rem}.chart-toggle-btn.active{color:var(--fg);border-color:var(--accent)}.chart-toggle-btn:disabled{opacity:.4}.chart-key{width:10px;height:3px;border-radius:2px;display:inline-block}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{display:block;touch-action:none}.chart-wrap svg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chart-readout{margin:.35rem 0 0;min-height:1.4em;font-variant-numeric:tabular-nums}.chart-grid{stroke:var(--viz-grid);stroke-width:1}.chart-axis{stroke:var(--border);stroke-width:1}.chart-tick{fill:var(--viz-tick);font-size:.7rem;font-variant-numeric:tabular-nums}.chart-axis-unit{fill:var(--viz-tick);font-size:.65rem;letter-spacing:.02em}.chart-crosshair{stroke:var(--muted);stroke-width:1}.chart-dot{stroke:var(--card);stroke-width:2}.chart-tip{fill:var(--card);stroke:var(--border);stroke-width:1}.chart-tip-value{fill:var(--fg);font-size:.85rem;font-weight:600}.chart-tip-unit{fill:var(--muted);font-size:.7rem;font-weight:400}.chart-tip-time{fill:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.chart-mark-interval{stroke:var(--viz-tick);stroke-width:1;stroke-dasharray:3 3;opacity:.75}.chart-piece-band{fill:var(--viz-tick);opacity:.09}.chart-piece-label{fill:var(--viz-tick);font-size:.65rem;font-weight:600}.chart-zone-band{opacity:.13}.chart-still-hatch{stroke:var(--viz-tick);stroke-width:1;opacity:.35}.chart-key.dashed{background:none!important;border-top:2px dashed currentColor;height:0}.viz-more{margin:.25rem 0 .5rem}.viz-more>summary{cursor:pointer;font-size:.8rem;color:var(--muted);padding:.3rem 0;list-style-position:inside}.viz-more>summary:hover{color:var(--fg)}.viz-more[open]>summary{margin-bottom:.35rem}.viz-more-body{padding-left:.25rem}.viz-hint{font-size:.75rem;color:var(--muted);margin:.1rem 0 .5rem}.viz-section{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.25rem}.viz-section>summary{font-weight:600;font-size:.9rem;color:var(--fg)}.viz-picker{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;font-size:.8rem;margin-bottom:.4rem}.viz-picker select{font-size:.8rem}.viz-bar{fill:var(--viz-tech)}.viz-bar.pos{fill:var(--viz-balance)}.viz-bar.neg{fill:var(--viz-pace)}.viz-bar.hot,.viz-dot.hot{opacity:1;stroke:var(--fg);stroke-width:1}.viz-dot{fill:var(--viz-tech);opacity:.55}.viz-band{fill:var(--viz-boatspeed);opacity:.22}.viz-band-line{fill:none;stroke:var(--viz-boatspeed);stroke-width:2;stroke-linejoin:round}.viz-zero{stroke:var(--viz-tick);stroke-width:1;stroke-dasharray:2 3}.viz-legend{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-top:.25rem}.viz-legend span{display:inline-flex;align-items:center;gap:.35rem}.viz-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.tech-tile-range{font-size:.7rem;color:var(--muted)}.oar-chip-n{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.oar-water{fill:var(--viz-pace);opacity:.09}.oar-waterline{stroke:var(--viz-pace);stroke-width:1;opacity:.55}.oar-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.oar-path.faint{stroke-width:1.1;opacity:.3}.oar-sq{stroke:var(--viz-oar-square)}.oar-fe{stroke:var(--viz-oar-feather)}.oar-ann-dot{fill:var(--fg);stroke:var(--card);stroke-width:1.5}.oar-ann-line{stroke:var(--muted);stroke-width:1}.oar-ann-text{fill:var(--fg);font-size:.7rem}.oar-ann-num{fill:var(--fg);font-size:.7rem;font-weight:600}.oar-hot{fill:none;stroke:var(--fg);stroke-width:1.5}.oar-notes{margin:.25rem 0 0;padding-left:1.4rem;font-size:.75rem;color:var(--muted)}.oar-row{cursor:pointer}.oar-row-bg{fill:transparent}.oar-row-bg.sel{fill:var(--viz-tick);opacity:.08}.oar-row-label{fill:var(--fg);font-size:.75rem}.oar-row-label.sel{font-weight:700}.oar-row-text{fill:var(--fg);font-size:.7rem;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}.oar-hang{fill:var(--viz-tick);opacity:.22}.oar-squaring{fill:var(--viz-oar-feather)}.oar-entry{fill:var(--viz-oar-square);stroke:var(--card);stroke-width:2}.oar-load{fill:var(--viz-tech);stroke:var(--card);stroke-width:1.5}.oar-catch-line{stroke:var(--fg);stroke-width:1.5}.oar-phase{stroke:var(--viz-tick);stroke-width:1;stroke-dasharray:4 3}.oar-even{stroke:var(--viz-tick);stroke-width:1.2;stroke-dasharray:5 4}.oar-ghost{fill:none;stroke:var(--viz-tick);stroke-width:1;opacity:.45}.oar-line{fill:none;stroke-width:2;stroke-linejoin:round}.oar-line.thin{stroke-width:1.6}.oar-band{stroke:none;opacity:.18}.oar-line.ink{stroke:var(--fg)}.oar-band.ink{fill:var(--fg);opacity:.12}.oar-line.sq{stroke:var(--viz-oar-square)}.oar-band.sq{fill:var(--viz-oar-square)}.oar-line.fe{stroke:var(--viz-oar-feather)}.oar-band.fe{fill:var(--viz-oar-feather)}.oar-line.boat{stroke:var(--viz-tech)}.oar-band.boat{fill:var(--viz-tech)}.oar-panel-title{fill:var(--fg);font-size:.7rem;font-weight:600}.chart-piece-band.oar-bout-sel{opacity:.2}.oar-two{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center}.oar-two>.chart-wrap{flex:none;max-width:100%}.oar-two-side{flex:1 1 12rem;min-width:0}.oar-table tr.sel td{font-weight:700}.viz-swatch.oar-key-square{background:var(--viz-oar-square)}.viz-swatch.oar-key-feather{background:var(--viz-oar-feather)}.viz-swatch.oar-key-water{background:var(--viz-pace);opacity:.3}.viz-swatch.oar-key-hang{background:var(--viz-tick);opacity:.4}.oar-key-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--viz-oar-square)}.oar-key-diamond{width:9px;height:9px;display:inline-block;background:var(--viz-tech);transform:rotate(45deg)}.track-wrap{width:100%;overflow:hidden}.track-wrap svg{display:block;touch-action:none}.track-wrap-tiles{position:relative;border-radius:6px;background:var(--bg)}.track-wrap-tiles svg{position:relative}.track-tiles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.track-tiles img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;filter:grayscale(.55);opacity:.7}.track-halo{fill:none;stroke:var(--card);stroke-width:9;opacity:.85;stroke-linecap:round;stroke-linejoin:round}.track-attribution{position:absolute;right:0;bottom:0;padding:1px 5px;font-size:.65rem;color:var(--muted);background:var(--card);opacity:.9;border-top-left-radius:4px;text-decoration:none}.track-attribution:hover{color:var(--fg);text-decoration:underline}@media(prefers-color-scheme:dark){.track-tiles img{filter:invert(1) hue-rotate(180deg) grayscale(.4) brightness(.8);opacity:.75}}.track-casing{fill:none;stroke:var(--viz-tick);stroke-width:7;opacity:.22;stroke-linecap:round;stroke-linejoin:round}.track-piece{fill:none;stroke:var(--viz-tick);stroke-width:11;opacity:.34;stroke-linecap:round;stroke-linejoin:round}.track-seg{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.track-mark{stroke:var(--card);stroke-width:2;fill:var(--viz-tick)}.track-dot{stroke:var(--card);stroke-width:2}.viz-legend{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin-top:.5rem;align-items:center}.viz-legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted)}.viz-legend-swatches{display:inline-flex;align-items:center;gap:.35rem}.viz-swatch{width:10px;height:10px;border-radius:2px;display:inline-block;flex:none}.zone-bar{display:flex;gap:2px;height:22px;border-radius:4px;overflow:hidden;margin:.5rem 0 .25rem}.zone-seg{min-width:2px}.zone-rows{display:grid;gap:.15rem;margin-top:.5rem}.zone-row{display:grid;grid-template-columns:10px 1fr auto auto;gap:.5rem;align-items:center;font-size:.78rem}.zone-row-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-row-time,.zone-row-pct{font-variant-numeric:tabular-nums}.zone-row-pct{color:var(--muted);min-width:3.2em;text-align:right}.meta-inline{margin-bottom:.25rem}.meta-inline-title,.meta-inline-row{display:flex;align-items:flex-start;gap:.35rem}.meta-inline-title h2{margin:0;overflow-wrap:anywhere}.meta-inline-sub{margin:.2rem 0 .6rem}.meta-inline-notes{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:60rem;font-size:.92rem;line-height:1.45;padding-top:.25rem}.meta-inline-empty{color:var(--muted);font-style:italic;font-size:.85rem;margin:0;padding-top:.3rem}.meta-inline-facts{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:.35rem;font-size:.88rem}.meta-inline-fact{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.meta-inline-label{color:var(--muted);font-size:.75rem}.meta-inline-editor{display:grid;gap:.4rem;margin:.25rem 0 .5rem;width:100%;max-width:44rem}.meta-inline-editor input,.meta-inline-editor textarea,.meta-inline-editor select{padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem;width:100%}.meta-inline-editor .meta-inline-name{font-size:1.2rem;font-weight:600}.meta-inline-editor textarea{resize:vertical;min-height:6rem}.meta-inline-hint{font-size:.75rem;color:var(--muted);margin:0}.meta-inline-status{margin:.4rem 0 0;font-size:.85rem}.meta-count{font-size:.7rem;color:var(--muted);margin-left:auto}.icon-btn{background:transparent;color:var(--muted);border:none;border-radius:6px;padding:0;width:2rem;height:2rem;flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover,.icon-btn:focus-visible{color:var(--accent);background:var(--bg)}.meta-inline-fact .icon-btn{width:1.75rem;height:1.75rem}.table-scroll{overflow-x:auto}table.splits td,table.splits th{font-variant-numeric:tabular-nums;white-space:nowrap}.back-link{display:inline-block;font-size:.85rem;color:var(--accent);text-decoration:none;margin-bottom:.5rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.card-head h3{margin:0}.list-totals-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.list-totals-unit{font-size:.9rem;font-weight:400;color:var(--muted)}.list-totals .stat-value{font-variant-numeric:tabular-nums}.list-weeks{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:.9rem}.list-week{flex:1;height:100%;display:flex;align-items:flex-end;background:transparent;border:none;border-radius:0;padding:0;min-width:0;cursor:pointer}.list-week-bar{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px}.list-week-picked .list-week-bar{background:var(--fg)}.list-week:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.list-weeks-caption{margin:.35rem 0 0;min-height:1.6em}.list-records h3{margin:0;font-size:1rem}.list-records-head{justify-content:flex-start;gap:.6rem}.list-records-stop{margin-left:auto;padding:.25rem .6rem;font-size:.8rem;min-height:2rem}.list-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem}.list-records-table{font-size:.85rem}.list-records-table th[scope=row]{font-weight:400;color:var(--muted);white-space:nowrap;width:5.5rem}.list-records-table td{font-variant-numeric:tabular-nums}.list-record-value{font-weight:600}.list-record-when{display:block;font-size:.75rem}.list-record-empty th[scope=row]{opacity:.6}.list-filter-top{flex-wrap:nowrap}.list-search{flex:1;min-width:0;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem}.list-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.list-filter-field{display:grid;gap:.2rem;min-width:0}.list-filter-field input{padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem;min-width:0}.list-filter-check{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.list-reclaim{list-style:none;margin:.4rem 0 .8rem;padding:0;font-size:.85rem}.list-reclaim li{display:flex;justify-content:space-between;gap:.75rem;padding:.25rem 0;border-bottom:1px solid var(--border)}.list-reclaim-safe,.list-reclaim-withheld{max-height:9rem;overflow-y:auto;overscroll-behavior:contain}.list-table td,.list-table th{vertical-align:top}.list-cell-metric{font-variant-numeric:tabular-nums;white-space:nowrap}.list-when{font-size:.75rem}@media(max-width:480px){.list-table,.list-table tbody,.list-table tr,.list-table td{display:block}.list-table thead{display:none}.list-table tr{position:relative;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;margin-bottom:.5rem}.list-table td{border-bottom:none;padding:0}.list-cell-primary{padding-right:3.25rem!important;font-size:1rem}.list-cell-metric{display:inline-block;margin:.25rem 1rem 0 0;color:var(--muted)}.list-cell-sync{margin-top:.45rem}.list-cell-actions{position:absolute;top:.35rem;right:.35rem}.list-records-grid{grid-template-columns:1fr}.list-filter-grid{grid-template-columns:1fr 1fr}}.device-state{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.75rem}.device-state-headline{font-size:.95rem}.device-state-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--muted);flex:0 0 auto;margin-top:.35rem}.device-state-connected{background:var(--status-ok)}.device-state-connecting,.device-state-pairing{background:var(--status-warn)}.device-progress{margin:.25rem 0 0}.device-progress-line{display:flex;justify-content:space-between;gap:.5rem}.device-progress-pct{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.device-progress-track{position:relative;height:.4rem;margin-top:.35rem;border-radius:999px;background:var(--border);overflow:hidden}.device-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s linear}.device-progress-indeterminate .device-progress-fill{width:35%;animation:device-progress-sweep 1.4s ease-in-out infinite}@keyframes device-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){.device-progress-fill{transition:none}.device-progress-indeterminate .device-progress-fill{animation:none;width:100%;opacity:.4}}.device-events{list-style:none;margin:.75rem 0 .5rem;padding:0}.device-events li{padding:.2rem 0;line-height:1.35}.device-events-when{font-variant-numeric:tabular-nums;opacity:.75}.device-events-clear{padding:.2rem .6rem;font-size:.8rem;min-height:2rem}.device-deleted-again{margin-top:.75rem}.device-deleted-again summary{cursor:pointer;font-size:.85rem}.device-events-fail{color:var(--status-bad);font-weight:600}.device-recording{display:inline-flex;align-items:center;gap:.4rem;color:var(--status-bad)}.device-recording-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;animation:device-recording-pulse 2s ease-in-out infinite}@keyframes device-recording-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.device-recording-dot{animation:none}}.device-install{display:flex;flex-direction:column;gap:.75rem}.connect-trace{font-size:.72rem;white-space:pre-wrap;background:transparent;border-left:2px solid var(--border, #334155);padding-left:.6rem;margin:.4rem 0 0}