/* SPEC MOTO — MY GARAGE / CINEMATIC BIKE DECK */
:root{--sm-blue:#004FF8;--sm-bg:#030405;--sm-panel:#0a0d12;--sm-line:rgba(255,255,255,.11);--sm-muted:#858d99}
html{scroll-behavior:smooth}body{background:#020304!important;overflow-x:hidden}.wrap{padding:18px 14px 120px!important;background:radial-gradient(circle at 78% 0,rgba(0,79,248,.17),transparent 24%),linear-gradient(180deg,#06080d 0,#020304 42%,#050505 100%)!important}.box{width:min(100%,1040px)!important}.garageTop{margin:0 0 24px!important;justify-content:space-between!important;align-items:center!important}.garageBack{color:#8f96a0!important;font-size:7px!important;font-weight:950!important;letter-spacing:.14em!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:40px!important}.garageBack:before{content:'←';color:var(--sm-blue);font-size:15px}.signout{min-height:40px!important}.garageHero{min-height:0!important;padding:0 2px!important}.garageHero .ey{color:#a8adb5!important}.garageHero h1{font-size:clamp(58px,15vw,104px)!important;margin:10px 0 12px!important;line-height:.78!important;letter-spacing:-.075em!important}.email{font-size:8px!important;color:#868d97!important}.garageOS{margin:24px 0 16px!important;border:1px solid var(--sm-line)!important;border-radius:18px!important;background:rgba(9,12,17,.88)!important;box-shadow:0 20px 50px rgba(0,0,0,.24)!important;overflow:hidden!important}.garageOSHead{height:42px!important;padding:0 14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.garageOSHead strong{font-size:7px!important;letter-spacing:.17em!important}.garageOSLive{font-size:6px!important;font-weight:900!important;letter-spacing:.13em!important;color:#8f96a0!important}.garageOSLive i{background:var(--sm-blue)!important;box-shadow:0 0 12px rgba(0,79,248,.9)!important}.garageStats{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.garageStat{padding:13px 14px 15px!important}.garageStat+.garageStat{border-left:1px solid rgba(255,255,255,.07)!important}.garageStat span{display:block!important;font-size:6px!important;font-weight:900!important;letter-spacing:.12em!important;color:#727a85!important}.garageStat b{display:block!important;margin-top:5px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.garageStat:first-child b{color:var(--sm-blue)!important}
.smCinema{--cx:0px;--cy:0px;--scroll:0;position:relative;height:clamp(360px,68vw,610px);margin:10px calc(50% - 50vw) 26px;overflow:hidden;background:#05070a;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.09);isolation:isolate}.smCinema:before{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.32) 36%,rgba(0,0,0,.18) 61%,rgba(0,0,0,.70) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22) 65%,rgba(0,0,0,.76));pointer-events:none}.smCinema:after{content:'';position:absolute;z-index:5;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent 0 8%,var(--sm-blue) 36%,rgba(0,79,248,.15) 70%,transparent 95%);box-shadow:0 -8px 35px rgba(0,79,248,.28)}.smCinemaPanel{position:absolute;top:-4%;bottom:-4%;width:64%;overflow:hidden;filter:saturate(.96) contrast(1.06);will-change:transform,clip-path}.smCinemaPanel img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translate(var(--cx),var(--cy));transition:transform .28s ease-out;filter:brightness(.76)}.smCinemaLeft{left:-4%;z-index:1;clip-path:polygon(0 0,88% 0,70% 100%,0 100%);transform:translateX(-24vw) scale(1.04)}.smCinemaRight{right:-4%;z-index:2;clip-path:polygon(26% 0,100% 0,100% 100%,8% 100%);transform:translateX(24vw) scale(1.04)}.smCinema.live .smCinemaLeft{animation:cinemaInL 1.15s cubic-bezier(.12,.82,.16,1) .08s forwards}.smCinema.live .smCinemaRight{animation:cinemaInR 1.15s cubic-bezier(.12,.82,.16,1) .16s forwards}@keyframes cinemaInL{to{transform:translateX(calc(var(--scroll)*-10px)) scale(1)}}@keyframes cinemaInR{to{transform:translateX(calc(var(--scroll)*10px)) scale(1)}}.smCinemaShade{position:absolute;z-index:3;left:44%;top:-20%;bottom:-20%;width:7%;transform:rotate(8deg);background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,79,248,.35),rgba(0,0,0,.94));filter:blur(3px);opacity:.88}.smCinemaCopy{position:absolute;z-index:6;left:max(18px,calc((100vw - min(100vw,1040px))/2 + 20px));bottom:62px;max-width:min(76vw,690px);text-shadow:0 5px 30px rgba(0,0,0,.66)}.smCinemaCopy span{display:block;font-size:7px;font-weight:950;letter-spacing:.22em;color:#c8cdd5}.smCinemaCopy strong{display:block;margin-top:12px;font-size:clamp(48px,13vw,104px);line-height:.74;letter-spacing:-.072em}.smCinemaCopy strong b{color:var(--sm-blue)}.smCinemaCopy em{display:block;margin-top:17px;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.14em;color:#c3c8d0}.smCinemaRule{position:absolute;z-index:6;right:max(18px,calc((100vw - min(100vw,1040px))/2 + 20px));bottom:24px;display:flex;align-items:center;gap:9px}.smCinemaRule i{display:block;width:42px;height:1px;background:var(--sm-blue);box-shadow:0 0 10px rgba(0,79,248,.6)}.smCinemaRule span{font-size:6px;font-weight:950;letter-spacing:.15em;color:#b9c0ca}
.garageDoor,.bayShelf,.garageHint,.garageCount,.bikeList{display:none!important}.garageStack{display:block!important;margin:0!important}.garageBay{display:none!important;position:relative!important}.garageBay.sm-active{display:block!important;animation:smDeckIn .52s cubic-bezier(.16,.84,.24,1) both}@keyframes smDeckIn{0%{opacity:0;transform:translateX(16px) scale(.992)}100%{opacity:1;transform:none}}
.smBikeDock{position:sticky;top:78px;z-index:80;margin:0 0 14px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(4,6,9,.86);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 18px 45px rgba(0,0,0,.28)}.smBikeDockTrack{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.smBikeDockTrack::-webkit-scrollbar{display:none}.smBikeTab{flex:1 0 145px;min-width:0;height:56px;border:1px solid transparent;border-radius:12px;background:#0b0e13;color:#fff;padding:8px 10px;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;text-align:left;transition:.22s ease}.smBikeTab .num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#131820;color:#7d8590;font-size:7px;font-weight:950;letter-spacing:.08em}.smBikeTab strong{display:block;font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smBikeTab small{display:block;margin-top:3px;color:#747c87;font-size:5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smBikeTab.active{border-color:rgba(0,79,248,.78);background:linear-gradient(180deg,rgba(0,79,248,.19),rgba(10,13,18,.98));box-shadow:inset 0 0 0 1px rgba(0,79,248,.12),0 0 28px rgba(0,79,248,.08)}.smBikeTab.active .num{background:var(--sm-blue);color:#fff;box-shadow:0 0 18px rgba(0,79,248,.35)}.smBikeAdd{flex:0 0 56px;height:56px;border:1px dashed #343b45;border-radius:12px;background:#090c11;color:#fff;font-size:22px;font-weight:300}
.smProfileRail{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(255,255,255,.11);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#11151b,#0a0d12)}.smProfileRail span,.smProfileRail b{font-size:6px;font-weight:950;letter-spacing:.15em}.smProfileRail span{color:#7f8792}.smProfileRail b{color:#fff;display:flex;align-items:center;gap:7px}.smProfileRail b:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--sm-blue);box-shadow:0 0 12px rgba(0,79,248,.75)}
.garageBay .bikeCard{display:block!important;max-height:none!important;opacity:1!important;overflow:hidden!important;transform:none!important;clip-path:none!important;animation:none!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:0 0 24px 24px!important;background:linear-gradient(180deg,#0d1015,#07090d)!important;box-shadow:0 34px 90px rgba(0,0,0,.44)!important;position:relative}.garageBay .bikeCard:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(700px circle at var(--mx,50%) var(--my,20%),rgba(0,79,248,.10),transparent 38%);opacity:.9}.media{height:350px!important;background:radial-gradient(circle at 50% 50%,#fff 0,#f3f4f4 57%,#dfe2e5 100%)!important;position:relative!important;overflow:hidden!important;touch-action:pan-y!important}.media:before{content:'SPEC / SAVED BUILD';position:absolute;left:16px;bottom:14px;z-index:3;color:#111;font-size:6px;font-weight:950;letter-spacing:.16em;opacity:.48}.media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 70%,rgba(0,79,248,.06) 70% 70.8%,transparent 70.8%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 65%,rgba(0,0,0,.055))}.slide{transition:opacity .22s ease!important}.edit,.shareIcon,.del,.expand{height:38px!important;background:rgba(4,6,9,.78)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.edit{left:14px!important;top:14px!important;padding:0 15px!important}.shareIcon{right:60px!important;top:14px!important;width:38px!important}.del{right:14px!important;top:14px!important;width:38px!important}.expand{right:14px!important;bottom:14px!important;width:38px!important}.dots{bottom:18px!important}.bikeInfo{padding:20px!important;position:relative;z-index:3}.bikeMeta{font-size:6px!important;letter-spacing:.18em!important;color:var(--sm-blue)!important}.bikeName{font-size:clamp(38px,10vw,62px)!important;line-height:.86!important;letter-spacing:-.065em!important;margin-top:7px!important}.bikeColor{font-size:8px!important;color:#8a919c!important;margin-top:9px!important}.smFacts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;background:#090c11}.smFact{padding:12px 11px;min-width:0}.smFact+.smFact{border-left:1px solid rgba(255,255,255,.08)}.smFact span{display:block;color:#6f7782;font-size:5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.smFact b{display:block;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buildStrip{margin-top:18px!important;padding:17px 0 18px!important;border-top:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.buildTop strong,.buildTop span{font-size:7px!important;letter-spacing:.1em!important}.partChips{margin-top:11px!important;gap:7px!important}.partChip{background:#11151b!important;border:1px solid #252b34!important;padding:8px 10px!important}.buildBtns{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}.buildBtns button,.garageAction{min-height:54px!important;border-radius:13px!important;border:1px solid #2a3039!important;background:#0d1117!important;color:#fff!important}.buildBtns button:after,.garageAction:after{color:var(--sm-blue)!important}.garageActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;padding-top:0!important;border-top:0!important}.garageAction.blue{background:var(--sm-blue)!important;border-color:var(--sm-blue)!important}.garageAction.blue:after{color:#fff!important}.quick{gap:8px!important}.quick a{border-radius:13px!important;border-color:#292f38!important;background:#0b0f14!important}.smBottomNav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.smBottomNav button{min-height:50px;border-radius:13px;border:1px solid #272d36;background:#0b0f14;color:#fff;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:900;letter-spacing:.1em}.smBottomNav button:disabled{opacity:.28}.smBottomNav button:last-child{text-align:right}.addBikeBar{margin-top:14px!important;min-height:60px!important;border-radius:16px!important;border:1px dashed #383f49!important;background:#090c11!important;padding:0 17px!important}.addBikeBar b{color:var(--sm-blue)!important}.modal{background:rgba(0,0,0,.84)!important;backdrop-filter:blur(18px)!important}.sheet{border-radius:26px!important;background:linear-gradient(180deg,#0f1218,#080a0e)!important}
@media(min-width:760px){.wrap{padding-left:20px!important;padding-right:20px!important}.smBikeDock{top:86px}.garageBay .bikeCard{display:grid!important;grid-template-columns:1.1fr .9fr!important}.garageBay .media{height:100%!important;min-height:560px!important}.garageBay .bikeInfo{padding:34px!important}.smProfileRail{height:46px}.bikeName{font-size:64px!important}.smCinemaCopy{bottom:74px}}
@media(max-width:520px){.wrap{padding-left:14px!important;padding-right:14px!important}.smBikeDock{top:76px}.smBikeTab{flex-basis:138px}.media{height:300px!important}.bikeInfo{padding:17px!important}.garageActions{grid-template-columns:1fr 1fr!important}.smCinema{height:430px;margin-bottom:18px}.smCinemaPanel{width:78%}.smCinemaLeft{left:-16%;clip-path:polygon(0 0,92% 0,70% 100%,0 100%)}.smCinemaRight{right:-18%;clip-path:polygon(34% 0,100% 0,100% 100%,10% 100%)}.smCinemaCopy{left:18px;bottom:62px}.smCinemaCopy strong{font-size:58px}.smCinemaCopy em{max-width:250px;line-height:1.45}.smCinemaRule{right:16px;bottom:20px}.smCinemaRule i{width:26px}}
@media(prefers-reduced-motion:reduce){.garageBay.sm-active,.smCinema.live .smCinemaLeft,.smCinema.live .smCinemaRight{animation:none!important}.smCinemaLeft,.smCinemaRight{transform:none!important}}