:root{color-scheme:light;--ink: #112637;--accent: #77ddd1;--accent-soft: #e9f7f5;--accent-ink: #207f78;--on-accent: #112637;--muted: #526875;--canvas: #ffffff;--panel: #f4f7f8;--control: #e9f0f2;--line: #dee7eb;--danger: #b43832;--danger-line: #d4a5a1;--error-ink: #9d3131;--error-bg: #ffeded;--warning-bg: #fff1d9;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-weight:450;font-size:16px;line-height:1.55}:root[data-theme=dark]{color-scheme:dark;--ink: #f2f6f7;--accent-soft: #234750;--accent-ink: #77ddd1;--muted: #a8c0cf;--canvas: #112637;--panel: #152f42;--control: #244259;--line: #345467;--danger: #ee6f63;--danger-line: #94564f;--error-ink: #ffaaa1;--error-bg: #442e37;--warning-bg: #423b32}.theme-mark-dark{display:none!important}:root[data-theme=dark] .theme-mark-light{display:none!important}:root[data-theme=dark] .theme-mark-dark{display:block!important}.theme-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.theme-toggle span{font-size:18px;line-height:1}*{box-sizing:border-box}body{margin:0}a{color:var(--accent-ink)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}button,input,select{font:inherit}button,.button,.file-button{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px 16px;color:var(--ink);text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--accent-soft)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.primary:hover{background:#9be9df;border-color:#9be9df}.danger{color:var(--danger);border-color:var(--danger-line)}header{display:flex;align-items:center;gap:24px;padding:20px 4vw;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink);border:0;background:transparent;padding:0;text-align:left;line-height:1}.brand-mark{display:block;width:64px;height:64px}.brand-lockup,.brand-name,.brand-slogan{display:block}.brand-name{font-size:34px;font-weight:850;letter-spacing:-2px}.brand-slogan{margin-top:7px;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.4}nav{display:flex;gap:4px;flex:1;min-width:0}nav button{border:0;background:transparent;white-space:nowrap;font-size:14px;font-weight:500;padding:10px 12px}nav button.selected{background:var(--accent-soft);color:var(--accent-ink)}.selected{box-shadow:inset 0 -3px var(--accent)}.account{margin-left:auto;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere;display:flex;gap:16px;align-items:center;font-size:14px}main{max-width:1200px;margin:0 auto;padding:48px 32px;min-height:75vh}footer{max-width:1200px;margin:0 auto;padding:24px 32px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0 0 16px;font-weight:650}h2{font-weight:600;font-size:23px;line-height:1.25;margin:24px 0 16px}h3{font-weight:600;font-size:17px}p{max-width:70ch}small{display:block;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:30px 0}.welcome h1{font-size:60px;letter-spacing:-2px}.welcome p{font-size:18px}.route-art svg{width:100%;height:160px}.route-art path,.empty path{stroke:var(--accent-ink);stroke-width:3;fill:none}.route-art .second{stroke:var(--accent);stroke-width:2}.auth{background:var(--panel);padding:36px;border-top:4px solid var(--accent);border-radius:8px}.auth h2{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:16px 0}input,select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:6px;background:var(--panel);color:var(--ink)}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:auto;margin-top:5px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.error{color:var(--error-ink);background:var(--error-bg);padding:12px;border-radius:4px}.banner{padding:12px 32px;background:var(--warning-bg)}.page-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-title p{color:var(--muted);margin:0}.empty{text-align:center;padding:48px 24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.empty-brand{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 24px;border-radius:24px;background:var(--accent-soft)}.empty-brand img{width:72px;height:72px}.empty h2{margin:0 0 12px}.empty p{max-width:52ch;color:var(--muted)}.empty svg{width:240px;height:100px}.empty p{margin:0 auto}.ride-list{border-top:1px solid var(--line)}.ride-row{width:100%;display:grid;grid-template-columns:90px 1fr 130px 130px 100px;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 12px;text-align:left;background:transparent}.ride-row h2{margin:0 0 5px;font-size:21px}.ride-row time{font-weight:700}.status{font-size:12px;background:var(--accent-soft);padding:5px 10px;border-radius:20px;white-space:nowrap}.ride-stats{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:24px 0;gap:24px;margin-bottom:32px;font-variant-numeric:tabular-nums}.ride-stats strong{display:block;font-size:28px}.ride-stats span{font-size:14px;color:var(--muted)}.chart{margin-bottom:30px}.chart h3{display:flex;justify-content:space-between}.chart h3 span{font-weight:400;color:var(--muted)}.chart svg{width:100%;height:170px}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.screenshot{width:100%;max-height:600px;object-fit:contain;border-radius:8px}figure{margin:30px 0}figcaption{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.workout-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.workout-layout aside{border-right:1px solid var(--line);padding-right:20px}.workout-layout>section{min-width:0}.library-item{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.library-item button:first-child{text-align:left;width:100%;border:0;background:transparent}.workout-editor{margin:24px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.editor-summary{display:flex;align-items:center;gap:32px;padding:20px 24px;border-bottom:1px solid var(--line)}.editor-summary>div:not(.editor-history){display:grid}.editor-summary strong{font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums}.editor-summary span,.editor-hint{font-size:13px;color:var(--muted)}.editor-history{margin-left:auto;display:flex;gap:8px}.phase-palette{display:flex;gap:8px;flex-wrap:wrap;padding:20px 24px 0}.phase-palette button{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px}.phase-symbol{width:22px;height:20px;display:inline-block;background:#77ddd1;clip-path:polygon(0 100%,0 40%,100% 40%,100% 100%)}.phase-symbol-warmup,.phase-symbol-ramp{background:#b8df78;clip-path:polygon(0 100%,0 85%,100% 15%,100% 100%)}.phase-symbol-cooldown{clip-path:polygon(0 100%,0 15%,100% 85%,100% 100%)}.phase-symbol-repeat{background:#f4c16c;clip-path:polygon(0 100%,0 10%,20% 10%,20% 75%,40% 75%,40% 10%,60% 10%,60% 75%,80% 75%,80% 10%,100% 10%,100% 100%)}.phase-symbol-free{background:repeating-linear-gradient(135deg,#8297a5 0 3px,#e1eaf0 3px 7px);clip-path:none}.editor-hint{margin:12px 24px}.timeline-scroll{overflow-x:auto;padding:0 12px}.workout-timeline{width:100%;min-width:700px;display:block;touch-action:pan-y;-webkit-user-select:none;user-select:none}.timeline-grid line{stroke:var(--line);stroke-width:1}.timeline-grid text{fill:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.timeline-phase{cursor:grab;touch-action:none}.timeline-phase:active{cursor:grabbing}.timeline-phase:focus-visible,.duration-handle:focus-visible,.power-handle:focus-visible{outline:3px solid var(--accent-ink)}.phase-number{fill:var(--ink);font-size:12px;font-weight:600}.duration-handle{fill:var(--on-accent);fill-opacity:.8;stroke:#fff;stroke-width:2;cursor:ew-resize;touch-action:none}.power-handle{fill:#fff;stroke:var(--on-accent);stroke-width:2.5;cursor:ns-resize;touch-action:none}.insertion-marker{stroke:var(--accent-ink);stroke-width:4;pointer-events:none}.zone-legend{display:flex;gap:14px;flex-wrap:wrap;padding:12px 24px 20px;font-size:12px;color:var(--muted)}.zone-legend span{display:flex;align-items:center;gap:5px}.zone-legend i{width:8px;height:8px;border-radius:50%}.phase-inspector{border-top:1px solid var(--line);padding:18px 24px 4px;background:var(--canvas)}.inspector-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.inspector-heading h3{margin:0;font-size:16px}.inspector-heading h3 span{font-weight:400;color:var(--muted);margin-left:8px}.inspector-heading .actions{margin:0;gap:6px}.inspector-heading button{font-size:12px;padding:6px 9px}.phase-inspector .block-editor{border:0;align-items:flex-start}.phase-inspector .editor-hint{margin:8px 0 14px}.target-watts{display:block;margin-top:6px;color:var(--accent-ink);font-weight:600;font-size:14px}.editor-empty{padding:24px;color:var(--muted)}@media(max-width:650px){.editor-summary{gap:18px;padding:16px;flex-wrap:wrap}.editor-summary strong{font-size:20px}.editor-history{margin-left:0}.phase-palette{padding:16px 16px 0}.editor-hint{margin-left:16px;margin-right:16px}.phase-inspector{padding:16px}.zone-legend{padding-left:16px;padding-right:16px}}.block-editor{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.block-editor label{width:125px;font-size:12px}.block-editor input,.block-editor select{padding:7px}.file-button input{display:none}.appearance-settings{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.appearance-settings h2{margin:0 0 8px}.appearance-settings p{margin:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.security{max-width:650px;margin-top:48px}.session{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:20px}.narrow{max-width:520px;margin:30px auto}.loading{display:flex;align-items:center;justify-content:center}.auth .primary{width:100%}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid var(--line)}@media(max-width:1280px){header nav{order:3;flex-basis:100%;overflow-x:auto}}@media(max-width:800px){header{padding:20px;gap:20px}nav{order:3;flex-basis:100%;overflow:auto}nav button{white-space:nowrap;font-size:13px}main{padding:32px 20px}.welcome{grid-template-columns:1fr;gap:32px}.welcome h1{font-size:52px}.welcome p{font-size:16px}.route-art{display:none}.auth{padding:24px}h1{font-size:30px}.ride-row{grid-template-columns:65px 1fr 85px;gap:12px}.ride-row>div:nth-last-child(2),.ride-row>.status{display:none}.ride-stats{flex-wrap:wrap}.ride-stats>div{flex-basis:40%}.workout-layout,.settings-grid{grid-template-columns:1fr;gap:24px}.workout-layout aside{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.page-title{align-items:flex-start}.block-editor label{width:calc(50% - 12px)}}.phase-drag-handle{cursor:grab}.phase-drag-handle rect{fill:var(--ink);fill-opacity:.12}.phase-drag-handle text{fill:var(--ink);font-size:18px;font-weight:700}.timeline-phase:hover .phase-drag-handle rect,.timeline-phase.is-dragging .phase-drag-handle rect{fill-opacity:.25}.timeline-phase.is-dragging,.timeline-phase.is-dragging .phase-drag-handle{cursor:grabbing}.block-editor .editor-field{width:125px;margin:16px 0}.block-editor .editor-field label{width:auto;margin:0}.block-editor select{min-height:34px}@media(max-width:650px){.block-editor .editor-field{width:calc(50% - 6px)}}.workout-preview-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--line);border-radius:5px;background:var(--accent-soft)}.workout-preview-notice p{margin:4px 0 0;color:var(--muted);font-size:14px}.workout-editor input:disabled,.workout-editor select:disabled{opacity:1;background:var(--control);color:var(--ink)}.workout-editor.is-readonly .timeline-phase{cursor:pointer}.workout-page-title{position:relative;flex-wrap:wrap}.workout-page-title>div:first-child{flex:1 1 460px}.workout-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workout-toolbar button{white-space:nowrap}.workout-toolbar input[type=file]{display:none}.workout-status{padding:12px 16px;margin:0 0 24px;border-left:3px solid var(--accent-ink);border-radius:4px;background:var(--accent-soft);font-size:14px}.import-details{position:static}.import-count{color:var(--muted)}.import-details-panel{position:absolute;z-index:20;right:0;top:calc(100% + 10px);width:min(440px,calc(100vw - 40px));max-height:min(560px,65vh);overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #00000040;background:var(--panel);overflow-wrap:anywhere;font-size:14px}.import-details-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.import-details-heading h2{margin:0;font-size:18px}.import-details-heading button{padding:2px 9px;font-size:20px}.page-title .import-details-summary{margin:10px 0 16px}.import-note-section{margin:14px 0 0;padding:12px;border-radius:5px;background:var(--accent-soft)}.import-note-compatibility{background:var(--warning-bg)}.import-note-section h3{margin:0 0 6px;font-size:14px}.import-note-section ul{padding-left:18px;margin:12px 0 0}.import-note-section li+li{margin-top:10px}.import-note-section small{display:block;margin-top:4px;font-weight:600;color:var(--muted)}.rider-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:40px;align-items:start}.rider-viewer{aspect-ratio:3 / 4;background:#0e1b26;border-radius:12px;overflow:hidden}.rider-viewer canvas{width:100%!important;height:100%!important;display:block}.rider-summary{font-size:14px;color:var(--muted)}.rider-options fieldset{border:0;padding:0;margin:0 0 28px}.rider-options legend{font-weight:700;margin-bottom:10px}.rider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.rider-grid label{position:relative;display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px;border:2px solid transparent;border-radius:10px;cursor:pointer;text-align:center;font-size:13px}.rider-grid img{width:96px;height:96px;object-fit:cover;border-radius:8px;background:var(--line)}.rider-grid label:has(input:checked){border-color:var(--ink)}.rider-grid label:has(input:focus-visible){outline:3px solid var(--accent-ink)}.rider-grid input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}@media(max-width:800px){.rider-layout{grid-template-columns:1fr;gap:24px}}.rider-preview{position:sticky;top:24px}.rider-viewer{max-height:calc(100dvh - 180px)}.rider-options{max-height:calc(100dvh - 48px);overflow-y:auto;padding:2px 12px 16px 2px;scrollbar-gutter:stable}.rider-grid .garment-thumbnail{width:96px;height:96px;border-radius:8px;background:var(--line);padding:5px}.skin-colors{display:flex;flex-wrap:wrap;gap:8px}.skin-choice{position:relative;display:grid;justify-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:12px}.skin-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.skin-choice:has(input:checked){border-color:var(--ink)}.skin-choice:has(input:focus-visible){outline:3px solid var(--accent-ink)}.skin-swatch{display:block;width:32px;height:32px;border:1px solid #0002;border-radius:50%}.skin-custom{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px}.skin-custom input{width:44px;height:32px;padding:2px}@media(max-width:800px){.rider-layout{display:block}.rider-preview{top:0;z-index:2;background:var(--canvas);padding:8px 0;margin-bottom:16px}.rider-viewer{aspect-ratio:auto;height:clamp(180px,32dvh,300px)}.rider-summary{font-size:12px;margin:6px 0 0}.rider-options{max-height:none;overflow:visible;padding-right:0}}.rider-skin-note{font-size:13px;color:var(--muted);margin:0 0 12px}.rider-no-helmet{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:12px;background:var(--control);color:var(--ink);font-size:3rem}.block-editor .game-settings{flex:1 0 100%;min-width:0;margin:0;padding:8px 0;border:0}.game-settings legend{font-weight:700}.game-settings p{margin:6px 0 12px}.block-editor .game-settings label{width:auto;font-size:14px}.career-page{max-width:1200px;margin:auto}.career-page-heading,.trophy-filter,.trophy-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.career-page h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.04em;margin:0 0 24px}.career-page h2{font-size:1.35rem;letter-spacing:-.02em}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.career-summary{background:#17394b;color:#fbf7ed;padding:32px;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-left:6px solid #e5ac6c}.career-summary h2{color:inherit}.career-level{font-size:4rem;line-height:1;font-weight:650}.career-level span{font-size:1.2rem;font-weight:400;color:#bed2d8}.career-summary progress,.trophy-card progress{width:100%;accent-color:#dba668;height:8px;border:0}.sync-label{font-size:.8rem;color:#526c7b}.career-rhythm label{display:block;margin:16px 0}.career-rhythm button{margin:0 8px 8px 0}.career-rhythm,.private-showcase{padding:22px 0;border-bottom:1px solid #ccdae1}.career-rhythm select{margin-left:16px}.private-showcase ul{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.trophy-filter{margin-top:30px}.trophy-filter select{margin-left:12px}.trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 40px}.trophy-card{text-align:left;display:flex;flex-direction:column;align-items:stretch;padding:22px;border:1px solid #d0dde2;border-radius:3px;min-height:250px;background:#fff}.trophy-card:hover{border-color:#688c9b;background:#f5f9fa}.trophy-card.has-award{border-top:3px solid #b67d37;padding-top:20px}.trophy-card-top{display:flex;justify-content:space-between;align-items:center}.trophy-card-top{height:64px}.trophy-medal{display:block;width:64px;height:64px;object-fit:contain}.trophy-description{font-size:.85rem;color:#35566a;margin:0 0 12px}.trophy-award-list li{display:grid;grid-template-columns:48px 1fr;column-gap:16px}.trophy-award-list li>:not(img){grid-column:2}.trophy-award-list .trophy-medal{grid-row:1 / span 4;width:48px;height:48px}.trophy-retired ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px}.trophy-retired li{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #d0dde2;border-radius:3px}.trophy-retired .trophy-medal{width:48px;height:48px}.report-award{display:flex;align-items:center;gap:10px}.trophy-card h3{font-size:1.2rem;margin:20px 0 12px}.trophy-tiers{display:flex;gap:5px;flex-wrap:wrap;font-size:.68rem}.trophy-tiers span{padding:3px 7px;background:#edf1f3;color:#546b78}.trophy-tiers .earned{background:#f1dfbc;color:#6e471c}.trophy-progress{display:block;margin:18px 0 8px;font-size:.85rem}.trophy-card small{margin-top:12px;color:#526c7b;font-size:.75rem}.trophy-detail{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid #b5c9d2;border-radius:4px;padding:30px;color:#183349}.trophy-detail::backdrop{background:#0c2434b8}.trophy-award-list{list-style:none;padding:0}.trophy-award-list li{padding:20px 0;border-top:1px solid #d3dfe4}.trophy-award-list li>div{display:flex;justify-content:space-between;gap:20px}.reward-name{color:#795326}@media(max-width:850px){.trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.career-summary{grid-template-columns:1fr;gap:20px}.career-summary{padding:24px}.career-page-heading{align-items:flex-start}.trophy-grid{grid-template-columns:1fr}.trophy-card{min-height:220px}.trophy-filter{align-items:flex-start;flex-direction:column;gap:4px}.trophy-detail{padding:20px}.career-rhythm select{display:block;margin:6px 0}}.career-summary small{color:#c1d4dc}.career-page progress::-webkit-progress-bar{background:#c5d4da}.career-page progress::-webkit-progress-value{background:#ae7b3e}.career-page progress::-moz-progress-bar{background:#ae7b3e}.detailed-report{margin:2rem 0;padding-top:2rem;border-top:1px solid #d4dfe3}.report-metrics,.report-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.report-metrics>section{padding:1.25rem;border:1px solid #d4dfe3;border-radius:14px;background:#fff}.report-metrics strong{font-size:1.8rem;letter-spacing:-.03em}.report-metrics p{margin:.45rem 0}.report-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0}.report-zones{padding:1.3rem;background:#f1f5f5;border-radius:14px}.report-zones ul{list-style:none;margin:0;padding:0}.report-zones li{margin:1rem 0}.report-zones li>div:first-child{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.zone-track{height:9px;border-radius:6px;background:#dce5e7;margin-top:.4rem;overflow:hidden}.zone-track>div{height:100%;min-width:0}.table-scroll{overflow-x:auto}.report-training table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.report-training th,.report-training td{padding:.85rem;border-bottom:1px solid #d4dfe3}.report-training small{display:block;font-weight:400;margin-top:.3rem}.chart-inspector{display:grid;gap:.5rem;margin-top:.8rem;font-size:.9rem}.chart-inspector input{width:100%;min-height:32px}.chart-inspector output{font-variant-numeric:tabular-nums}.chart-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.chart h3{flex-wrap:wrap;gap:.4rem}.chart h3 span{font-size:.8rem;font-weight:400}.report-status{padding:.8rem 1rem;border-left:3px solid #167d9a;background:#eef4f5}@media(max-width:700px){.report-metrics,.report-zone-grid{grid-template-columns:1fr}.report-zones li>div:first-child{flex-wrap:wrap;gap:.25rem}.report-metrics strong{font-size:1.6rem}.chart-navigation button{min-height:44px}.detailed-report{margin-top:1rem}}.garage-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:2rem;margin-top:2rem}.garage-picker>label{display:grid;gap:.6rem;font-weight:650;text-transform:capitalize}.garage-items{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.garage-item{display:flex;align-items:center;gap:.75rem;text-align:left;min-height:88px;padding:.7rem}.garage-item[aria-pressed=true]{border-color:var(--accent,#b8e770);box-shadow:inset 0 0 0 1px var(--accent,#b8e770)}.garage-item img{width:44px;height:56px;object-fit:cover;border-radius:5px}.garage-item span{display:grid;gap:.35rem}.garage-item small{text-transform:capitalize;opacity:.7}.garage-selection{border-top:1px solid #ffffff26;padding-top:1rem}.equipment-preview{margin:0}.bike-viewer{height:390px;border-radius:16px;overflow:hidden;background:#0e1b26}.bike-thumbnail{width:100px;height:65px;object-fit:cover;margin-top:.6rem;border-radius:7px}.equipment-preview figcaption{font-size:.85rem;opacity:.7;margin:.5rem 0 1.2rem}.garage-visuals details{border-top:1px solid #ffffff26;padding-top:1rem}.garage-visuals summary{cursor:pointer;padding:.6rem 0}.garage-visuals .rider-viewer{height:420px;aspect-ratio:auto}.garage-picker small{display:block;line-height:1.5}.garage-page h1{margin-top:.2rem}@media(max-width:720px){.garage-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.garage-visuals{order:-1}.bike-viewer{height:260px}.garage-items{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.garage-item{font-size:.85rem;min-width:0}.garage-item img{width:30px;height:42px}.garage-visuals .rider-viewer{height:320px}}.plan-page{max-width:1200px;margin:auto;display:grid;gap:20px}.plan-heading h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.04em;margin:0}.plan-page h2,.plan-page h3,.plan-page h4{margin:0 0 8px;letter-spacing:-.02em}.plan-summary,.plan-detail,.plan-picker{background:var(--panel);border:1px solid var(--line);padding:24px;display:grid;gap:10px}.plan-summary progress{width:100%;max-width:480px}.plan-actions,.plan-options,.plan-lengths{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.plan-programs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-program{text-align:left;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--canvas);border:1px solid var(--line);color:var(--ink);height:auto;min-width:0}.plan-program strong{line-height:1.35}.plan-program>span{font-size:.95rem;line-height:1.5}.plan-program small{margin-top:auto;font-size:.8rem;line-height:1.5}.plan-program small{color:var(--muted)}.plan-program.selected,.plan-lengths .selected{border-color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent-ink)}.plan-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.plan-week-now .plan-strip .plan-day{min-height:128px}.plan-day{background:var(--canvas);border:1px solid var(--line);padding:0;display:grid}.plan-day>button,.plan-day>.plan-day-label{text-align:left;display:grid;gap:4px;align-content:start;padding:10px;background:transparent;border:0;color:var(--ink);height:auto}.plan-preview .plan-day{border-radius:6px;border-top:3px solid var(--accent-ink);min-width:0}.plan-preview .plan-day.kind-gym{border-top-color:#8274a4}.plan-preview .plan-day.kind-mobility{border-top-color:#b38c47}:root[data-theme=dark] .plan-preview .plan-day.kind-gym{border-top-color:#bfb0e0}:root[data-theme=dark] .plan-preview .plan-day.kind-mobility{border-top-color:#e6be7a}.plan-preview .plan-day.kind-rest{border-top-color:var(--line);background:var(--control)}.plan-preview .plan-day.kind-rest>button{color:var(--muted)}.plan-preview .plan-day>button{width:100%;min-width:0;min-height:144px;gap:8px;display:flex;flex-direction:column;border-radius:4px;overflow-wrap:anywhere}.plan-preview .plan-tags{margin-top:auto}.plan-picker{gap:20px}.plan-picker-step{display:flex;gap:10px;align-items:center}.plan-picker-step>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--control);color:var(--muted);font-size:.8rem}.plan-picker-step h2{margin:0;font-size:1.25rem}.plan-picker .plan-options{padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;gap:20px}.plan-length-field,.plan-options>label{display:grid;gap:8px;font-size:.85rem;font-weight:650;min-width:0;margin:0}.plan-lengths{gap:6px}.plan-lengths button{padding:10px 14px;height:44px}.plan-options input[type=date]{margin:0;height:44px}.plan-end-date{display:flex;align-items:center;min-height:44px;color:var(--muted);font-size:.85rem;margin:0}.plan-preview-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.plan-preview-summary p{margin:0;font-size:.9rem}.plan-preview-summary .plan-actions{flex-shrink:0}.plan-week-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}.plan-week-links a{padding:6px 10px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:.8rem;text-decoration:none;background:var(--canvas)}.plan-week-links a:hover{background:var(--control)}.plan-preview .plan-week{scroll-margin-top:24px;margin-bottom:24px}.plan-preview-week-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px}.plan-preview-week-heading h4{margin:0}.plan-preview-week-heading>span{color:var(--muted);font-size:.8rem}.plan-preview-detail{margin-top:12px;border-radius:8px}.plan-preview-detail[hidden]{display:none}.plan-preview-detail p,.plan-preview-detail ul{margin:0}.plan-preview-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.plan-preview-detail-heading button{flex-shrink:0}.plan-preview-detail-heading .eyebrow{margin-bottom:8px}.plan-day-label{color:var(--muted);font-size:.8rem}.plan-day strong{font-size:.9rem;line-height:1.3}.plan-day.selected{border-color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent-ink)}.plan-day.status-today{border-color:var(--accent-ink);background:var(--accent-soft)}.plan-day.status-done{border-left:4px solid var(--accent-ink)}.plan-day.status-missed,.plan-day.status-rest{opacity:.7;background:var(--control)}.plan-tags{display:flex;flex-wrap:wrap;gap:4px}.plan-tag{font-size:.7rem;padding:1px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--panel)}.plan-week{margin-bottom:14px}.plan-ride-note,.plan-ended{font-weight:600}.plan-history ul,.plan-my-plans ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plan-history li,.plan-my-plans li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.plan-my-plans{min-width:0}.plan-my-plans-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.plan-my-plans-heading h2{margin:0}.plan-my-plans li strong{min-width:0;overflow-wrap:anywhere}.plan-my-plan-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.plan-builder{display:grid;gap:12px;min-width:0}.plan-builder-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.plan-builder-heading h2{margin:0;min-width:0;overflow-wrap:anywhere}.plan-builder-status{min-width:11ch;font-size:14px;color:var(--muted,inherit)}.plan-builder-heading .danger{margin-left:auto}.plan-builder-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.plan-builder-details .plan-builder-wide{grid-column:1 / -1}.plan-builder-details textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:6px;background:var(--panel);color:var(--ink);font:inherit;resize:vertical}.plan-builder-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;min-width:0}.plan-builder-layout.has-day{grid-template-columns:minmax(0,1fr) 320px}.plan-weeks-block{display:grid;gap:10px;justify-items:start;min-width:0;max-width:100%}.plan-weeks{overflow-x:auto;max-width:100%;min-width:0;width:100%;border:1px solid var(--line);border-radius:6px}.plan-weeks table{border-collapse:separate;border-spacing:6px}.plan-weeks caption{text-align:left;padding:8px 10px 0;font-weight:650}.plan-weeks th{font-size:.8rem;font-weight:600;color:var(--muted);text-align:left;vertical-align:middle}.plan-weeks tbody th{min-width:112px;display:table-cell}.plan-weeks tbody th>span{display:block}.plan-week-actions{display:flex!important;gap:6px;margin-top:6px}.plan-week-actions button{min-height:44px;padding:6px 10px;font-size:.8rem}.plan-weeks td{padding:0;min-width:96px}.plan-weeks-day{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:84px;padding:8px;text-align:left;background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--accent-ink);border-radius:6px;overflow-wrap:anywhere;height:auto}.plan-weeks-day.kind-gym{border-top-color:#8274a4}.plan-weeks-day.kind-mobility{border-top-color:#b38c47}:root[data-theme=dark] .plan-weeks-day.kind-gym{border-top-color:#bfb0e0}:root[data-theme=dark] .plan-weeks-day.kind-mobility{border-top-color:#e6be7a}.plan-weeks-day.kind-rest{border-top-color:var(--line);background:var(--control);color:var(--muted)}.plan-weeks-day[aria-pressed=true]{border-color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent-ink)}.plan-weeks-kind{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.plan-day-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:10px;min-width:0}.plan-day-panel-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.plan-day-panel-heading h3{margin:0}.plan-day-panel form{display:grid;gap:8px}.plan-day-panel textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:6px;background:var(--panel);color:var(--ink);font:inherit;resize:vertical}.plan-day-panel .plan-day-panel-check{display:flex;align-items:center;gap:8px}.plan-day-exercises{display:grid;gap:8px;min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:5px}.plan-day-exercise{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.plan-day-exercise button{grid-column:1 / -1;justify-self:start}.plan-day-panel select{max-width:100%}@media(max-width:760px){.plan-builder-details{grid-template-columns:1fr}.plan-builder-layout.has-day{grid-template-columns:minmax(0,1fr)}.plan-strip{grid-template-columns:1fr}.plan-programs{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-preview-summary,.plan-preview-detail-heading{align-items:start;flex-direction:column}.plan-preview-summary .plan-actions{flex-wrap:wrap}.plan-preview .plan-day>button{min-height:0}.plan-summary,.plan-detail,.plan-picker{padding:16px}}@media(max-width:480px){.plan-programs{grid-template-columns:1fr}.plan-picker .plan-options{padding:12px}}:root[data-theme=dark] .trophy-card,:root[data-theme=dark] .trophy-detail,:root[data-theme=dark] .trophy-retired li{background:var(--panel);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .trophy-card:hover{background:var(--control)}:root[data-theme=dark] .trophy-description,:root[data-theme=dark] .trophy-card small{color:var(--muted)}:root[data-theme=dark] .trophy-tiers span{background:var(--control);color:var(--muted)}:root[data-theme=dark] .trophy-tiers .earned{background:#5a4524;color:wheat}:root[data-theme=dark] .trophy-award-list li{border-color:var(--line)}.analytics-filters{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.analytics-filters label{display:grid;gap:4px;font-weight:600;min-width:0}.analytics-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.analytics-tabs [aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.analytics-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.analytics-grid>*{min-width:0}.analytics-wide{grid-column:1 / -1}.analytics-note{color:var(--muted);font-size:.9rem}.analytics-link{background:none;border:0;padding:0;color:var(--accent-ink);font-weight:600;text-align:left;text-decoration:underline}#analytics-panel td,#analytics-panel th{white-space:nowrap}#analytics-panel td:first-child{white-space:normal;min-width:120px;overflow-wrap:break-word}#analytics-panel h2,#analytics-panel h3{overflow-wrap:anywhere}@media(max-width:650px){.analytics-link{min-height:44px}.analytics-stacked table,.analytics-stacked tbody,.analytics-stacked tr{display:block}.analytics-stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.analytics-stacked tr{padding:8px 0;border-bottom:1px solid var(--line)}#analytics-panel .analytics-stacked td{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;min-width:0;padding:4px 0;border:0;white-space:normal;overflow-wrap:break-word}#analytics-panel .analytics-stacked td:before{content:attr(data-label);color:var(--muted)}#analytics-panel .analytics-stacked td:first-child{display:block;font-weight:600}#analytics-panel .analytics-stacked td:first-child:before{content:none}}.garage-page .career-page-heading{margin-bottom:20px}.garage-page .career-page-heading h1{margin-bottom:8px}.garage-page .career-page-heading p{margin:0}.garage-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);gap:28px;align-items:start}.garage-preview-column{position:sticky;top:24px;min-width:0}.garage-preview{margin:0;background:var(--panel);border-radius:12px;overflow:hidden;position:relative}.garage-scene{height:clamp(440px,68vh,720px);min-width:0}.garage-scene canvas{display:block;width:100%;height:100%;touch-action:none}.garage-preview figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;color:var(--muted);pointer-events:none}.garage-preview figcaption button{font-size:12px;padding:6px 9px;white-space:nowrap;pointer-events:auto}.garage-preview-note{font-size:12px;margin:12px 0}.garage-preview-fallback{position:absolute;inset:0 0 50px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;background:var(--panel);font-size:14px}.garage-preview-fallback img{max-width:100%;max-height:70%;object-fit:contain}.garage-setup{min-width:0;background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:0 8px 28px #0000000d}.garage-setup>h2{margin:0 0 4px}.garage-section{border-top:1px solid var(--line);padding:16px 0;margin-top:12px}.garage-section+.garage-section{margin-top:0}.garage-section>h3{margin:0 0 12px}.garage-frame-rows,.garage-part-rows,.garage-finish-rows{display:grid;gap:8px}.garage-part-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px}.garage-part-row h4{font-size:14px;font-weight:500;margin:0}.garage-part-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.garage-part-options button{min-width:0;padding:6px;font-size:12px;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:52px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.garage-part-options button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.garage-part-thumb{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#1d2633}.garage-part-thumb img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.75);transform-origin:53% 55%}.garage-part-options button[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ink)}.garage-finish-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 14px;min-height:48px;text-align:left;font-size:14px;line-height:1.35;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.garage-finish-row[aria-expanded=true]{border-color:var(--accent-ink);background:var(--accent-soft)}.garage-finish-label{width:110px;flex-shrink:0;font-weight:500}.garage-current-finish{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.garage-current-finish img,.garage-original-swatch{display:block;width:26px;height:26px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;object-fit:cover}.garage-original-swatch{background:repeating-linear-gradient(135deg,var(--control),var(--control) 4px,var(--panel) 4px,var(--panel) 8px)}.garage-current-finish>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.garage-edit-mark{color:var(--muted);font-size:17px;margin-left:auto}.garage-empty{font-size:13px;border-top:1px solid var(--line);padding-top:16px;margin:12px 0 0}.garage-save-bar{border-top:1px solid var(--line);padding:16px 0 0;display:flex;flex-direction:column;gap:10px}.garage-save-bar>span{font-size:13px;color:var(--muted)}.garage-save-bar>span:empty{display:none}.garage-retained-note,.garage-change-note{font-size:13px}.garage-finish-popover{position:fixed;z-index:30;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 12px 40px #0003}.garage-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.garage-popover-heading h3{margin:0}.garage-popover-heading button{font-size:22px;padding:0;width:32px;height:32px;background:transparent;border:0}.garage-finish-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.garage-finish-options button{padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;line-height:1.3;min-height:76px;background:transparent;border:1px solid transparent;border-radius:8px}.garage-finish-options button:hover{background:var(--panel)}.garage-finish-options button[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent-soft)}.garage-swatch{position:relative;display:grid;place-items:center;width:36px;height:36px}.garage-swatch img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.garage-swatch .garage-original-swatch{width:36px;height:36px}.garage-swatch-check{position:absolute;inset:auto -4px -3px auto;background:var(--accent-ink);color:var(--canvas);border-radius:50%;font-size:11px;width:16px;height:16px;text-align:center}.garage-finish-popover>p{font-size:13px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);text-align:center}.garage-page .banner{margin:12px 0}.garage-page .banner button{margin:0 6px 6px 0}@media(max-width:1100px){.garage-workspace{grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:20px}.garage-scene{height:clamp(400px,60vh,560px)}}@media(max-width:820px){.garage-workspace{grid-template-columns:minmax(0,1fr)}.garage-preview-column{position:static}.garage-scene{height:360px}}@media(max-width:480px){.garage-page .career-page-heading{gap:12px}.garage-page .career-page-heading h1{font-size:30px}.garage-scene{height:300px}.garage-setup{padding:16px 14px}.garage-part-row{grid-template-columns:minmax(0,1fr)}.garage-finish-label{width:92px}.garage-finish-row{gap:8px;padding:9px 10px}.garage-finish-popover{padding:12px}}@media(prefers-reduced-motion:reduce){.garage-page *,.garage-finish-popover *{scroll-behavior:auto}}.garage-section-switcher{display:flex;gap:6px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.garage-section-switcher button{flex:1;padding:8px 6px;font-size:13px}.garage-section-switcher button[aria-pressed=true],.garage-clothing-cards button[aria-pressed=true],.garage-style-options button[aria-pressed=true],.garage-body-options button[aria-pressed=true],.garage-color-options button[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ink)}.garage-clothing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garage-clothing-cards button{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;padding:10px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px}.garage-clothing-cards strong{font-size:14px;font-weight:500}.garage-clothing-cards button>span:last-child{font-size:12px;color:var(--muted)}.garage-clothing-cards img,.garage-clothing-cards .garment-thumbnail{width:100%;height:80px;object-fit:contain}.garage-no-item{display:grid;place-items:center;height:80px;font-size:28px;color:var(--muted)}.garage-garment-detail{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.garage-garment-detail h3{margin:0 0 12px}.garage-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.garage-style-options button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px;background:var(--panel);border:1px solid var(--line);font-size:12px;line-height:1.35}.garage-style-options img,.garage-style-options .garment-thumbnail{width:100%;height:64px;object-fit:contain}.garage-style-options .garage-no-item{height:64px}.garage-finish-garment{position:relative;display:block;width:64px;height:64px}.garage-finish-garment .garment-thumbnail{width:100%;height:100%}.garage-appearance fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.garage-appearance legend{font-size:14px;font-weight:500;margin-bottom:10px;padding:0}.garage-body-options{display:flex;gap:8px}.garage-body-options button{flex:1}.garage-color-options{display:flex;flex-wrap:wrap;gap:7px}.garage-color-options button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;font-size:11px;min-width:56px}.garage-color-options button>span{width:25px;height:25px;border-radius:50%;border:1px solid var(--line)}.garage-custom-color{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:12px}.garage-custom-color input{width:40px;height:30px;padding:2px}@media(max-width:480px){.garage-clothing-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-clothing-cards button{padding:7px}.garage-clothing-cards img,.garage-clothing-cards .garment-thumbnail{height:64px}.garage-clothing-cards strong{font-size:12px}}.garage-clothing-cards .garage-shoe-thumbnail{display:block;width:100%;height:80px;overflow:hidden}.garage-style-options .garage-shoe-thumbnail{display:block;width:100%;height:64px;overflow:hidden}@media(max-width:480px){.garage-clothing-cards .garage-shoe-thumbnail{height:64px}}