@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f6f5f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0b0d10;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:#0b0d10;width:100%;min-height:100%;overflow-x:hidden}body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #ffd447}::selection{color:#fff;background:#e32636}.share-editor-page{min-height:calc(100dvh - 110px)}.share-editor-toolbar{grid-template-columns:150px 1fr auto;align-items:end;gap:18px;margin-bottom:16px;display:grid}.share-editor-toolbar .text-button{justify-content:flex-start}.share-editor-toolbar h2{font:700 34px var(--condensed);text-transform:uppercase;margin:2px 0 0}.share-editor-toolbar small{color:var(--green);font:700 7px var(--condensed);letter-spacing:.12em}.toolbar-actions{align-items:center;gap:7px;display:flex}.toolbar-actions svg,.share-editor-toolbar .text-button svg{width:14px}.editor-icon-button{border:1px solid var(--line);color:#cbd0d7;cursor:pointer;background:#13171c;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.editor-icon-button svg{width:15px}.editor-icon-button:disabled{opacity:.35;cursor:not-allowed}.share-editor-layout{grid-template-columns:330px minmax(0,1fr);gap:12px;min-height:720px;display:grid}.studio-side{border:1px solid var(--line);background:#101317;border-radius:12px;flex-direction:column;align-self:start;max-height:calc(100dvh - 145px);display:flex;overflow:hidden}.studio-side-head{display:none}.studio-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid}.studio-tabs button{height:42px;color:var(--muted);font:700 8px var(--condensed);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;display:flex}.studio-tabs button svg{width:13px}.studio-tabs button.active{background:rgb(var(--accent-rgb)/.13);color:var(--text)}.studio-panel-content{overscroll-behavior:contain;padding:18px;overflow:auto}.panel-intro h3,.selected-card-heading h3{font:700 24px var(--condensed);text-transform:uppercase;margin:3px 0}.panel-intro>p:last-child{color:var(--muted);margin:6px 0 16px;font-size:9px;line-height:1.5}.control-label{color:#848c97;font:700 7px var(--condensed);letter-spacing:.13em;margin:20px 0 8px}.metric-picker{gap:6px;display:grid}.metric-picker>button{text-align:left;min-height:54px;color:var(--text);cursor:pointer;background:#15191e;border:1px solid #293039;border-radius:8px;grid-template-columns:1fr auto;align-items:center;padding:10px 11px;display:grid}.metric-picker b,.metric-picker small{display:block}.metric-picker b{font-size:10px}.metric-picker small{color:var(--muted);font:700 6px var(--condensed);letter-spacing:.08em;margin-top:4px}.metric-picker>button>span{width:25px;height:25px;color:var(--accent);background:#222830;border-radius:50%;place-items:center;display:grid}.metric-picker svg{width:12px}.selected-card-heading{justify-content:space-between;align-items:flex-start;display:flex}.selected-card-heading span{color:var(--green);font:700 6px var(--condensed);letter-spacing:.1em}.view-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.view-gallery>button{color:#9ba3ad;text-align:left;cursor:pointer;background:#0b0e11;border:1px solid #303741;border-radius:8px;min-width:0;padding:7px}.view-gallery>button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:#fff}.view-gallery>button>span{font:700 7px var(--condensed);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;display:block;overflow:hidden}.view-mini{color:#fff;--metric-accent:var(--accent);background:linear-gradient(145deg,#1b2026,#111418);border-radius:5px;align-content:center;place-items:center;height:73px;padding:9px;display:grid;overflow:hidden}.view-mini .widget-value{font-size:19px}.view-mini .widget-ring{width:49px;height:49px}.view-mini .widget-gauge{width:58px}.view-mini .widget-detail,.view-mini .widget-source,.view-mini .widget-status{font-size:5px}.action-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.action-grid button,.selected-actions button{color:#c0c6ce;min-height:36px;font:700 7px var(--condensed);letter-spacing:.06em;cursor:pointer;background:#15191e;border:1px solid #303741;border-radius:6px;justify-content:center;align-items:center;gap:5px;display:flex}.action-grid svg,.selected-actions svg{width:12px}.nudge-pad{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,38px);justify-content:center;margin:10px 0;display:grid}.nudge-pad button{color:#aeb5be;background:#15191e;border:1px solid #303741;place-items:center;display:grid}.nudge-pad button:first-child{grid-column:2}.nudge-pad button:nth-child(2){grid-area:2/1}.nudge-pad span{color:var(--muted);font:700 7px var(--condensed);grid-area:2/2;place-items:center;display:grid}.nudge-pad button:nth-child(4){grid-area:2/3}.nudge-pad button:nth-child(5){grid-area:3/2}.nudge-pad svg{width:12px}.nudge-pad .flip{transform:rotate(180deg)}.metric-size-controls{background:#0b0e11;border:1px solid #303741;border-radius:8px;gap:10px;padding:11px;display:grid}.metric-size-controls label{color:var(--muted);font:700 7px var(--condensed);letter-spacing:.08em;gap:7px;display:grid}.metric-size-controls label>span{justify-content:space-between;align-items:center;display:flex}.metric-size-controls b{color:var(--text);font-size:8px}.metric-size-controls input{width:100%;height:26px;accent-color:var(--accent);touch-action:pan-x}.selected-actions{grid-template-columns:1fr 1fr 1fr;gap:5px;display:grid}.selected-actions .danger{color:#ff7882}.check-row{color:#aeb5be;cursor:pointer;align-items:center;gap:8px;margin:10px 0;font-size:9px;display:flex}.check-row input{opacity:0;position:absolute}.check-row>span{background:#343b44;border-radius:99px;flex:none;width:27px;height:16px;position:relative}.check-row>span:after{content:"";background:#929aa5;border-radius:50%;width:10px;height:10px;transition:all .15s;position:absolute;top:3px;left:3px}.check-row input:checked+span{background:rgb(var(--accent-rgb)/.55)}.check-row input:checked+span:after{background:#fff;left:14px}.template-list{gap:6px;display:grid}.template-list>button{min-height:55px;color:var(--text);text-align:left;cursor:pointer;background:#15191e;border:1px solid #293039;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.template-list>button.active{border-color:var(--accent)}.template-list>button>span{width:30px;height:30px;color:var(--accent);background:rgb(var(--accent-rgb)/.12);border-radius:6px;place-items:center;display:grid}.template-list svg{width:13px}.template-list b,.template-list small{display:block}.template-list b{font-size:9px}.template-list small{color:var(--muted);margin-top:3px;font-size:7px}.template-list .right-arrow{color:var(--muted);transform:rotate(90deg)}.save-template-button,.reset-template-button,.upload-photo-button{color:#c5cbd3;width:100%;min-height:40px;font:700 8px var(--condensed);letter-spacing:.08em;cursor:pointer;background:#12161a;border:1px dashed #3b444f;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.save-template-button svg,.reset-template-button svg,.upload-photo-button svg{width:14px}.reset-template-button{color:#ff9aa2;border-style:solid}.format-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.format-grid button{min-height:50px;color:var(--muted);cursor:pointer;background:#14181c;border:1px solid #303741;border-radius:6px;padding:7px 3px}.format-grid button.active{border-color:var(--accent);color:#fff}.format-grid b,.format-grid small{font:700 7px var(--condensed);display:block}.format-grid small{margin-top:4px;font-size:5px}.background-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.background-chip{aspect-ratio:1;color:#fff;cursor:pointer;text-transform:capitalize;border:2px solid #0000;border-radius:7px;position:relative;overflow:hidden}.background-chip.active{border-color:#fff}.background-chip span{font:700 5px var(--condensed);text-shadow:0 1px 4px #000;position:absolute;inset:auto 3px 3px}.background-chip.race{background:linear-gradient(145deg,#050607,#b31725)}.background-chip.carbon{background:repeating-linear-gradient(45deg,#242a31 0 4px,#101317 4px 8px)}.background-chip.black{background:#030405}.background-chip.space{background:url(/share-space.webp) 50%/cover}.background-chip.motorsport{background:url(/share-motorsport.webp) 50%/cover}.background-chip.solid{background:#20252b}.background-chip.gradient{background:linear-gradient(145deg,#16233d,#c02432)}.background-chip.upload{background:#1a2026;place-items:center;display:grid}.background-chip.upload svg{width:15px}.color-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;display:grid}.color-grid label,.full-color{color:var(--muted);font:700 6px var(--condensed);letter-spacing:.08em}.color-grid input[type=color],.full-color input[type=color]{background:#0d1013;border:1px solid #3a424c;border-radius:5px;width:100%;height:30px;margin-top:5px;padding:2px;display:block}.full-color{margin-top:10px;display:block}.range-stack{gap:9px;margin:12px 0;display:grid}.range-stack label{color:var(--muted);font:700 6px var(--condensed);letter-spacing:.08em;grid-template-columns:75px 1fr;align-items:center;display:grid}.range-stack input{width:100%;accent-color:var(--accent)}.appearance-controls .segmented{margin:12px 0}.editor-stage{border:1px solid var(--line);background:#07090b;border-radius:12px;flex-direction:column;align-items:center;min-width:0;min-height:720px;padding:14px 24px 22px;display:flex;overflow:auto}.stage-topline{color:#a8afb8;width:100%;font:700 7px var(--condensed);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stage-topline small{color:#606873;margin-left:8px}.mobile-customize{display:none}.canvas-viewport{flex:none;position:relative}.canvas-shell{transform-origin:0 0;position:absolute;inset:0 auto auto 0;box-shadow:0 28px 80px #00000073}.editor-canvas{--editor-accent:#e32636;isolation:isolate;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--editor-accent) 48%,transparent),transparent 35%),linear-gradient(140deg,#070809 10%,#2b070a 55%,#0a0c0e);-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden}.editor-canvas.background-carbon{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--editor-accent) 25%,transparent),transparent 39%),repeating-linear-gradient(45deg,#20242a 0 4px,#0c0e11 4px 8px)}.editor-canvas.background-black{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--editor-accent) 16%,transparent),transparent 38%),#050607}.editor-canvas.background-solid{background:var(--solid-bg)}.editor-canvas.background-gradient{background:linear-gradient(145deg,var(--gradient-a),var(--gradient-b))}.editor-canvas.background-space,.editor-canvas.background-motorsport,.editor-canvas.background-upload{background:#06080b}.editor-photo{z-index:-5;transform-origin:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px}.editor-photo-overlay{z-index:-4;position:absolute;inset:0}.editor-track-lines{z-index:-3;background:repeating-linear-gradient(122deg,#0000 0 40px,#ffffff06 40px 42px);position:absolute;inset:-10%;transform:skew(-10deg)}.canvas-header{z-index:80;pointer-events:none;position:absolute;top:5%;left:6%;right:6%}.canvas-brand{font:700 12px var(--condensed);letter-spacing:.17em;align-items:center;gap:6px;display:flex}.canvas-brand img{object-fit:contain;filter:brightness(0)invert();width:21px;height:21px}.canvas-header>span{color:#aeb4bc;font:700 6px var(--condensed);letter-spacing:.13em;margin-top:8px;display:block}.canvas-header h3{font:700 13px var(--condensed);letter-spacing:.07em;margin:2px 0 0}.canvas-metric{--metric-bg:#0c0e11;--metric-opacity:34%;--metric-accent:#e32636;border-radius:var(--metric-radius);box-shadow:0 10px var(--metric-shadow) #00000059;cursor:grab;border:1px solid #ffffff29;flex-direction:column;justify-content:center;padding:clamp(8px,2.4%,15px);display:flex;position:absolute;overflow:hidden;transform:translateZ(0);container-type:size}.canvas-metric.gesture-active{will-change:left,top,width,height;transition:left 45ms cubic-bezier(.2,.75,.25,1),top 45ms cubic-bezier(.2,.75,.25,1),width 45ms cubic-bezier(.2,.75,.25,1),height 45ms cubic-bezier(.2,.75,.25,1)}.canvas-metric.treatment-glass{background:color-mix(in srgb,var(--metric-bg) var(--metric-opacity),transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-metric.treatment-solid{background:color-mix(in srgb,var(--metric-bg) var(--metric-opacity),#08090b)}.canvas-metric:active{cursor:grabbing}.canvas-metric.selected{outline:2px solid var(--metric-accent);outline-offset:2px}.canvas-metric.locked{cursor:default}.canvas-metric-label{color:color-mix(in srgb,currentColor 68%,transparent);font:700 clamp(6px,5cqw,10px) var(--condensed);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;display:block;overflow:hidden}.metric-visual{flex:1;align-content:center;min-height:0;display:grid;position:relative}.widget-value{font:800 clamp(20px,18cqw,60px)/.9 var(--condensed);letter-spacing:-.03em;white-space:nowrap}.widget-value.minimal{font-size:clamp(26px,25cqw,78px)}.widget-value small{letter-spacing:.06em;color:color-mix(in srgb,currentColor 65%,transparent);margin-left:3px;font-size:.25em}.widget-detail,.widget-source,.widget-status,.widget-change{font-style:normal;font:700 clamp(5px,4cqw,8px) var(--condensed);letter-spacing:.09em;color:color-mix(in srgb,currentColor 62%,transparent);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;display:block;overflow:hidden}.widget-source{color:var(--metric-accent);font-size:clamp(4px,3cqw,6px)}.widget-status{color:color-mix(in srgb,var(--metric-accent) 54%,white)}.widget-status i{background:var(--metric-accent);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.widget-change{color:var(--metric-accent);font-size:clamp(8px,8cqw,15px)}.widget-change span{color:color-mix(in srgb,currentColor 60%,transparent);font-size:.55em}.widget-bar{background:#ffffff24;border-radius:99px;height:clamp(4px,4cqh,9px);margin-top:12px;overflow:hidden}.widget-bar i{background:var(--metric-accent);border-radius:inherit;height:100%;display:block}.editor-spark{width:100%;height:45%;min-height:22px;margin-top:5px;overflow:visible}.editor-spark polyline{fill:none;stroke:var(--metric-accent);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.widget-ring{--progress:280deg;background:conic-gradient(var(--metric-accent) var(--progress),#ffffff21 0);border-radius:50%;place-items:center;width:min(70cqw,70cqh);max-width:130px;height:min(70cqw,70cqh);max-height:130px;margin:auto;display:grid;position:relative}.widget-ring:after{content:"";background:color-mix(in srgb,var(--metric-bg) 88%,#0a0c0f);border-radius:50%;position:absolute;inset:8%}.widget-ring>div{z-index:1;text-align:center;position:relative}.widget-ring b{font:800 clamp(19px,25cqw,52px)/1 var(--condensed)}.widget-ring small{font:700 .3em var(--condensed);margin-left:2px}.widget-gauge{place-items:end center;width:min(82cqw,160px);height:min(58cqh,90px);margin:auto;display:grid;position:relative;overflow:hidden}.widget-gauge>div{aspect-ratio:2;background:conic-gradient(from 270deg at 50% 100%,var(--metric-accent) 0 calc(var(--progress)/2),#ffffff21 0 50%,transparent 0);border-radius:999px 999px 0 0;width:100%;position:absolute}.widget-gauge b{z-index:1;font:800 clamp(20px,20cqw,48px)/1 var(--condensed);position:relative}.widget-gauge small{margin-left:2px;font-size:.25em}.resize-handle{background:var(--metric-accent);color:#fff;cursor:nwse-resize;touch-action:none;border:0;border-radius:10px;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:3px;right:3px;box-shadow:0 5px 18px #00000059}.resize-handle svg{width:25px;height:25px}.locked-indicator{width:11px;color:var(--metric-accent);position:absolute;top:6px;right:6px}.safe-area{z-index:90;pointer-events:none;border:1px dashed #ffffff47;position:absolute;inset:5.5%}.format-story .safe-area{inset:10% 6%}.safe-area span{color:#ffffff59;font:700 5px var(--condensed);letter-spacing:.1em;position:absolute;top:2px;right:3px}.canvas-footer{z-index:85;color:#a1a7af;font:700 5.5px var(--condensed);letter-spacing:.1em;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:3.8%;left:6%;right:6%}.canvas-cobrand{align-items:center;gap:5px;height:12px;display:flex}.canvas-cobrand img:first-child{object-fit:contain;filter:brightness(0)invert();width:14px;height:12px}.canvas-cobrand img:last-child{object-fit:contain;width:48px;max-height:10px}.canvas-cobrand b{color:#fff;font-size:7px}.stage-tip{color:var(--muted);align-items:center;gap:6px;margin:12px 0 0;font-size:8px;display:flex}.stage-tip svg{width:12px}.control-error{color:#ff7580;font-size:8px}.preview-overlay{z-index:200;padding:max(50px,var(--safe-top)) max(18px,var(--safe-right)) max(24px,var(--safe-bottom)) max(18px,var(--safe-left));background:#030405f5;place-items:center;display:grid;position:fixed;inset:0}.preview-overlay>button{right:max(20px,var(--safe-right));top:max(20px,var(--safe-top));color:#fff;height:40px;font:700 8px var(--condensed);background:#13171c;border:1px solid #3a424c;border-radius:7px;align-items:center;gap:6px;padding:0 13px;display:flex;position:absolute}.preview-overlay svg{width:13px}.preview-clone{max-width:90vw;height:min(80dvh,700px);color:var(--muted);text-align:center;background:linear-gradient(145deg,#1b080b,#050607);border:1px solid #343b44;place-items:center;padding:20px;display:grid;box-shadow:0 25px 90px #000}.preview-clone p{max-width:200px;font-size:10px;line-height:1.5}@media (width<=1050px){.share-editor-toolbar{grid-template-columns:100px 1fr}.toolbar-actions{grid-column:1/-1;justify-content:flex-end}.share-editor-layout{grid-template-columns:290px minmax(0,1fr)}}@media (width<=820px){.share-editor-page{padding-bottom:20px}.share-editor-toolbar{grid-template-columns:1fr auto;align-items:center}.share-editor-toolbar>div:nth-child(2){display:block}.share-editor-toolbar h2{font-size:24px}.share-editor-toolbar .text-button{grid-column:1/-1}.toolbar-actions .secondary-button{display:none}.share-editor-layout{min-height:0;display:block}.studio-side{z-index:120;left:var(--safe-left);right:var(--safe-right);border-radius:16px 16px 0 0;max-height:76dvh;transition:all .24s cubic-bezier(.2,.75,.25,1);position:fixed;bottom:0;transform:translateY(105%);box-shadow:0 -22px 70px #0000008c}.studio-side.open{transform:none}.studio-side-head{border-bottom:1px solid var(--line);height:44px;font:700 9px var(--condensed);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.studio-side-head button{width:34px;height:34px;color:var(--muted);background:0 0;border:0}.studio-side-head svg{width:16px}.studio-panel-content{padding-bottom:max(28px,var(--safe-bottom))}.editor-stage{min-height:0;padding:12px 8px 18px;overflow:hidden}.mobile-customize{color:#d5dae0;min-height:36px;font:700 7px var(--condensed);touch-action:manipulation;background:#15191e;border:1px solid #343b44;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;display:flex}.mobile-customize svg{width:12px}.stage-tip{display:none}}@media (width<=560px){.share-editor-toolbar h2{font-size:20px}.share-editor-toolbar>div:nth-child(2) small{display:none}.toolbar-actions{justify-content:stretch}.toolbar-actions .editor-icon-button{flex:0 0 38px}.toolbar-actions .primary-button{flex:1}.stage-topline{padding:0 5px}.view-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-actions{grid-template-columns:1fr}.format-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.studio-side{transition:none}}.preview-clone{color:inherit;text-align:initial;background:#050607;padding:0;overflow:hidden}.preview-clone img{object-fit:contain;width:100%;height:100%;display:block}.widget-gauge>div{background:conic-gradient(from 270deg at 50% 100%,var(--metric-accent) 0 var(--progress),#ffffff21 0 180deg,transparent 0)}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bg:#0b0d10;--surface:#15181d;--surface2:#1c2026;--surface3:#22262d;--accent:#e32636;--accent-rgb:227 38 54;--accent2:#ffd447;--accent2-rgb:255 212 71;--red:var(--accent);--yellow:var(--accent2);--green:#41d37e;--text:#f6f5f1;--muted:#969da8;--line:#2a2f37;--condensed:"Barlow Condensed", Arial, sans-serif}.app-shell{background:radial-gradient(circle at 86% 0, rgb(var(--accent-rgb) / .12), transparent 27%), var(--bg);width:100%;min-height:100dvh;color:var(--text);overflow-x:clip}.app-shell[data-theme=papaya]{--accent:#ff8000;--accent-rgb:255 128 0;--accent2:#47c7ff;--accent2-rgb:71 199 255}.app-shell[data-theme=silver]{--accent:#00d2be;--accent-rgb:0 210 190;--accent2:#d7dbe0;--accent2-rgb:215 219 224}.app-shell[data-theme=royal]{--accent:#2f6bff;--accent-rgb:47 107 255;--accent2:#ff3158;--accent2-rgb:255 49 88}.app-shell[data-theme=green]{--accent:#00a884;--accent-rgb:0 168 132;--accent2:#c6ff33;--accent2-rgb:198 255 51}.side-rail{border-right:1px solid var(--line);z-index:30;background:#0b0d10f7;flex-direction:column;width:228px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;padding:0 8px 34px;display:grid}.brand-mark{object-fit:contain;width:34px;height:34px;display:block}.brand b{font:700 21px var(--condensed);letter-spacing:.22em}.brand small{color:var(--muted);font:600 8px var(--condensed);letter-spacing:.25em;grid-column:2}.side-rail nav{gap:5px;display:grid}.nav-link{height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:14px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.nav-link:hover,.nav-link.active{color:var(--text);background:linear-gradient(90deg, rgb(var(--accent-rgb) / .16), transparent);border-left-color:var(--red)}.rail-status{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:20px 10px 0;display:flex}.rail-status>span{background:var(--yellow);width:8px;height:8px;box-shadow:0 0 12px rgb(var(--accent2-rgb) / .4);border-radius:50%}.rail-status b,.rail-status small{display:block}.rail-build{color:#69717d;font:700 8px var(--condensed);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:12px 10px 0;display:flex}.rail-build small{font:inherit;letter-spacing:.08em}.rail-status b{font:700 9px var(--condensed);letter-spacing:.18em}.rail-status small{color:var(--muted);margin-top:2px;font-size:9px}.main-content{min-height:100vh;margin-left:228px;padding:0 42px 80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;margin-bottom:28px;display:flex}.eyebrow,.overline{font:700 11px var(--condensed);letter-spacing:.17em;color:var(--muted);text-transform:uppercase;margin:0 0 7px}.topbar h1{letter-spacing:-.03em;margin:0;font-size:23px}.top-actions{align-items:center;gap:16px;display:flex}.build-badge{border:1px solid rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .1);color:var(--accent);font:800 9px var(--condensed);letter-spacing:.14em;border-radius:4px;padding:5px 7px}.demo-badge{font:700 10px var(--condensed);letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:9px 11px}.demo-badge span{background:var(--yellow);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.avatar{background:var(--surface2);cursor:pointer;border:1px solid #3a4049;border-radius:50%;width:39px;height:39px;font-weight:700}.mobile-menu{background:0 0;border:0;display:none}.page{max-width:1220px;margin:auto;animation:.25s ease-out appear}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-card{background:linear-gradient(108deg,#171a1ffa 0 53%,#2a0e12f2),repeating-linear-gradient(120deg,#0000 0 20px,#ffffff05 20px 21px);border:1px solid #343941;border-radius:18px;grid-template-columns:1.4fr .8fr;min-height:365px;padding:44px 54px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";border:1px solid rgb(var(--accent-rgb) / .14);border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-100px}.hero-copy{z-index:2;position:relative}.readiness-pill{color:var(--green);font:700 10px var(--condensed);letter-spacing:.15em;background:#41d37e14;border:1px solid #41d37e66;border-radius:4px;align-items:center;margin-bottom:34px;padding:7px 10px;display:inline-flex}.readiness-pill i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px}.hero-copy h2{font:700 48px/1 var(--condensed);letter-spacing:-.025em;text-transform:uppercase;margin:10px 0 15px}.hero-description{color:#b9bec6;max-width:560px;font-size:14px;line-height:1.65}.hero-actions,.plans-toolbar>div:last-child,.recovery-toolbar>div:last-child,.studio-toolbar>div:last-child{gap:10px;display:flex}.hero-actions{margin:28px 0 24px}.primary-button,.secondary-button{min-height:45px;font:800 11px var(--condensed);letter-spacing:.13em;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.primary-button{border:1px solid var(--red);background:var(--red)}.primary-button:hover{background:#fa3142}.primary-button:disabled,.secondary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{background:0 0;border:1px solid #424852}.secondary-button:hover{background:#ffffff0d}.primary-button.small{min-height:38px;padding:0 15px}.green-button{background:var(--green);border-color:var(--green);color:#07110b}.workout-meta{color:var(--muted);font:600 10px var(--condensed);text-transform:uppercase;letter-spacing:.1em;gap:25px;display:flex}.workout-meta b{color:var(--text);margin-right:5px}.recovery-orbit{z-index:1;align-content:center;place-items:center;display:grid}.orbit-ring,.score-ring{background:conic-gradient(var(--green) 0 82%, #293038 82%);border-radius:50%;width:190px;height:190px;padding:13px;position:relative;transform:rotate(18deg);box-shadow:0 0 45px #41d37e14}.orbit-ring:after,.score-ring:after{content:"";background:#151a1c;border-radius:50%;position:absolute;inset:13px}.orbit-ring>div,.score-ring{place-content:center;display:grid}.orbit-ring>div{z-index:2;text-align:center;position:absolute;inset:0;transform:rotate(-18deg)}.orbit-ring strong,.score-ring strong{font:700 64px/1 var(--condensed)}.orbit-ring span,.score-ring span{font:700 9px var(--condensed);color:var(--muted);letter-spacing:.15em;margin-top:5px}.recovery-orbit>p{color:var(--muted);margin-top:16px;font-size:11px}.recovery-orbit>p b{color:var(--green)}.block{padding-top:34px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h3,.panel h3{font:600 23px var(--condensed);text-transform:uppercase;margin:0}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:inline-flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-card{background:linear-gradient(145deg, var(--surface), #111419);border:1px solid var(--line);border-radius:12px;min-height:162px;padding:19px;overflow:hidden}.metric-label{color:var(--muted);font:700 10px var(--condensed);text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;display:flex}.metric-value{font:700 39px var(--condensed);margin:17px 0 0}.metric-value small{font:600 12px var(--condensed);color:var(--muted);margin-left:4px}.metric-card>p{color:var(--muted);margin:0;font-size:10px}.metric-card.green .metric-value,.metric-card.green .metric-label svg{color:var(--green)}.metric-card.red .metric-value,.metric-card.red .metric-label svg{color:#ff6b76}.metric-card.yellow .metric-value,.metric-card.yellow .metric-label svg{color:var(--yellow)}.mini-spark{align-items:end;gap:4px;height:22px;margin-top:12px;display:flex}.mini-spark i{background:#343a43;border-radius:2px;width:13%}.mini-spark i:last-child{background:currentColor}.mini-spark.green{color:var(--green)}.mini-spark.red{color:var(--red)}.mini-spark.yellow{color:var(--yellow)}.lower-grid{grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.guidance{border-left:3px solid var(--green)}.guidance>p:not(.eyebrow){color:#adb3bd;max-width:650px;font-size:13px;line-height:1.65}.guidance>small{color:#696f78;margin-top:18px;font-size:9px;display:block}.panel-title{justify-content:space-between;display:flex}.panel-title h3{font-size:27px}.panel-title h3 small{color:var(--muted);font-size:10px}.panel-title>span{color:var(--green);font-size:10px}.bar-mini{align-items:end;gap:9px;height:75px;margin-top:12px;display:flex}.bar-mini i{background:#333840;border-radius:2px 2px 0 0;flex:1}.bar-mini .peak{background:var(--red)}.day-labels{color:#646a73;font:600 8px var(--condensed);justify-content:space-around;margin-top:5px;display:flex}.bottom-nav{display:none}.toast{z-index:80;background:#1b2025;border:1px solid #353c45;border-radius:7px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;right:22px;box-shadow:0 15px 45px #0006}.toast.success svg{color:var(--green)}.toast.error svg{color:#ff6774}.train-home,.plans-page,.recovery-page,.profile-page,.studio-page{padding-top:2px}.start-panel{text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#171a1f,#111418);border-radius:18px;max-width:680px;margin:8vh auto;padding:65px 30px}.start-panel h2{font:700 43px var(--condensed);text-transform:uppercase;margin:10px 0}.start-panel>p:not(.eyebrow){color:var(--muted);max-width:470px;margin:10px auto 25px;line-height:1.6}.start-icon{background:rgb(var(--accent-rgb) / .13);width:58px;height:58px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 25px;display:grid}.history-section{max-width:800px;margin:0 auto}.history-list{gap:7px;display:grid}.history-list article{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:28px;padding:15px 18px;display:grid}.history-list article div b,.history-list article div small{display:block}.history-list article div b{font-size:13px}.history-list article div small,.history-list article>span{color:var(--muted);margin-top:4px;font-size:10px}.live-workout{max-width:960px}.live-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.live-title{font:700 11px var(--condensed);letter-spacing:.14em}.live-dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 9px var(--red);border-radius:50%;margin-right:7px;display:inline-block}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid}.icon-button:hover{color:var(--text);background:#ffffff0d}.icon-button svg{width:16px}.live-card{background:linear-gradient(145deg, var(--surface), #111418);border:1px solid var(--line);border-radius:16px;padding:30px}.live-head{justify-content:space-between;align-items:start;display:flex}.live-head h2{font:700 40px/1 var(--condensed);text-transform:uppercase;margin:0}.live-head>div:first-child>p:last-child{color:var(--muted);margin-top:8px;font-size:11px}.workout-timer{text-align:right;font:700 27px var(--condensed);letter-spacing:.05em}.workout-timer small{color:var(--muted);font:700 9px var(--condensed);letter-spacing:.15em;margin-bottom:3px;display:block}.exercise-stepper{gap:6px;margin:30px 0;display:flex}.exercise-stepper button{cursor:pointer;background:#30363e;border:0;flex:1;height:3px;padding:0}.exercise-stepper button.done{background:#7c2a31}.exercise-stepper button.current{background:var(--red)}.previous-banner{color:var(--muted);background:#101317;border:1px solid #2c323a;border-radius:6px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex}.previous-banner b{color:var(--text);margin-left:auto}.set-list{gap:7px;margin-top:16px;display:grid}.set-row{background:#1d2127;border-radius:5px;grid-template-columns:.45fr 1.35fr 1fr 1fr .5fr;align-items:center;gap:10px;padding:11px 15px;display:grid}.set-row.set-header{color:var(--muted);font:700 9px var(--condensed);letter-spacing:.1em;background:0 0;padding-block:4px}.set-row>span{color:#a5abb4;font-size:11px}.set-row input{color:#fff;text-align:center;background:#0e1114;border:1px solid #343a43;border-radius:4px;width:100%;min-width:0;padding:10px}.complete-set{color:#535b65;cursor:pointer;background:0 0;border:1px solid #404751;border-radius:4px;place-items:center;height:38px;display:grid}.complete-set.checked{background:var(--green);border-color:var(--green);color:#08100b}.add-set{width:100%;height:42px;color:var(--muted);font:700 10px var(--condensed);letter-spacing:.12em;cursor:pointer;background:0 0;border:1px dashed #3b424c;border-radius:5px;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex}.set-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.add-set:disabled{opacity:.35;cursor:not-allowed}.notes{resize:vertical;color:#fff;background:#101317;border:1px solid #30363e;border-radius:5px;width:100%;min-height:65px;margin-top:16px;padding:12px}.live-footer{justify-content:space-between;margin-top:20px;display:flex}.workout-progress{color:var(--muted);font:700 9px var(--condensed);letter-spacing:.1em;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:15px 20px 0;display:grid}.workout-progress>div{background:#272d34;height:3px}.workout-progress i{background:var(--green);height:100%;display:block}.workout-progress b{color:var(--green)}.plans-toolbar,.recovery-toolbar{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.plans-toolbar h2,.recovery-toolbar h2,.studio-toolbar h2{font:700 36px var(--condensed);text-transform:uppercase;margin:0}.plans-layout{grid-template-columns:260px 1fr;gap:14px;display:grid}.plan-library{border:1px solid var(--line);background:#101317;border-radius:12px;align-self:start;padding:18px 10px}.plan-library>.eyebrow{padding:0 10px 8px}.plan-choice{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;padding:13px 11px;display:flex}.plan-choice:hover{background:#ffffff08}.plan-choice.active{background:rgb(var(--accent-rgb) / .11);border-color:rgb(var(--accent-rgb) / .28);color:var(--text)}.plan-choice b,.plan-choice small{display:block}.plan-choice b{font-size:12px}.plan-choice small{color:var(--muted);margin-top:4px;font-size:8px}.plan-choice>span{font:700 9px var(--condensed);color:#626974}.plan-editor{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.editor-head{background:linear-gradient(120deg, #181c21, rgb(var(--accent-rgb) / .13));justify-content:space-between;padding:26px;display:flex}.editor-head h2{font:700 38px var(--condensed);text-transform:uppercase;margin:0}.editor-head>div>p:not(.eyebrow){color:var(--muted);font-size:11px}.tag-row{gap:6px;margin-top:12px;display:flex}.tag-row span,.optional{font:700 8px var(--condensed);letter-spacing:.1em;color:#b4bac3;border:1px solid #3a414a;border-radius:99px;padding:5px 8px}.editor-menu{gap:5px;display:flex}.title-input{border:1px solid var(--red);color:#fff;font:700 33px var(--condensed);text-transform:uppercase;background:#0e1114;max-width:520px;padding:5px 9px;display:block}.week-strip{border-block:1px solid var(--line);background:#111419;gap:7px;padding:14px 20px;display:flex}.week{border:1px solid var(--line);color:var(--muted);text-align:left;background:0 0;border-radius:6px;min-width:100px;padding:9px 15px}.week span,.week b{font-family:var(--condensed);display:block}.week span{letter-spacing:.13em;font-size:8px}.week b{margin-top:3px;font-size:11px}.week.active{color:var(--text);border-color:var(--red);box-shadow:inset 0 -2px var(--red)}.week.add{align-items:center;gap:5px;font-size:9px;display:flex}.week.add svg{width:13px}.day-editor{padding:22px 26px}.day-head{justify-content:space-between;align-items:center;display:flex}.day-head h3{font:700 25px var(--condensed);text-transform:uppercase;margin:0}.exercise-list{gap:6px;margin-top:18px;display:grid}.exercise-list article{background:#1b1f25;border:1px solid #292f37;border-radius:6px;align-items:center;gap:13px;padding:11px 12px;display:flex}.drag{color:#545c66}.exercise-number{font:700 12px var(--condensed);color:var(--red)}.exercise-list article>div{flex:1}.exercise-list b,.exercise-list small{display:block}.exercise-list b{font-size:12px}.exercise-list small{color:var(--muted);margin-top:3px;font-size:9px}.add-exercise{width:100%;height:44px;color:var(--muted);font:700 10px var(--condensed);letter-spacing:.12em;cursor:pointer;background:0 0;border:1px dashed #3c434d;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin-top:9px;display:flex}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:15px 26px;display:flex}.recovery-hero{border:1px solid var(--line);background:linear-gradient(115deg,#161a1e,#101315 60%,#18251e);border-radius:16px;grid-template-columns:230px 1fr 270px;align-items:center;gap:28px;padding:32px;display:grid}.large-score{place-items:center;display:grid}.score-ring{padding:0;position:relative;transform:none}.score-ring strong,.score-ring span{z-index:2;text-align:center;position:relative}.score-ring strong{color:var(--green)}.recovery-message h2{font:700 37px var(--condensed);text-transform:uppercase;margin:4px 0 8px}.recovery-message>p{color:#aeb4bc;font-size:12px;line-height:1.6}.recovery-message>small{color:#626a72;margin-top:16px;font-size:8px;display:block}.baseline-list{gap:8px;display:grid}.baseline-list>div{background:#00000038;border:1px solid #2d3731;border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.baseline-list span{font:700 9px var(--condensed);letter-spacing:.11em;color:var(--muted)}.baseline-list b{font:700 17px var(--condensed)}.baseline-list b small{color:var(--muted);font-size:8px}.baseline-list em{color:var(--green);font-size:9px;font-style:normal}.recovery-grid{grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px;display:grid}.green-text{color:var(--green);font:700 9px var(--condensed);letter-spacing:.1em}.line-chart{height:176px}.line-chart svg{width:100%;height:135px;overflow:visible}.line-chart>div{color:#6f767f;font:600 8px var(--condensed);justify-content:space-between;display:flex}.line-chart>div span{text-align:center;gap:4px;display:grid}.line-chart>div b{color:#a5abb4;font-size:9px}.sleep-score{justify-content:space-between;align-items:end;margin-top:17px;display:flex}.sleep-score b{font:700 45px var(--condensed)}.sleep-score span{font:700 9px var(--condensed);color:var(--green);letter-spacing:.12em}.sleep-bar{background:#2b3138;height:5px;margin:18px 0}.sleep-bar i{background:linear-gradient(90deg, var(--red), var(--yellow), var(--green));height:100%;display:block}.sleep-times{justify-content:space-between;display:flex}.sleep-times span{font:700 13px var(--condensed)}.sleep-times small{color:var(--muted);letter-spacing:.1em;font-size:8px;display:block}.connection-card{background:#14181c;border:1px solid #343a43;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:12px;padding:22px 25px;display:grid}.connection-icon{background:rgb(var(--accent2-rgb) / .1);width:45px;height:45px;color:var(--yellow);border-radius:50%;place-items:center;display:grid}.connection-card h3{font:600 19px var(--condensed);text-transform:uppercase;margin:0}.connection-card p:not(.eyebrow){color:var(--muted);margin-top:4px;font-size:10px}.studio-page{max-width:1350px}.studio-toolbar{grid-template-columns:160px 1fr auto;align-items:end;margin-bottom:20px;display:grid}.text-button.back svg{width:15px}.studio-layout{grid-template-columns:260px 1fr;gap:14px;display:grid}.studio-controls{border:1px solid var(--line);background:#111419;border-radius:12px;align-self:start;padding:18px}.studio-controls section{border-bottom:1px solid var(--line);padding:14px 0}.segmented{background:#0b0d10;border:1px solid #30363e;border-radius:5px;padding:3px;display:flex}.segmented button{height:32px;color:var(--muted);font:700 9px var(--condensed);letter-spacing:.1em;background:0 0;border:0;border-radius:3px;flex:1}.segmented button.active{color:var(--text);background:#2a3037}.segmented.compact{width:210px}.accent-row{gap:8px;display:flex}.background-choices{grid-template-columns:repeat(3,46px);gap:8px;display:grid}.background-choices button{cursor:pointer;border:2px solid #0000;border-radius:5px;width:46px;height:50px}.background-choices button.active{border-color:#fff}.bg-red{background:linear-gradient(145deg,#16080a,#e32636)}.bg-carbon{background:repeating-linear-gradient(45deg,#252a31,#252a31 3px,#121519 3px 6px)}.bg-black{background:#050607}.bg-space{background:linear-gradient(#0608101a,#06081080),url(/share-space.webp) 50%/cover}.bg-motorsport{background:linear-gradient(#06080a14,#06080a8c),url(/share-motorsport.webp) 50%/cover}.bg-upload{color:var(--muted);background:#1b2026;place-items:center;display:grid}.bg-upload svg{width:16px}.photo-upload-button{color:#c8cdd4;width:100%;min-height:34px;font:700 8px var(--condensed);letter-spacing:.12em;cursor:pointer;background:#171b20;border:1px dashed #3a424c;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex}.photo-upload-button:hover{border-color:var(--red);color:#fff}.photo-file-name,.control-error{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:8px;line-height:1.35}.control-error{color:#ff7b86}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.photo-controls label{color:var(--muted);font:600 8px var(--condensed);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:62px 1fr;align-items:center;gap:8px;margin:9px 0;display:grid}.photo-controls input[type=range]{width:100%;accent-color:var(--red);display:block}.accent-row button{cursor:pointer;border:3px solid #111419;border-radius:50%;outline:1px solid #3c434c;width:29px;height:29px}.accent-row button.active{outline:2px solid #fff}.privacy-controls label{color:#aeb4bd;align-items:center;gap:9px;margin:11px 0;font-size:11px;display:flex}.privacy-controls label input{display:none}.privacy-controls label span{background:#30363e;border-radius:99px;width:30px;height:17px;position:relative}.privacy-controls label span:after{content:"";background:#8f969f;border-radius:50%;width:11px;height:11px;transition:all .15s;position:absolute;top:3px;left:3px}.privacy-controls label input:checked+span{background:rgb(var(--accent-rgb) / .5)}.privacy-controls label input:checked+span:after{background:#fff;left:16px}.privacy-note{color:var(--green);gap:10px;padding-top:16px;display:flex}.privacy-note svg{flex:none;width:18px}.privacy-note p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.privacy-note b{color:#cbd1d8}.card-stage{border:1px solid var(--line);background:#08090b;border-radius:12px;justify-items:center;padding:25px;display:grid;overflow:auto}.share-card{--share-accent:#e32636;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--share-accent) 52%, transparent), transparent 34%), linear-gradient(140deg, #070809 10%, #2b070a 55%, #0a0c0e);color:#fff;isolation:isolate;flex-direction:column;width:432px;height:540px;padding:29px;display:flex;position:relative;overflow:hidden}.share-card.background-carbon{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--share-accent) 28%, transparent), transparent 38%), repeating-linear-gradient(45deg, #20242a, #20242a 4px, #0c0e11 4px, #0c0e11 8px)}.share-card.background-black{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--share-accent) 18%, transparent), transparent 38%), #050607}.share-photo{z-index:-3;transform-origin:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-18px}.share-photo-shade{z-index:-2;position:absolute;inset:0}.share-card.background-space,.share-card.background-motorsport,.share-card.background-upload{background:#06080b}.share-card.story{width:338px;height:600px;padding:26px}.track-lines{z-index:-1;background:repeating-linear-gradient(122deg,#0000 0 40px,#ffffff06 40px 42px);position:absolute;inset:-10%;transform:skew(-10deg)}.share-top{position:relative}.share-logo{font:700 13px var(--condensed);letter-spacing:.18em;align-items:center;gap:7px;display:flex}.share-logo img{border-radius:5px;width:23px;height:23px}.share-top>p{font:700 7px var(--condensed);color:#aeb2b9;letter-spacing:.15em;margin:13px 0 2px}.share-top h3{font:700 16px var(--condensed);letter-spacing:.08em;margin:0}.share-score{place-items:center;margin:28px auto 18px;display:grid}.share-score>div{border:9px solid color-mix(in srgb, var(--share-accent) 92%, white);width:155px;height:155px;box-shadow:0 0 50px color-mix(in srgb, var(--share-accent) 40%, transparent);text-align:center;border-radius:50%;place-content:center;display:grid}.share-score strong{font:800 70px/1 var(--condensed)}.share-score span{font:700 8px var(--condensed);letter-spacing:.18em}.share-score p{font:700 8px var(--condensed);letter-spacing:.18em;margin-top:12px}.share-metrics{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.share-metrics article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e11ba;border:1px solid #ffffff21;border-radius:7px;padding:11px 8px}.light-cards .share-metrics article{color:#0b0d10;background:#f6f5f1e6}.share-metrics span,.share-metrics em{font:700 6px var(--condensed);letter-spacing:.12em;color:#b1b7c0;display:block}.share-metrics b{font:700 23px var(--condensed);margin:6px 0;display:block}.share-metrics b small{margin-left:2px;font-size:7px}.share-metrics em{color:color-mix(in srgb, var(--share-accent) 50%, white);font-style:normal}.share-bottom{color:#9399a1;font:600 6px var(--condensed);letter-spacing:.12em;justify-content:space-between;margin-top:auto;display:flex}.share-bottom p{margin:0}.preview-caption{color:var(--muted);margin:11px 0 0;font-size:9px}.share-card.story .share-score{margin-top:50px}.share-card.story .share-metrics{grid-template-columns:repeat(2,1fr)}.profile-hero{background:linear-gradient(120deg, #181b20, rgb(var(--accent-rgb) / .14));border:1px solid var(--line);border-radius:14px;align-items:center;gap:20px;margin-bottom:12px;padding:28px;display:flex}.profile-avatar{background:var(--red);width:74px;height:74px;font:800 32px var(--condensed);border-radius:50%;place-items:center;display:grid}.profile-hero h2{font:700 34px var(--condensed);text-transform:uppercase;margin:0}.profile-hero>div:last-child>p:last-child{color:var(--muted);max-width:620px;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-title{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding-bottom:17px;display:flex}.settings-title>svg{color:var(--red)}.settings-title h3{margin:0}.settings-title p{color:var(--muted);margin:3px 0 0;font-size:10px}.setting-row{border-bottom:1px solid #252a31;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:12px}.setting-row small{color:var(--muted);margin-top:3px;font-size:9px}.system-label{font:700 8px var(--condensed);letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:5px 7px}.settings-action{text-align:left;color:#c5cad1;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #252a31;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:15px 0;display:grid}.settings-action>svg:first-child{color:var(--green)}.settings-action.danger>svg:first-child{color:#ff6471}.settings-action span b,.settings-action span small{display:block}.settings-action span b{font-size:11px}.settings-action span small{color:var(--muted);margin-top:3px;font-size:8px}.disconnected{background:#101317;border:1px solid #2e343c;border-radius:6px;align-items:center;gap:10px;margin:16px 0;padding:13px;display:flex}.disconnected>span{background:var(--yellow);border-radius:50%;width:7px;height:7px}.disconnected.connected>span{background:var(--green)}.disconnected b,.disconnected small{display:block}.disconnected b{font-size:11px}.disconnected small{color:var(--muted);margin-top:3px;font-size:8px}.whoop-settings .primary-button{width:100%}.stats-settings>div{grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.stats-settings>div span{color:var(--muted);font-size:9px;display:grid}.stats-settings>div b{font:700 35px var(--condensed);color:var(--text)}.privacy-footer{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:20px 0;font-size:9px;display:flex}.footer-build{color:#69717d;font:700 8px var(--condensed);letter-spacing:.12em;margin-left:auto}.privacy-footer svg{color:var(--green)}.privacy-footer a{color:var(--yellow);text-underline-offset:3px}@media (width<=1050px){.main-content{padding-inline:26px}.hero-card{padding:36px}.recovery-hero{grid-template-columns:210px 1fr}.baseline-list{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.plans-layout,.studio-layout{grid-template-columns:220px 1fr}.share-card{width:390px;height:488px}.share-card.story{width:300px;height:533px}}@media (width<=820px){.side-rail{width:min(280px,100vw - 52px);height:100dvh;padding-top:calc(18px + var(--safe-top));padding-bottom:max(18px, var(--safe-bottom));padding-left:max(18px, var(--safe-left));transition:all .22s;transform:translate(-100%)}.side-rail.open{transform:none}.main-content{width:100%;min-width:0;padding:0 max(16px, var(--safe-right)) calc(86px + var(--safe-bottom)) max(16px, var(--safe-left));margin-left:0}.mobile-menu{touch-action:manipulation;border-radius:9px;flex:0 0 44px;place-items:center;width:44px;height:44px;margin-right:2px;display:grid}.topbar{min-height:calc(76px + var(--safe-top));height:auto;padding-top:var(--safe-top);gap:8px;margin-bottom:18px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:18px}.demo-badge{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.lower-grid,.recovery-grid,.settings-grid{grid-template-columns:1fr}.bottom-nav{z-index:40;height:calc(68px + var(--safe-bottom));border-top:1px solid var(--line);padding:4px max(8px, var(--safe-right)) max(4px, var(--safe-bottom)) max(8px, var(--safe-left));background:#0b0d10fa;justify-content:center;gap:clamp(1px,1.8vw,10px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);font:600 9px var(--condensed);touch-action:manipulation;background:0 0;border:0;border-radius:9px;flex:1 1 0;place-items:center;gap:2px;width:auto;min-width:0;max-width:76px;min-height:52px;display:grid}.bottom-nav button.active{color:var(--text)}.bottom-nav button.active svg{color:var(--red)}.toast{bottom:calc(78px + var(--safe-bottom))}.plans-layout{grid-template-columns:1fr}.plan-library{gap:5px;display:flex;overflow:auto}.plan-library>.eyebrow{display:none}.plan-choice{min-width:190px}.studio-toolbar{grid-template-columns:1fr auto}.studio-toolbar>.back{grid-column:1/-1;justify-self:start;margin-bottom:8px}.studio-toolbar>div:nth-child(2){display:none}.studio-layout{grid-template-columns:1fr}.studio-controls{grid-template-columns:repeat(2,1fr);gap:0 18px;display:grid}.privacy-note{align-self:center}.card-stage{padding:16px}.share-card{width:360px;height:450px}.share-card.story{width:300px;height:533px}}@media (width<=560px){.topbar{gap:5px}.hero-card{min-height:0;padding:24px 20px;display:block}.hero-copy h2{font-size:40px}.recovery-orbit{opacity:.22;position:absolute;top:33px;right:-45px}.workout-meta{flex-wrap:wrap;gap:10px 17px}.hero-actions,.plans-toolbar>div:last-child,.recovery-toolbar>div:last-child,.studio-toolbar>div:last-child{display:grid}.hero-actions button{width:100%}.metric-card{min-height:138px;padding:15px}.metric-value{font-size:34px}.live-card{padding:19px 12px}.live-head{gap:17px;display:grid}.live-head h2{font-size:31px}.workout-timer{text-align:left}.set-row{grid-template-columns:.35fr .85fr .9fr .72fr .45fr;gap:5px;padding:9px 6px}.set-row>span{font-size:9px}.live-footer{gap:7px}.live-footer button{flex:1;padding:0 8px}.history-list article{grid-template-columns:1fr auto;gap:7px}.history-list article>svg{display:none}.plans-toolbar,.recovery-toolbar{align-items:start}.plans-toolbar h2,.recovery-toolbar h2{font-size:31px}.plans-toolbar .secondary-button{display:none}.editor-head{padding:20px 16px}.editor-head h2{font-size:30px}.editor-menu{display:grid}.day-editor{padding:18px 14px}.optional{display:none}.exercise-list article{gap:8px}.exercise-list article>.icon-button{display:none}.recovery-hero{grid-template-columns:1fr;padding:24px 18px}.recovery-message{text-align:center}.baseline-list{grid-column:auto;grid-template-columns:1fr}.connection-card{grid-template-columns:auto 1fr}.connection-card .primary-button{grid-column:1/-1}.studio-controls{grid-template-columns:1fr}.share-card{width:300px;height:375px;padding:19px}.share-card.story{width:270px;height:480px}.share-score{margin:15px auto 10px}.share-score>div{width:112px;height:112px}.share-score strong{font-size:51px}.share-metrics article{padding:8px 5px}.share-metrics b{font-size:18px}.share-card.story .share-score{margin-top:30px}.studio-toolbar{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.settings-grid{grid-template-columns:1fr}.setting-row{gap:12px;display:grid}.segmented.compact{width:100%}}.plans-count{color:var(--muted);font:700 10px var(--condensed);letter-spacing:.13em;margin:0 0 6px}.plan-entry-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.plan-entry-card{border:1px solid var(--line);min-height:178px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(135deg,#171b20,#101317);border-radius:13px;grid-template-columns:auto 1fr;gap:17px;padding:22px;transition:all .18s;display:grid}.plan-entry-card:hover{border-color:rgb(var(--accent-rgb) / .62);transform:translateY(-2px);box-shadow:0 14px 36px #00000038}.plan-entry-card.import-card{background:linear-gradient(135deg, rgb(var(--accent-rgb) / .16), #111419 52%)}.entry-icon{width:46px;height:46px;color:var(--accent);background:rgb(var(--accent-rgb) / .12);border:1px solid rgb(var(--accent-rgb) / .2);border-radius:10px;place-items:center;display:grid}.entry-icon svg{width:21px}.plan-entry-card h3{font:700 27px var(--condensed);text-transform:uppercase;margin:0}.plan-entry-card div>p:last-child{color:var(--muted);max-width:440px;margin:7px 0 0;font-size:10px;line-height:1.55}.entry-action{color:var(--accent);font:700 9px var(--condensed);letter-spacing:.12em;grid-column:2;align-items:center;gap:7px;display:flex}.entry-action svg{width:14px}.empty-plan-state{text-align:center;min-height:270px;color:var(--muted);border:1px dashed #343a43;border-radius:12px;align-content:center;place-items:center;display:grid}.empty-plan-state>svg{width:35px;height:35px;color:var(--accent)}.empty-plan-state h3{color:var(--text);margin:14px 0 3px}.empty-plan-state p{font-size:10px}.exercise-main{min-width:0}.exercise-list.editing article{align-items:flex-start}.prescription-grid,.builder-prescription,.quick-prescription{grid-template-columns:repeat(4,minmax(64px,1fr));gap:7px;margin-top:9px;display:grid}.prescription-grid label,.builder-prescription label,.quick-prescription label,.builder-details label{color:var(--muted);font:700 7px var(--condensed);letter-spacing:.1em;position:relative}.prescription-grid input,.builder-prescription input,.quick-prescription input,.builder-details input{width:100%;color:var(--text);background:#0c0f12;border:1px solid #343a43;border-radius:5px;margin-top:4px;padding:8px;font-size:10px;display:block}.prescription-grid label span{color:#626a75;font-size:6px;position:absolute;bottom:9px;right:6px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030507d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.plan-builder-modal,.exercise-picker-modal,.import-review-modal{background:#111419;border:1px solid #343a43;border-radius:15px;flex-direction:column;width:min(1080px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #0000008c}.plan-builder-modal>header,.exercise-picker-modal>header{border-bottom:1px solid var(--line);background:linear-gradient(120deg, rgb(var(--accent-rgb) / .12), transparent 45%);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.plan-builder-modal h2,.exercise-picker-modal h2,.import-review-modal h2{font:700 30px var(--condensed);text-transform:uppercase;margin:0}.builder-details{border-bottom:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding:15px 24px;display:grid}.library-tools{padding:14px 24px 10px}.exercise-search{height:42px;color:var(--muted);background:#0b0e11;border:1px solid #343a43;border-radius:7px;align-items:center;gap:9px;padding:0 12px;display:flex}.exercise-search svg{width:16px}.exercise-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.category-chips{gap:6px;padding:9px 0 2px;display:flex;overflow-x:auto}.category-chips button{color:var(--muted);font:700 8px var(--condensed);letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #343a43;border-radius:99px;flex:none;padding:6px 9px}.category-chips button.active{border-color:var(--accent);color:var(--text);background:rgb(var(--accent-rgb) / .12)}.builder-columns{flex:1;grid-template-columns:1.05fr .95fr;gap:12px;min-height:0;padding:0 24px 18px;display:grid;overflow:hidden}.exercise-catalog,.builder-selection,.picker-list{border:1px solid var(--line);background:#0c0f12;border-radius:9px;min-height:0;overflow-y:auto}.exercise-catalog>button,.picker-list>button{width:100%;min-height:57px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #242a31;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.exercise-catalog>button:hover,.exercise-catalog>button.chosen,.picker-list>button:hover{background:rgb(var(--accent-rgb) / .1)}.exercise-catalog>button>span,.picker-list>button>svg{width:26px;height:26px;color:var(--accent);border:1px solid #3a414a;border-radius:6px;place-items:center;padding:5px;display:grid}.exercise-catalog b,.exercise-catalog small,.picker-list b,.picker-list small{display:block}.exercise-catalog b,.picker-list b{font-size:10px}.exercise-catalog small,.picker-list small{color:var(--muted);margin-top:3px;font-size:8px}.exercise-catalog em{color:#8e96a0;font:700 8px var(--condensed);font-style:normal}.builder-selection{padding:14px}.selection-empty{color:var(--muted);text-align:center;margin-top:60px;font-size:10px}.builder-selection article{background:#171b20;border:1px solid #292f37;border-radius:7px;margin-bottom:7px;padding:11px}.builder-selection article>header{justify-content:space-between;align-items:center;display:flex}.builder-selection article>header b{font-size:10px}.builder-selection article>header button{color:var(--muted);cursor:pointer;background:0 0;border:0}.builder-selection article>header svg{width:14px}.plan-builder-modal>footer,.import-review-modal>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.plan-builder-modal>footer p{color:var(--muted);font-size:9px}.plan-builder-modal>footer>div{gap:8px;display:flex}.exercise-picker-modal{width:min(760px,100%)}.exercise-picker-modal .quick-prescription{padding:14px 24px 4px}.exercise-picker-modal>.exercise-search{margin:12px 24px 0}.exercise-picker-modal>.category-chips{margin:0 24px}.picker-list{margin:10px 24px 22px}.picker-list>button>span{color:var(--accent);font:700 8px var(--condensed)}.import-review-modal{width:min(560px,100%);padding:25px;overflow-y:auto}.import-review-modal>header{align-items:center;gap:13px;display:flex}.review-check{color:#07100b;background:var(--green);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.import-review-modal>p{color:var(--muted);font-size:10px;line-height:1.5}.import-summary{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:15px 0;display:grid}.import-summary span{text-align:center;color:var(--muted);font:700 8px var(--condensed);padding:14px}.import-summary span+span{border-left:1px solid var(--line)}.import-summary b{color:var(--text);font-size:25px;display:block}.import-source,.import-alert{background:#0d1013;border:1px solid #343a43;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.import-source>svg,.import-alert>svg{width:18px;color:var(--accent);flex:none}.import-source b,.import-source small{display:block}.import-source b{font-size:10px}.import-source small{color:var(--muted);margin-top:3px;font-size:8px}.import-alert{color:#c5cad1;margin:10px 0;font-size:9px}.import-alert.error{color:#ffadb4;border-color:#6e3036}.import-review-modal>footer{margin-top:10px;padding:18px 0 0}.data-partner-lockup{color:#fff;justify-content:flex-end;align-items:center;gap:6px;display:flex}.data-partner-lockup b{font:500 9px var(--condensed);opacity:.65}.lockup-aero{width:14px;height:14px}.lockup-whoop{width:51px;height:auto}.theme-setting{padding-top:16px}.theme-setting-title{align-items:center;gap:10px;margin-bottom:11px;display:flex}.theme-setting-title>svg{width:17px;color:var(--accent)}.theme-setting-title b,.theme-setting-title small{display:block}.theme-setting-title b{font-size:11px}.theme-setting-title small{color:var(--muted);margin-top:2px;font-size:8px}.theme-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.theme-choice{min-height:61px;color:var(--text);text-align:left;cursor:pointer;background:#111419;border:1px solid #30363e;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.theme-choice.active{border-color:var(--accent);background:rgb(var(--accent-rgb) / .1)}.theme-swatches{border-radius:6px;width:29px;height:29px;display:flex;overflow:hidden;transform:skew(-8deg)}.theme-swatches i{flex:1}.theme-choice>span:nth-child(2) b,.theme-choice>span:nth-child(2) small{display:block}.theme-choice>span:nth-child(2) b{font-size:9px}.theme-choice>span:nth-child(2) small{color:var(--muted);margin-top:2px;font-size:7px}.theme-choice>svg{width:14px;color:var(--accent)}@media (width<=900px){.plan-entry-grid,.builder-columns,.theme-grid{grid-template-columns:1fr}.plan-entry-card{min-height:160px;padding:17px}.plans-layout{grid-template-columns:1fr}.plan-library{gap:6px;display:flex;overflow-x:auto}.plan-library>.eyebrow{display:none}.plan-choice{min-width:190px}.modal-backdrop{padding:10px;padding-top:max(10px, var(--safe-top));padding-right:max(10px, var(--safe-right));padding-bottom:max(10px, var(--safe-bottom));padding-left:max(10px, var(--safe-left))}.plan-builder-modal{max-height:96vh}.builder-details{grid-template-columns:1fr}.builder-columns{overflow-y:auto}.exercise-catalog,.builder-selection{max-height:320px}.prescription-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.top-actions{gap:7px}.build-badge{display:none}.page{width:100%;min-width:0}.metric-grid{gap:10px}.plan-entry-card{grid-template-columns:38px 1fr;gap:12px}.entry-icon{width:38px;height:38px}.plan-entry-card h3{font-size:23px}.builder-details,.library-tools,.plan-builder-modal>header,.exercise-picker-modal>header,.builder-columns{padding-inline:15px}.quick-prescription,.builder-prescription{grid-template-columns:1fr 1fr}.exercise-picker-modal .quick-prescription{padding-inline:15px}.exercise-picker-modal>.exercise-search,.exercise-picker-modal>.category-chips,.picker-list{margin-inline:15px}.plan-builder-modal>footer{align-items:flex-end}.plan-builder-modal>footer>div{display:grid}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}