:root{--w-bg: #0b0b0b;--w-fg: #f4f4f4;--w-fg-muted: #9a9a9a;--w-border: rgba(255, 255, 255, .1);--w-cell-bg: #141414;--w-cell-bg-active: #1f1f1f;--w-elev-base: rgba(255, 255, 255, .18);--w-map-style: "mapbox://styles/mapbox/dark-v11"}[data-mode=light]{--w-bg: #fafafa;--w-fg: #111111;--w-fg-muted: #666666;--w-border: rgba(0, 0, 0, .08);--w-cell-bg: #ffffff;--w-cell-bg-active: #f0f0f0;--w-elev-base: rgba(0, 0, 0, .1);--w-map-style: "mapbox://styles/mapbox/light-v11"}.workouts-page,.workout-detail-page{background:var(--w-bg);color:var(--w-fg);min-height:100vh}.workouts-page .mast-top-rule,.workout-detail-page .mast-top-rule{display:none}.workout-card{background:var(--w-bg);color:var(--w-fg);border:1px solid var(--w-border);border-radius:8px;overflow:hidden;max-width:760px;margin:0 auto}.workout-card .header{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--w-border)}.workout-card .header .type-icon{color:var(--w-fg);flex-shrink:0}.workout-card .header .dist-dur{font-variant-numeric:tabular-nums;flex-shrink:0}.workout-card .header .name{flex:1;min-width:0;margin:0;color:var(--w-fg);font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.workout-share-btn{flex-shrink:0;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--w-border);background:var(--w-cell-bg);color:var(--w-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.workout-share-btn:hover{background:var(--w-cell-bg-active)}.workout-share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr)}.metric-grid .cell{padding:10px 8px;border:none;border-right:1px solid var(--w-border);background:var(--w-cell-bg);color:var(--w-fg);font:inherit;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.metric-grid .cell:last-child{border-right:none}.metric-grid .cell.active{background:var(--w-cell-bg-active)}.metric-grid .cell .label{font-size:12px;color:var(--w-fg-muted);letter-spacing:.04em}.metric-grid .cell .primary{font-size:16px}.metric-grid .cell .secondary{font-size:12px;color:var(--w-fg-muted)}@media(max-width:720px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid .cell:nth-child(3){border-right:none}.metric-grid .cell:nth-child(-n+3){border-bottom:1px solid var(--w-border)}}.metric-detail-row{display:flex;gap:16px;align-items:baseline;padding:8px 16px;border-bottom:1px solid var(--w-border);font-variant-numeric:tabular-nums;overflow-x:auto}.metric-detail-row .metric-name{flex-shrink:0;white-space:nowrap;padding:4px 8px;border:1px solid var(--w-border);border-radius:4px;font-size:12px;color:var(--w-fg-muted)}.workout-map{width:100%;aspect-ratio:1 / 1.2;background:var(--w-cell-bg)}.workout-map-shell{position:relative}.workout-map-shell>svg.workout-map{display:block}.workout-map-hint,.workout-map-status{position:absolute;top:12px;left:12px;padding:2px 8px;border-radius:4px;background:var(--w-bg);color:var(--w-fg-muted);font:12px/1.6 var(--font-mono)}.workout-map-load{position:absolute;left:12px;bottom:12px;min-height:44px;padding:0 16px;border:1px solid var(--w-border);border-radius:6px;background:var(--w-bg);color:var(--w-fg);font:14px/1.4 var(--font-mono);cursor:pointer}.workout-map-load:hover{background:var(--w-cell-bg-active)}.workout-map-load:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.workout-chart{width:100%;height:80px;display:block}.workouts-list{max-width:760px;margin:0 auto;padding:0 16px;display:grid;gap:12px}.workout-list-card{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--w-border);border-radius:8px;text-decoration:none;color:var(--w-fg);background:var(--w-cell-bg)}.workout-list-card:hover{background:var(--w-cell-bg-active)}.workout-list-card .track-svg{width:100%;height:60px;color:var(--w-fg)}.workout-list-card .track-mini-wrap{width:100%;height:60px;background:#0000000a;border-radius:4px;overflow:hidden}.workout-list-card .track-mini-wrap>div{width:100%;height:100%}.workout-list-card .meta-name{font-weight:500}.workout-list-card .meta-sub{color:var(--w-fg-muted);font-size:13px}.workout-preview-card{display:block;border:1px solid var(--w-border);border-radius:12px;padding:16px;text-decoration:none;color:var(--w-fg);background:var(--w-cell-bg)}.workout-preview-card:hover{background:var(--w-cell-bg-active)}.workout-preview-card .track-svg{width:100%;height:80px}