*{box-sizing:border-box}body{margin:0;background:#181a1d;color:#15191d;font-family:Arial,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #ddd;border-radius:10px;background:#fff;color:inherit;padding:12px}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e00018;outline-offset:3px}button svg{vertical-align:middle}h1,h2,p{margin:0 0 12px}h1{font-size:30px}h2{font-size:19px}p{line-height:1.65}small{display:block;color:#858993;font-size:12px;line-height:1.6}.app{max-width:520px;min-height:100dvh;margin:auto;background:#f5f5f6;padding-bottom:85px;position:relative}header{height:78px;display:flex;align-items:center;justify-content:space-between;background:#15191d;color:#fff;padding:12px 15px}header img{width:180px;height:50px;object-fit:contain}.icon{border:0;color:inherit;background:transparent;padding:7px;min-height:44px}main{padding:0 20px 20px}.page-title{margin:26px 0 22px}.hero{margin:0 -20px;padding:28px 25px 112px;min-height:240px;background:linear-gradient(90deg,#101215ee,#10121566),url('/assets/car-detail.jpg') right center/cover;color:#fff}.hero p{color:#eee}.home-content{margin-top:-86px;position:relative}.card{display:block;background:#fff;border:0;border-radius:18px;margin:14px 0;padding:22px;box-shadow:0 6px 24px #15191d07;width:100%;text-align:left}.identity{text-align:center}.qr{text-align:center}.qr img{width:160px;height:160px;display:block}.qrbutton{padding:8px;border:2px solid #f00018;border-radius:12px;background:#fff}.qr h2{margin:12px 0 3px}.text{background:transparent;border:0;color:#d60016;padding:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.tile{text-align:left;min-height:130px;padding:18px;border:0;border-radius:15px;background:#fff;overflow:hidden}.tile>svg{float:right;width:33px;height:33px;color:#d90016}.tile h2{font-size:18px}.tile strong{font-size:29px;display:block;margin:15px 0}.tile b{display:block;margin:12px 0}.pink{background:linear-gradient(125deg,#ffedef,#fff,#ffc8ce)}.primary{background:#f00018;color:#fff;border:0;width:100%;font-weight:700;margin:10px 0;min-height:48px}.outline{border:1.5px solid #f00018;color:#e00018;background:transparent;width:100%;font-weight:bold;margin:10px 0}.red{color:#ef0018}.row{display:flex;align-items:center;gap:13px}.row>span{flex:1}.row svg:first-child{color:#ef0018}.row em{background:#e00018;color:#fff;border-radius:20px;font-size:12px;padding:4px 7px;font-style:normal}.tabs{display:flex;gap:5px;background:#e9e9eb;padding:5px;border-radius:12px;overflow:auto}.tabs button{flex:1;white-space:nowrap;border:0;background:transparent;padding:11px}.tabs .active{background:#f00018;color:white}.package{display:flex;align-items:center;gap:14px}.package img{width:85px;height:100px;object-fit:cover;border-radius:8px}.package strong{display:block;margin-top:12px;color:#df0018}.package h2{font-size:17px}.package span{flex:1}.demo{text-align:center;color:#97434d;background:#ffecef;padding:10px;border-radius:10px;margin:22px 0 0;font-size:11px;line-height:1.6}.empty,.loading{text-align:center;padding:30px 10px;color:#777}.notice{position:sticky;top:0;background:#fff1ce;z-index:20;padding:14px;display:flex;align-items:center;gap:12px}.notice button{margin-left:auto}.error{color:#b20017;overflow-wrap:anywhere}.error button{margin:6px}.muted{color:#888;font-size:12px}nav{position:fixed;bottom:0;width:min(100%,520px);background:#fffE;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(12px);z-index:10}nav button{background:transparent;border:0;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:12px;color:#7e838b;padding:4px 12px}nav .active{color:#f00018}input,select,textarea{display:block;width:100%;border:1px solid #ddd;background:white;color:#15191d;border-radius:10px;padding:14px;margin:8px 0 16px;min-width:0}textarea{min-height:120px;resize:vertical}label{display:block;font-size:14px;margin-top:18px}form{margin:14px 0}.login{background:#15191d;color:#fff;padding:30px 22px}.login .logo{width:250px;max-width:90%;height:65px;object-fit:contain;margin-bottom:26px}.login>p{color:#bbb}.login-tyre{height:150px;width:100%;object-fit:cover;border-radius:16px;margin:12px 0}.login .card{color:#15191d}.check{display:flex;align-items:center;gap:10px;font-size:12px}.check input{width:20px;min-height:20px;margin:0;accent-color:#f00018}.login details{font-size:12px;margin:15px 0;color:#777}.login summary{cursor:pointer}.wheel{width:260px;height:260px;border:9px solid #333;border-radius:50%;background:repeating-conic-gradient(#f00018 0 60deg,#fff 60deg 120deg);margin:30px auto;display:grid;place-items:center}.wheel>div{width:115px;height:115px;border-radius:50%;background:#15191d;color:white;display:grid;place-items:center;text-align:center;padding:15px;font-size:13px}.messages{min-height:260px;max-height:60dvh;overflow-y:auto;padding:10px 2px}.bubble{width:fit-content;max-width:85%;border-radius:16px 16px 16px 3px;background:#fff;padding:14px;margin:12px 0;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#f00018;color:#fff;border-radius:16px 16px 3px 16px}.bubble small{font-size:10px}.bubble.mine small{color:#ffdce1}.bubble p{margin-bottom:4px;white-space:pre-wrap}.quote{border:0;background:transparent;text-align:left;padding:0}.quote span{color:#e00018;display:block;margin-top:15px}.composer{display:flex;gap:8px;position:sticky;bottom:80px;background:#f5f5f6;padding:8px 0}.composer input{margin:0;flex:1}.composer .primary{width:50px;margin:0}.status{font-size:12px;color:#888}details.card summary{cursor:pointer}@media(max-width:360px){header img{width:145px}.tile{padding:12px}.tile strong{font-size:24px}main{padding-left:14px;padding-right:14px}.hero{margin-left:-14px;margin-right:-14px}}
/* FINAL C01–C07: live components, original decorative crops, responsive reference proportions. */
.app{max-width:512px;font-size:min(3.125vw,16px);background:#f8f8f8;padding-bottom:4.4em;color:#101315;min-height:100dvh}main{padding:0 1.6em 1em}h1,h2,h3,p{margin-top:0}.app h1{font-size:2em;letter-spacing:.02em;line-height:1.25}.app h2{font-size:1.2em}.app p{line-height:1.5}.app small{font-size:.8em}.app button{font-size:1em;border-radius:.6em}.app svg{flex-shrink:0}header{height:4.2em;padding:.5em 1.7em;background:#101416;position:relative}header>img{width:12em;height:3em;object-fit:contain;object-position:left center;mix-blend-mode:screen}.header-actions{display:flex;align-items:center;gap:.3em}.header-actions svg{height:1.55em;width:1.55em}.header-actions .icon{min-height:2.5em;padding:.2em}.back{display:none}.header-actions button{position:relative}.page-home .header-actions button:after,.page-campaigns .header-actions button:last-child:after{content:'';width:.42em;height:.42em;background:#f00018;border-radius:50%;position:absolute;top:.2em;right:.2em}.app .primary{background:linear-gradient(115deg,#ff001b,#f00008);border-radius:.65em;min-height:2.85em;font-size:1.12em;letter-spacing:.04em;margin:.4em 0;padding:.65em 1em;display:flex;justify-content:center;align-items:center;gap:.5em}.app .outline{border:1.5px solid #ef0018;border-radius:.6em}.app .card{margin:.7em 0;padding:1.25em;border-radius:1.05em;box-shadow:0 .2em 1.3em #12191d05}.app .page-title{margin:1em 0}.app .demo{padding:.45em;margin:.8em 0 0;font-size:.62em;background:transparent;color:#8f9297;line-height:1.5}.page-home .demo{display:none}.app .design-caption{font-size:.65em;color:#8c8d91;text-align:right;margin:.8em 0}.app .text{font-size:.85em}.app .grid{gap:.55em;margin:.5em 0}.app .error{font-size:.85em}.app nav{width:min(100%,512px);padding:.5em .8em max(.65em,env(safe-area-inset-bottom));height:4.3em;align-items:flex-start;background:#fffF;backdrop-filter:none}.app nav button{font-size:.78em;padding:0 .8em;gap:.3em;position:relative}.app nav button svg{width:1.8em;height:1.8em;stroke-width:1.6}.app nav button.active:after{position:absolute;content:'';height:.17em;width:2.5em;left:50%;transform:translateX(-50%);bottom:-.55em;background:#f00018;border-radius:10px}.page-home nav button:first-child svg{fill:#f00018}.app .hero{margin:0 -1.6em;background:linear-gradient(90deg,#101416 0%,#101416aa 45%,#10141600 66%),url('/assets/home-car.jpg') right center/auto 100% no-repeat,#101416;padding:.25em 2.4em 4.5em;min-height:11.9em}.hero h1{font-size:2em!important;margin:0 0 .35em}.hero p{font-size:.98em;line-height:1.6;color:#ccc}.home-content{margin-top:-5.4em;position:relative}.identity{min-height:14.4em;text-align:center;padding:1.35em 1em .9em!important;margin:0!important}.identity .qr{position:relative}.identity .qr img{height:6.6em;width:6.6em}.qrbutton{border:0!important;border-radius:.35em!important;position:relative;padding:.35em!important;background:linear-gradient(#f00018,#f00018) left top/.9em 2px no-repeat,linear-gradient(#f00018,#f00018) left top/2px .9em no-repeat,linear-gradient(#f00018,#f00018) right top/.9em 2px no-repeat,linear-gradient(#f00018,#f00018) right top/2px .9em no-repeat,linear-gradient(#f00018,#f00018) right bottom/.9em 2px no-repeat,linear-gradient(#f00018,#f00018) right bottom/2px .9em no-repeat,linear-gradient(#f00018,#f00018) left bottom/.9em 2px no-repeat,linear-gradient(#f00018,#f00018) left bottom/2px .9em no-repeat,#fff}.identity .qr h2{font-size:1.1em;margin:.55em 0 .1em;font-weight:800}.identity .qr>small{font-size:.55em}.identity .qr>.text{position:absolute;right:.5em;top:0;font-size:0;padding:.8em}.identity .qr>.text svg{height:13px;width:13px}.phone-mask{color:#8c929b;font-size:.85em;margin:.2em 0}.identity-note{margin-top:.8em;display:flex!important;justify-content:center;align-items:center;gap:.6em;font-size:.7em!important}.identity-note:before,.identity-note:after{content:'';width:1.3em;height:1px;background:#ddd}.home-rewards .tile{height:7em;min-height:0;padding:1.1em;position:relative}.home-rewards h2{font-size:1.05em;position:relative;z-index:1;display:flex;align-items:center;gap:.3em}.home-rewards h2 svg{width:.8em;height:.8em}.home-rewards strong{font-size:1.6em;margin:1em 0 .2em;position:relative}.home-rewards small{font-size:.65em;white-space:nowrap}.points-tile{background:url('/assets/home-coins.jpg') right bottom/5.7em auto no-repeat,linear-gradient(110deg,#ffe3e7,#fff3f4)!important}.gift-tile{background:url('/assets/home-gift.jpg') right center/5.7em auto no-repeat,linear-gradient(110deg,#fff6f6,#ffe2e4)!important}.home-rewards strong{max-width:65%;font-weight:800}.home-rewards .gift-tile strong{font-size:1.35em;margin:1.05em 0 .4em}.home-gift-cta{height:2.75em;min-height:0!important;margin:.45em 0!important}.home-shortcuts .tile{padding:.7em;min-height:0;height:5em;display:flex;align-items:center;gap:.5em;position:relative}.home-shortcuts .tile>svg{width:2.4em;height:2.4em;border-radius:50%;padding:.5em;background:#eee;color:#15191d;float:none}.home-shortcuts b{font-size:.85em;margin:0 0 .2em}.home-shortcuts strong{font-size:1.1em;margin:.1em 0}.home-shortcuts small{font-size:.55em;white-space:nowrap}.home-shortcuts span{position:relative;z-index:1}.vehicle-shortcut{background:linear-gradient(90deg,#fff 50%,#ffffff11),url('/assets/vehicle-car.jpg') right bottom/8em auto no-repeat!important}.care-shortcut{background:linear-gradient(90deg,#fff 50%,#ffffff11),url('/assets/road-detail.jpg') right center/5em 100% no-repeat!important}.contact{display:flex;justify-content:center;align-items:center;gap:.8em;height:2.3em;padding:.4em!important;font-size:1.1em!important;margin:.35em 0!important}.contact svg{height:1.2em;width:1.2em}.tyre-entry{display:block;margin:0 auto;padding:.1em!important;font-size:.6em!important;color:#777}.ref-login{background:radial-gradient(ellipse at 40% 50%,#171c1f,#0e1316);padding:1.1em 1.55em 1em;min-height:100dvh}.ref-login .logo{width:13.4em;height:2.6em;margin:0 0 .9em .9em;object-fit:contain;mix-blend-mode:screen}.ref-login h1{font-size:2.7em;margin:0 .28em .3em;line-height:1.1;font-weight:800;letter-spacing:0}.ref-login .welcome-copy{font-size:1.13em;line-height:1.3;color:#c2c3c5;margin:0 .75em 1.1em}.ref-login .login-tyre{height:auto;aspect-ratio:925/266;width:100%;border-radius:.7em;margin:0 0 1em;object-fit:cover}.phone-field{display:flex;align-items:center;gap:1em;border:1px solid #3b4248;border-radius:.65em;min-height:3.6em;background:#ffffff02;padding:.6em 1.5em}.phone-field>span{white-space:nowrap;font-size:1.05em;display:flex;align-items:center;gap:.6em}.phone-field svg{width:.8em;height:.8em}.phone-field input{margin:0;border:0;border-left:1px solid #50555a;border-radius:0;background:transparent;color:#fff;padding:.15em 0 .15em 1.2em;font-size:1.15em;letter-spacing:.08em}.ref-login .otp-request{display:block;border:1.5px solid #f00018;background:transparent;color:#f00018;font-size:1.15em;font-weight:700;width:100%;height:3em;margin:.65em 0 1.2em}.otp-fields{display:grid;grid-template-columns:repeat(6,1fr);gap:.55em}.otp-fields input{min-width:0;width:100%;height:3.45em;border:1px solid #424a52;border-radius:.6em;background:#ffffff07;color:#fff;text-align:center;padding:0;font-size:1.1em;margin:0;caret-color:#f00018}.otp-fields input::placeholder{color:#a7aaac}.ref-login .verify{font-size:1.35em;height:2.8em;margin:.85em 0 .9em}.ref-login .verify:disabled{opacity:1;background:linear-gradient(110deg,#fc001a,#f1000a);color:#fff}.ref-login .check{display:flex;align-items:center;gap:.8em;font-size:.94em;color:#ccc;margin:0 .3em}.ref-login .check input{appearance:none;width:1.4em;height:1.4em;min-height:0;border:2px solid #ccc;border-radius:.3em;background:transparent;flex-shrink:0}.ref-login .check input:checked{background:#f00018;border-color:#f00018;box-shadow:inset 0 0 0 .2em #15191d}.ref-login .check button{border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:.2em;color:#ddd;font-size:1em}.login-switch{display:flex;gap:1.2em;align-items:center;justify-content:center;color:#ccc;font-size:1.05em;margin:1.7em 0 1.1em}.login-switch:before,.login-switch:after{content:'';height:1px;background:#454b50;flex:1}.login-switch button{color:#f00018;background:transparent;border:0;padding:0;font-weight:700}.ref-login .design-caption{font-size:.6em;text-align:center;margin:2.2em 0 0}.otp-demo{font-size:.7em;margin:.6em 0 -.5em;color:#e6b8bd}.ref-dialog{border:0;border-radius:1em;max-width:460px;width:90%;padding:24px;box-shadow:0 20px 100px #0007;font-size:16px}.ref-dialog::backdrop{background:#0009}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading button{border:0;background:#eee;font-size:24px;padding:0 8px}.ref-dialog .primary{width:100%;background:#f00018;color:#fff;border:0;padding:14px}.ref-dialog .package{margin:8px 0}.ref-dialog .package img{height:105px;width:75px;object-fit:contain}.ref-dialog input{font-size:16px}.page-rewards{background:linear-gradient(#101416 0 10.8em,#f8f8f8 10.8em)}.page-rewards header{height:4.8em;align-items:flex-start;padding-top:1.5em;background:linear-gradient(90deg,#101416 15%,#10141600 65%),url('/assets/reward-wheel.jpg') right top/auto 11em no-repeat,#101416}.page-rewards header>img{width:10em;height:2.2em}.page-rewards .header-actions{display:none}.page-rewards main{padding:0 1.5em 1em;background:linear-gradient(90deg,#101416 15%,#10141600 65%),url('/assets/reward-wheel.jpg') right top -4.8em/auto 11em no-repeat,linear-gradient(#101416 0 6em,#f8f8f8 6em)}.reward-brand-copy{color:#c9cbd0;font-size:.6em;letter-spacing:.15em;margin:.15em .5em 1.1em}.reward-title{color:#fff;font-size:1.9em!important;margin:.4em .3em .8em;position:relative}.reward-title:after{content:'';position:absolute;left:0;bottom:-.4em;width:.9em;height:.1em;background:#f00018;border-radius:9px}.app .reward-tabs{margin:1.35em -.1em .65em;padding:.3em;background:#fff;border-radius:3em;box-shadow:0 .2em .5em #1014160c;gap:0;position:relative}.reward-tabs button{font-size:1em;padding:.6em .3em;border-radius:3em;font-weight:700}.gift-banner{display:flex;align-items:center;position:relative;min-height:7.8em;border-radius:1em;border:1px solid #fce6e8;background:url('/assets/reward-gift.jpg') right center/auto 100% no-repeat,linear-gradient(130deg,#fff4f4,#ffcdd2);padding:1.1em 1.2em;overflow:hidden}.gift-banner>svg{width:2.2em;height:2.2em;color:#f00018;margin-right:.8em}.gift-banner h2{font-size:1.6em;margin:0 0 .25em;letter-spacing:.04em}.gift-banner p{color:#555b61;font-size:.95em;margin:0}.gift-banner>div{position:relative;z-index:1;text-shadow:0 0 7px #fff}.reward-state{position:absolute;right:.45em;top:.4em;background:#f00018;color:#fff;padding:.25em .6em;border-radius:.6em;font-size:.85em}.product-banner{background:linear-gradient(130deg,#fff4f4,#ffcdd2);min-height:7.8em}.reward-qr{text-align:center!important;padding:1em 1.2em .85em!important;min-height:14.3em}.reward-qr>h2{text-align:left;font-size:1.15em;display:flex;align-items:center;gap:.55em}.reward-qr h2 i{height:1.1em;width:.2em;background:#f00018;border-radius:5px}.reward-qr .qr img{width:7em;height:7em}.reward-qr .qr h2{display:none}.reward-qr .qr>small{font-size:.6em}.reward-qr .qr>.text{font-size:.6em;padding:.2em}.reward-qr>p{font-size:.95em;margin:.4em 0 .1em}.reward-qr>small{font-size:.8em}.qr-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:9em;color:#8c9298}.qr-pending>svg{width:6.8em;height:6.8em;stroke-width:.7;color:#c0c4c8}.qr-pending p{font-size:.7em;margin:.4em 0}.redemption-history{min-height:2.5em;padding:.8em 1.2em!important}.redemption-history summary{display:flex;gap:.8em;align-items:center;cursor:pointer;font-size:1em;list-style:none}.redemption-history summary svg{width:1.3em;height:1.3em;color:#4b5057}.redemption-history summary svg:last-child{margin-left:auto;color:#999}.redemption-history p{margin:1em 0 0;color:#888;font-size:.8em}.show-qr{font-size:1.2em!important;min-height:2.45em!important}.owned-link{font-size:.75em!important;background:none;border:0;color:#888;padding:.3em}.page-vehicles{background:#101619}.page-vehicles header{height:4em;padding:.5em 1.6em;background:transparent}.page-vehicles header img{width:11.5em}.page-vehicles .header-actions:before{content:'▰▰ 专业轮胎服务\A 让每一段旅程更安心';white-space:pre;font-size:.67em;color:#c3c7cc;line-height:1.7}.page-vehicles .header-actions button{display:none}.page-vehicles main{padding:0 1em .1em;background:linear-gradient(#101619 0 13.4em,#f7f7f7 13.4em)}.vehicle-heading{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:.35em .6em .7em}.vehicle-heading h1{font-size:2.1em!important;margin:0;white-space:nowrap}.vehicle-heading h1 span{color:#f00018}.vehicle-heading small{color:#c6c9cf;font-size:.65em;position:relative;white-space:nowrap}.vehicle-heading small:after{content:'';height:1px;background:linear-gradient(90deg,#f00018,transparent);position:absolute;left:0;right:0;bottom:-.5em}.vehicle-selector{display:flex;gap:.55em;overflow:auto;padding:.15em .3em 1em}.vehicle-card{flex:0 0 47%;height:7.8em;text-align:left;position:relative;background:linear-gradient(140deg,#1a2025,#292f34);color:#fff;border:1px solid #3f4850;padding:.8em!important;overflow:hidden;border-radius:.6em!important}.vehicle-card.selected{border:2px solid #f00018}.vehicle-card b{display:block;font-size:1.05em}.vehicle-card>span{display:block;font-size:.8em;color:#b6bcc5;margin-top:.15em}.vehicle-card img{position:absolute;bottom:.2em;left:.3em;width:calc(100% - .6em);height:4.6em;object-fit:contain;mix-blend-mode:screen}.vehicle-card small{position:absolute;top:.5em;right:.5em;font-size:.48em!important;color:#f00018;background:#391519;border:1px solid #f00018;border-radius:20px;padding:.1em .4em}.add-vehicle{flex:1;min-width:6em;background:transparent;color:#c3c8cf;border:1px dashed #7b858f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6em}.add-vehicle svg{width:2.4em;height:2.4em;border:1.5px solid #bcc2c9;border-radius:50%;padding:.3em}.add-vehicle b{font-size:.9em}.service-panel{background:#fff;border-radius:.8em .8em 0 0;padding:1em;box-shadow:0 0 2em #10141605}.service-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1em}.service-heading h2{display:flex;align-items:center;gap:.4em;font-size:1.22em;white-space:nowrap;margin:0}.service-heading h2 svg{color:#f00018;width:1.35em;height:1.35em}.service-heading>small{font-size:.7em;color:#394350;display:flex;align-items:center;gap:.3em}.timeline{position:relative;padding-left:1.5em}.timeline:before{content:'';position:absolute;left:.45em;top:.6em;bottom:0;width:1px;background:#8d949d}.service-record{border-radius:.6em;background:#fff;box-shadow:0 .2em 1em #2221;position:relative;padding:1em .8em;margin:0 0 .65em;min-height:6.3em}.service-record:before{content:'';position:absolute;width:.65em;height:.65em;border:2px solid #f00018;background:#f00018;box-shadow:inset 0 0 0 2px #fff;border-radius:50%;left:-1.45em;top:.5em}.service-record summary{display:flex;align-items:center;gap:.65em;list-style:none;cursor:pointer}.service-record summary>svg{margin-left:auto;width:1em}.service-icon{width:3.6em;height:3.6em;display:grid;place-items:center;border-radius:50%;background:#f2f3f5;flex-shrink:0}.service-icon svg{width:2.3em;height:2.3em;color:#f00018;stroke-width:1.5}.service-record span>b{font-size:1em;display:block;margin-bottom:.45em}.service-record span small{display:flex;align-items:center;gap:.5em;font-size:.72em;color:#45505e;margin-top:.15em}.service-record small svg{width:1.1em;height:1.1em}.record-empty{display:flex;align-items:center;gap:.8em}.record-empty span>b{font-size:1em}.record-empty small{max-width:14em}.points-note{display:flex;align-items:center;gap:.7em;background:#f0f0f2;border-radius:.45em;padding:.85em;font-size:.75em;color:#33404c;margin:.85em 0}.points-note svg{width:1.4em;height:1.4em;fill:#48505a;color:#fff}.maintenance-banner{display:flex;gap:.65em;align-items:center;background:linear-gradient(100deg,#ffe2e5,#ffe7e8 65%,#ffacb7);border-radius:.7em;padding:1em .8em;position:relative;min-height:6em}.maintenance-banner>svg{color:#f00018;width:3.2em;height:3.2em;border-radius:50%;background:#ffcbd0;padding:.6em}.maintenance-banner h2{font-size:.95em;margin-bottom:.4em}.maintenance-banner p{font-size:.7em;color:#555;margin:0}.maintenance-banner button{font-size:.65em;color:#fff;background:#f00018;border:0;border-radius:3em;padding:.5em .7em;display:flex;align-items:center;position:absolute;right:1em;bottom:.7em}.maintenance-banner button svg{height:1em;width:1em}.page-vehicles nav,.page-campaigns nav{background:#101619;color:#bfc5cc;border-color:#30363b}.page-vehicles nav button,.page-campaigns nav button{color:#bac1c9}.page-vehicles nav button.active,.page-campaigns nav button.active{color:#f00018}.page-vehicles .demo{background:#101619}.page-tyres header{height:4.5em}.page-tyres header img{width:10.8em}.page-tyres main{padding:.9em 1em 1em}.tyre-title{font-size:1.9em!important;margin:.15em .25em .4em!important}.tyre-title span{color:#f00018}.fitment-steps{display:flex;align-items:center;gap:.8em;padding:.4em 1.8em .8em}.fitment-steps>span{display:flex;align-items:center;gap:.7em;white-space:nowrap;font-weight:700;font-size:1.02em}.fitment-steps b{display:grid;place-items:center;width:2em;height:2em;background:#24292d;color:#fff;border-radius:50%;font-size:1.15em}.fitment-steps i{height:1px;flex:1;background:#92989e}.fitment-steps .current{color:#f00018}.fitment-steps .current b{background:#f00018}.fitment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:.45em;margin:0 0 .9em}.fitment-fields label{display:flex;align-items:center;gap:.55em;border:1px solid #dadce0;border-radius:.45em;padding:.6em;margin:0;min-width:0;height:3.55em}.fitment-fields label>svg{width:1.4em;height:1.4em}.fitment-fields span{min-width:0;font-size:.7em;font-weight:700;flex:1}.fitment-fields select{font-size:1.08em;font-weight:700;border:0;background:transparent;padding:0;margin:0;color:#111;border-radius:0;min-width:0;max-width:100%;height:1.8em}.fitment-panel{background:#fff;border-radius:.8em;box-shadow:0 .2em 1.3em #10141604;padding:1em}.fitment-panel>h2{font-size:1.55em;margin:0 0 .35em}.fitment-body{display:grid;grid-template-columns:43% 57%;gap:.45em}.catalog-tyre{width:100%;height:17.7em;object-fit:contain;mix-blend-mode:multiply}.fitment-spec{padding:.15em .2em 0 0}.fitment-warning{display:flex;align-items:center;gap:.6em;border:1px solid #f00018;background:#fff7f7;border-radius:.45em;padding:.6em .5em}.fitment-warning>svg{color:#fff;fill:#f00018;width:1.8em;height:1.8em}.fitment-warning b{font-size:.9em;white-space:nowrap}.fitment-warning small{font-size:.65em;color:#777;white-space:nowrap}.spec-box{background:#f5f5f5;border-radius:.4em;text-align:center;padding:.8em .3em;margin:.7em 0}.spec-box>b{font-size:1.25em;display:block}.spec-box small{font-size:.6em;margin-top:.3em}.fitment-spec h3{display:flex;align-items:center;gap:.5em;border-top:1px solid #ddd;padding:.6em 0 0;font-size:1.1em;margin:.6em 0}.fitment-spec h3 svg{width:1em;height:1em}.unit-switch{display:flex;gap:.6em}.unit-switch button{display:flex;align-items:center;justify-content:center;gap:.6em;border:1px solid #d8dbdf;padding:.5em;flex:1;font-size:1em;font-weight:700;background:#fff}.unit-switch button.selected{border-color:#f00018;background:#fff4f4}.unit-switch span{height:1.05em;width:1.05em;border:1.5px solid #d8dbdf;border-radius:50%}.unit-switch .selected span{background:#f00018;box-shadow:inset 0 0 0 2px #fff;border-color:#f00018}.included{display:flex;align-items:center;justify-content:center;gap:.2em;background:#f5f5f5;border-radius:.4em;padding:1em .2em;font-size:.68em;margin-top:.9em;white-space:nowrap}.included svg{width:1.15em;height:1.15em}.included i{height:1.2em;width:1px;background:#b7bfc5;margin:0 .3em}.fitment-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:.65em;margin:.5em -.2em 0}.fitment-actions .primary{font-size:1.15em;padding:.6em .4em;white-space:nowrap}.fitment-actions .outline{color:#111;border:1px solid #111;font-size:1em;margin:.45em 0;display:flex;align-items:center;justify-content:center;gap:.4em;padding:.6em .2em;white-space:nowrap}.fitment-actions svg{width:1.3em;height:1.3em}.page-campaigns{background:#0d1418;color:#fff}.page-campaigns header{padding:.5em 1.2em;height:3.3em;background:transparent}.page-campaigns header img{width:8.5em;height:2.3em}.campaign-header-title{font-size:1.25em;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.page-campaigns .header-actions button:first-child{display:none}.page-campaigns main{padding:0 1em 1em;background:linear-gradient(90deg,#0d1418bb,#0d141833 80%),url('/assets/campaign-car.jpg') right 4em/auto 27em no-repeat}.campaign-tabs{display:flex;border-bottom:1px solid #353b3f;margin:0 -1em;padding:0 2.4em}.campaign-tabs button{border:0;border-radius:0;background:transparent;color:#bbb;position:relative;flex:1;font-size:1em;font-weight:700;padding:.7em}.campaign-tabs button.active{color:#f00018}.campaign-tabs .active:after{content:'';height:.15em;width:3.8em;background:#f00018;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:20px}.campaign-scene{text-align:center;padding:1.3em 0 .3em}.campaign-scene h1{display:flex;justify-content:center;align-items:center;gap:.6em;font-size:1.55em!important;margin:0 0 .2em;white-space:nowrap}.campaign-scene h1>i{height:.12em;width:2em;background:linear-gradient(90deg,transparent,#f00018);transform:skew(-25deg)}.campaign-scene h1>i:last-child{transform:rotate(180deg) skew(-25deg)}.campaign-scene>p{color:#b9bdc2;font-size:.9em;margin:0 0 .5em}.ref-wheel{width:17em;height:17em;border:2px solid #abb0b3;background:#11191d;border-radius:50%;margin:.45em auto .6em;position:relative;box-shadow:0 0 0 2px #070b0e,0 .2em .6em #0008}.wheel-face{position:absolute;inset:.75em;border-radius:50%;background:conic-gradient(from 0deg,#f1f1f1 0 60deg,#f00018 60deg 120deg,#f1f1f1 120deg 180deg,#f00018 180deg 240deg,#f1f1f1 240deg 300deg,#f00018 300deg 360deg);box-shadow:inset 0 0 1.5em #0003}.wheel-prize{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3em;color:white;width:5.5em}.wheel-prize.dark-prize{color:#20282d}.wheel-prize>svg{width:1.45em;height:1.45em;stroke-width:2.7}.wheel-prize>b{font-size:.6em;white-space:nowrap}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.8em;height:4.8em;border-radius:50%;border:.38em solid #111619;background:linear-gradient(140deg,#ff001b,#ba0004);box-shadow:inset 0 0 0 2px #f00018,0 .2em .5em #000a}.wheel-light{position:absolute;transform:translate(-50%,-50%);width:.32em;height:.32em;background:#fff;border-radius:50%}.campaign-scene>h2{font-size:.95em;margin:.7em 0 .45em}.rules-link{display:flex;align-items:center;justify-content:center;gap:.7em;border:1px solid #fff;border-radius:3em!important;background:transparent;color:white;margin:0 auto;padding:.35em 1em!important;font-size:.8em!important}.rules-link svg{height:1em;width:1em}.campaign-disabled{width:58%!important;margin:.55em auto .4em!important;opacity:1!important;background:linear-gradient(90deg,#b40008,#d0000d)!important;color:#b6a4a4!important;font-size:1.1em!important;min-height:2.4em!important}.campaign-link{display:flex;align-items:center;gap:.8em;width:100%;padding:.8em!important;background:#ffffff03;color:#eee;border:1px solid #ffffff12;text-align:left;margin:.5em 0;border-radius:.55em!important;min-height:3.8em}.campaign-link>svg{width:2em;height:2em;color:#bfc4c8;stroke-width:1.5}.campaign-link:first-of-type>svg{color:#f00018;fill:#f00018;stroke:#101619}.campaign-link>span{flex:1}.campaign-link b{font-size:.94em}.campaign-link small{color:#b9bec5;font-size:.65em;white-space:nowrap;margin-top:.2em}.campaign-link em{font-size:.65em;display:flex;align-items:center;border:1px solid #676d72;border-radius:3em;padding:.4em .7em;font-style:normal;white-space:nowrap}.campaign-link em svg{width:1em;height:1em}.page-campaigns .demo{color:#90979c}.page-campaigns .ref-dialog{color:#111}.page-chat{padding-bottom:.5em;background:#f8f8f8}.page-chat header{height:4em;justify-content:center;background:#111}.page-chat header img{width:11em;object-position:center}.page-chat .back{display:block;position:absolute;left:1em}.page-chat header .header-actions{display:none}.page-chat main{padding:1em 1.3em 0}.page-chat nav{display:none}.chat-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.7em}.chat-heading h1{font-size:2.15em!important;letter-spacing:0;white-space:nowrap;margin:.3em 0 .6em}.chat-heading>div{padding-top:.3em;text-align:right;white-space:nowrap}.status-pill{display:inline-block;border-radius:3em;color:#ef0018;background:#ffe7e9;font-size:.85em;font-weight:700;padding:.3em .7em}.chat-heading small{font-size:.7em;margin-top:.25em;color:#666}.chat-vehicle{display:flex;align-items:center;gap:.7em;background:#fff;border-radius:.8em;padding:.7em .8em;margin:.2em 0 .7em}.chat-vehicle>svg{width:1.7em;height:1.7em;color:#697078}.chat-vehicle>b{font-size:1.05em;white-space:nowrap}.chat-vehicle>span{font-size:.85em;color:#687078;border-left:1px solid #ccc;padding-left:.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-vehicle button{font-size:.85em;color:#f00018;border:0;background:#f5f5f5;padding:.25em .65em;display:flex;align-items:center;gap:.2em}.page-chat .messages{max-height:none;min-height:14em;padding:.1em 0}.message-row{display:flex;align-items:flex-start;gap:.6em;margin:.7em 0}.message-row.mine{justify-content:flex-end}.staff-avatar{width:3.3em;height:3.3em;object-fit:contain;background:#000;border-radius:50%;padding:.3em}.message-content{max-width:83%}.page-chat .bubble{max-width:none;background:#fff;padding:.65em .9em;border-radius:.8em!important;margin:0;color:#111;font-size:1.1em;box-shadow:0 .1em 1em #11104}.page-chat .bubble p{margin:0}.page-chat .mine .bubble{background:#ed0018;color:#fff;border-radius:.8em!important}.message-content>small{font-size:.65em;color:#92979d;margin:.25em .5em 0}.mine .message-content>small{text-align:right}.recommendation-card{margin:1em 0;background:#fff3f3;border-radius:.85em;overflow:hidden;box-shadow:0 .1em 1em #11104}.recommendation-card>h2{font-size:1.25em;padding:.75em 1em;margin:0;display:flex;gap:.5em;align-items:center}.recommendation-card>h2>svg{color:#ed0018;width:1.35em;height:1.35em}.recommendation-content{background:#fff;border-radius:.8em;padding:.85em 1em .55em}.recommendation-spec{display:grid;grid-template-columns:36% 1fr;gap:1em}.recommendation-spec>img{width:100%;height:11em;object-fit:contain;background:#f6f6f6;border-radius:.65em}.recommendation-spec p{font-size:.95em;margin:.2em 0 .35em;line-height:1.35}.recommendation-spec p:nth-child(2){font-size:.8em}.recommendation-spec hr{border:0;height:1px;background:#ddd;margin:.65em 0 .3em}.quote-unit{display:inline-block;color:#fff;background:#f00018;border-radius:3em;padding:.3em 1.2em;margin:.3em 0;font-size:.85em;font-weight:700}.quote-included{font-size:.8em!important;margin-top:.6em!important}.recommendation-content .primary{font-size:1.15em;margin:.65em 0 .1em}.page-chat .composer{position:sticky;bottom:0;display:flex;align-items:center;gap:.6em;background:#fff;border-radius:3em;padding:.4em .5em .4em .6em;box-shadow:0 0 1em #11103;margin:1em -.2em .3em}.composer .attach-plus{border:0;background:#727980;color:#fff;border-radius:50%;height:1.7em;width:1.7em;font-size:1.2em;padding:0}.composer .attach-image{background:transparent;color:#777e85;border:0;padding:0}.composer .attach-image svg{height:1.5em;width:1.5em}.page-chat .composer input{border:0;border-left:1px solid #ddd;border-radius:0;min-width:0;padding:.2em .7em;font-size:1em;flex:1;background:transparent;height:2.2em}.page-chat .composer .primary{width:2.4em;height:2.4em;min-height:0;margin:0;border-radius:50%;padding:.5em;flex-shrink:0}.composer .primary:disabled{opacity:1;background:#cdd0d4}.page-chat .chat-footnote{font-size:.6em;color:#999;text-align:center;margin:.6em 0}.page-chat .demo{display:none}
.ref-login{color:#fff}.ref-login h1{color:#fff}.ref-login .ref-dialog{color:#15191d}.ref-login .ref-dialog h2{color:#15191d}
.qr-large{display:block;width:min(100%,320px);height:auto;margin:20px auto}.ref-dialog .qr-large{max-height:60vh;object-fit:contain}
html{scrollbar-width:none}.home-rewards h2{margin:0}.home-rewards strong{margin:.65em 0 .1em}.home-rewards .gift-tile strong{margin:.8em 0 .3em}.identity{min-height:14em;padding:1.15em 1em .7em!important}.identity-note{margin-top:.5em}.phone-mask{margin:.1em 0}.points-tile,.gift-tile{background:linear-gradient(110deg,#ffe6e9,#fff3f4)!important}.points-tile:after,.gift-tile:after{content:'';position:absolute;right:.1em;bottom:.4em;width:5.3em;height:5.2em;background:url('/assets/home-coins.jpg') center/contain no-repeat;mix-blend-mode:multiply;pointer-events:none}.gift-tile:after{background-image:url('/assets/home-gift.jpg');bottom:.8em}.home-rewards strong,.home-rewards small{position:relative;z-index:1}
.page-rewards main{background:#f8f8f8;position:relative}.page-rewards main:before{content:'';position:absolute;left:0;right:0;top:0;height:6.1em;background:linear-gradient(90deg,#101416 15%,#10141600 65%),url('/assets/reward-wheel.jpg') right top -4.8em/auto 11em no-repeat,#101416}.reward-brand-copy,.reward-title,.reward-tabs,.reward-body{position:relative;z-index:1}.gift-banner{background:linear-gradient(90deg,#fff2f2 0%,#fff2f200 70%),url('/assets/reward-gift.jpg') right center/auto 100% no-repeat,linear-gradient(130deg,#fff4f4,#ffcdd2)}
.reward-qr{min-height:0}.reward-qr>h2{margin:0 0 .3em}.reward-qr .qr img{width:6.4em;height:6.4em}.reward-qr .qr>.text{padding:0;font-size:.5em}.app .reward-tabs{margin:1.1em -.1em .55em}.reward-body .card{margin:.55em 0}.page-rewards .demo{display:none}.page-rewards .owned-link{font-size:.6em!important}
.vehicle-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.vehicle-card b,.vehicle-card>span{position:relative;z-index:1}
.fitment-fields span{font-size:.85em}
.page-campaigns main{background:linear-gradient(90deg,#0d1418f5,#0d141880 55%,#0d141822),url('/assets/campaign-car.jpg') center 3em/100% 31em no-repeat}.campaign-scene{padding-top:1em}
:is(.page-package,.page-entitlement,.page-conversations,.page-create,.page-claim,.page-ledger,.page-notifications,.page-account) .back{display:block}
/* Result-driven wheel: rotate only the face, keep pointer and lights fixed. */
.wheel-rotor{position:absolute;inset:0;border-radius:50%;will-change:transform}.animated-wheel .wheel-pointer{position:absolute;left:50%;top:-.2em;transform:translateX(-50%);width:0;height:0;border-left:.65em solid transparent;border-right:.65em solid transparent;border-top:1.8em solid #ffd574;z-index:4;filter:drop-shadow(0 2px 2px #0008)}.animated-wheel .wheel-hub{display:grid;place-items:center;z-index:2}.wheel-hub svg{color:#fff;width:1.9em;height:1.9em}.animated-wheel .wheel-prize>b{white-space:normal;text-align:center;line-height:1.15;max-width:6.5em}.animated-wheel .wheel-light{box-shadow:0 0 .5em #fff9}.is-spinning .wheel-light{animation:wheelBlink .6s infinite alternate}.is-winning{box-shadow:0 0 0 2px #ffd574,0 0 2em #ffcd6788}.draw-phase{min-height:1.6em;color:#ffd574!important;font-weight:700}.winner-celebration{position:relative;overflow:hidden;text-align:center;padding:1em .4em 1.5em;min-height:16em;background:radial-gradient(ellipse at 50% 30%,#ffe9a8 0,transparent 65%);border-radius:1em}.winner-celebration h2{position:relative;color:#c40017;font-size:1.65em;animation:prizePop .5s both}.winner-gift{position:relative;margin:1em auto;color:#e90020;width:7em;height:5em;animation:prizePop .65s cubic-bezier(.2,1.6,.5,1) both;filter:drop-shadow(0 5px 9px #e9002033)}.winner-gift span{position:absolute;color:#c08a16;font-size:2em;top:-.5em;left:0}.winner-gift span:last-child{left:auto;right:0;top:1em}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-1.5em;width:.55em;height:1.1em;animation:prizeConfetti 2.4s ease-out both}.winner-celebration p,.winner-celebration small{position:relative}@keyframes wheelBlink{to{background:#ffd574;box-shadow:0 0 1em #ffd574;opacity:.4}}@keyframes prizePop{from{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes prizeConfetti{0%{opacity:1;translate:0 -15px;rotate:0deg}100%{opacity:0;translate:25px 340px;rotate:700deg}}@media(prefers-reduced-motion:reduce){.confetti i,.winner-gift,.winner-celebration h2,.is-spinning .wheel-light{animation:none}.confetti{display:none}}