/* Gentle RTS surfaces. Real photos/logos keep their original colors. */
html,body{scroll-behavior:auto;overscroll-behavior-y:auto}
:root{--rts-red:#cb3852;--rts-surface:#f8f8fa;--rts-group:#f0f0f5}
html body,.x-app,.page,.main,#home.x-screen,.x-app .iq-top,.iq-welcome{background:#f8f8fa!important;color:#30313a!important}
.iq-search,.rs-form{background:#eeeef2!important}
.iq-banner{background:linear-gradient(100deg,#fff 0%,#fff 49%,#e2eaf1 52%,#c6d9e7 100%)!important}
.iq-banner.violet{background:linear-gradient(100deg,#fff 0%,#fff 49%,#f0e8f5 52%,#dac8e6 100%)!important}
.iq-banner.blue{background:linear-gradient(100deg,#fff 0%,#fff 49%,#e3eef5 52%,#c6e0ec 100%)!important}
.iq-banner h2{color:#30313a!important}.iq-banner small{background:#fff1cd!important;color:#7b684b!important}
.iq-banner b,.rts-play,.iq-ai,.rs-empty button{background:#cc3c55!important}
.iq-banner b{background:linear-gradient(120deg,#d74a62,#c93652)!important}
#homeVideos{border-color:#de788c!important;min-height:calc(min(56.25vw,337.5px) + 107.625px);background:#fff6f8!important}
.rts-poster:before{background:#cb3852!important}.rts-vmini:after{color:#b83c54!important}
.iq-popular,.iq-recommended,.iq-tips,.iq-explore,#home .x-block#services{background:#f0f0f5!important}
#iqPopular{min-height:434px}#iqRecommended{min-height:272px}
.iq-service-grid>a,.rs-card{box-shadow:0 2px 5px #45405704!important}
.iq-tips img{background:#f9ebc9!important}.iq-tips a:nth-child(2) img{background:#e5eedb!important}.iq-tips a:nth-child(3) img{background:#e2ebf5!important}
.iq-explore>a{background:linear-gradient(120deg,#e8e7f0,#d8e1ed)!important}.iq-explore b{color:#434957!important}.iq-explore small{color:#9d6472!important}.iq-explore span{color:#606776!important}
.x-app .x-tab[aria-selected=true]{color:#cb3852!important}.iq-ai{box-shadow:0 3px 9px #b84a631b!important}
.x-app .x-tabs{box-shadow:none!important;border-color:#efeff4!important}
#rtsSearchOverlay,.rs-shell,.rs-head{background:#f8f8fa!important}.rs-intro{background:linear-gradient(115deg,#f4edf0,#edecf4)!important}.rs-results{background:#f0f0f5!important}.rs-chips button{color:#666571!important}
/* No reveal-observer work or per-icon shadow filter while scrolling. */
.x-tools .x-tl span.rich svg{filter:none!important}.x-hero__glow{animation:none!important;will-change:auto!important}
.x-svc,.x-tl,.x-svch{opacity:1!important;visibility:visible!important;animation:none!important;will-change:auto!important}
.x-tools .x-tl,.x-svc,.iq-tools>a,.iq-service-grid>a,.rs-card{transition:transform 100ms ease-out,opacity 100ms ease-out!important}
.x-top,.x-tabs,.x-card,.x-tile,.x-video{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.x-screen[role=tabpanel]:not([hidden]){animation:iq-tab-in 100ms ease-out!important}
.rs-card{contain:layout style}.rs-results,.iq-tips-rail,.iq-carousel,.rts-vrail,#svcChips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#home .iq-popular,#home .iq-recommended,#home .iq-tips,#home .iq-explore{content-visibility:auto;contain-intrinsic-size:auto 300px}
body>header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){.x-screen[role=tabpanel]:not([hidden]){animation:none!important}.x-tools .x-tl,.x-svc,.iq-tools>a,.iq-service-grid>a,.rs-card{transition:none!important}}
/* Compact category directory. All destinations remain searchable, collapsed groups do no layout work. */
#home .rts-category{display:block;background:#fff;border:0;border-radius:9px;margin:0 0 6px;overflow:hidden}
#home .rts-category>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 13px;min-height:82px;cursor:pointer;scroll-margin-top:67px}
#home .rts-category>summary::-webkit-details-marker{display:none}
.rts-category-copy{flex:1;min-width:0}.rts-category-copy b{display:block;font:500 13px/1.5 Inter,Arial,sans-serif;color:#383943}.rts-category-copy small{display:block;font:10px/1.5 Inter,Arial,sans-serif;color:#9999a3;margin-top:4px}
.rts-category-art{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center}.rts-category-art img,.rts-category-art svg{width:34px;height:34px;object-fit:contain;filter:none!important}.rts-category-arrow{font:19px/1 Arial;color:#9d9da6;width:13px;flex-shrink:0;transition:transform 120ms ease-out}.rts-category[open]>.rts-category-arrow,.rts-category[open]>summary>.rts-category-arrow{transform:rotate(180deg)}
#home .rts-category[open]>summary{border-bottom:1px solid #f3f2f6}
#home #svcList .rts-category>.x-svcgrid,#home #services>.rts-category>.x-tools{margin:0!important;padding:5px!important;background:#f1f1f6!important;gap:5px!important;border-radius:0!important}
#home #svcList .rts-category>.x-svcgrid{content-visibility:visible!important;contain-intrinsic-size:none!important}
#home #svcChips{display:none!important}
#home #services>.rts-category>.x-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#home #svcList .rts-category .x-svc__t{font-size:10px!important}#home .rts-category .x-svc{min-height:137px!important}
@media(prefers-reduced-motion:reduce){.rts-category-arrow{transition:none!important}}
#home #svcList .rts-category>.x-svcgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#home #svcList .rts-category .x-svc{padding:14px 8px 34px!important;min-height:145px!important;border-radius:7px!important;gap:8px!important}
#home #svcList .rts-category .x-svc__t{font:400 11px/1.4 Arial,sans-serif!important;min-height:32px!important;-webkit-line-clamp:3!important}
#home #svcList .rts-category .rts-service-share{font-size:9px!important;min-height:24px!important;bottom:6px!important;left:6px!important;right:6px!important;background:#f4f5f6!important;color:#77877d!important}
.rts-category-arrow{font-size:0!important;border-right:1.5px solid #a5a5af;border-bottom:1.5px solid #a5a5af;width:7px!important;height:7px;transform:rotate(45deg);margin-right:4px}
.rts-category[open]>summary>.rts-category-arrow{transform:rotate(225deg)}
.iq-search{position:relative}
.iq-search-hint{position:absolute;left:33px;right:11px;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;font:11px var(--x-font);color:#777982;contain:layout paint}
.iq-search-hint[hidden]{display:none}
.rts-promo{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}
.rts-promo>.rts-poster{position:absolute!important;inset:0;z-index:2}
.rts-promo .rts-play,.rts-promo .rts-poster:before{display:none!important}
.rts-promo-mount,.rts-promo>iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0!important;pointer-events:none}
.rts-promo.is-playing>.rts-poster{visibility:hidden}
.rts-promo-open{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;color:#fff!important;text-decoration:none!important;font:500 10px Arial,sans-serif;text-shadow:0 1px 3px #000;background:linear-gradient(transparent 65%,#0005)}
.rts-promo-badge{position:absolute;top:10px;left:9px;z-index:5;pointer-events:none;background:#cb3852;color:#fff;border-radius:4px;padding:4px 6px;font:500 9px Arial,sans-serif}
.iq-promo-video>img{width:44%!important;height:112px!important;top:39px!important;right:9px!important;border-radius:9px;object-fit:cover!important}
.iq-promo-video p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:25px}
#connect.x-screen{gap:20px!important;padding:20px 16px 35px!important}
#connect>.x-h{font-size:27px!important;letter-spacing:-.7px!important;margin-bottom:0!important}
.rts-profile{display:flex;align-items:center;gap:14px;padding:3px 12px 5px}
.rts-profile>img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff}
#connect .rts-profile h3{font-size:18px!important;font-weight:650!important;margin:0 0 7px!important;color:#191a1e!important;letter-spacing:-.3px!important}
.rts-profile p{font-size:11px;color:#85858b;margin:0}
.rts-member{display:flex;align-items:flex-start;gap:12px;padding:18px 17px;border-radius:14px;background:linear-gradient(110deg,#a31531,#d34661 70%,#e27386);color:#fff!important;text-decoration:none!important;min-height:106px;box-sizing:border-box}
.rts-member-icon{font-size:18px;width:29px;height:29px;display:grid;place-items:center;background:#ffffff24;border:1px solid #ffffff33;border-radius:9px;flex:none}
.rts-member b{font:600 15px/1.5 var(--x-font);display:block}.rts-member b span{padding-left:6px;opacity:.6}.rts-member p{font:11px/1.5 var(--x-font);margin:4px 0 10px;color:#ffe2e8}.rts-member small{font-size:10px;padding-top:9px;border-top:1px solid #ffffff24;display:block}
#connect .rts-connect-section{background:#fff;border-radius:15px;padding:17px 14px 4px;overflow:hidden}
#connect .rts-connect-section>h3{font:600 15px/1.4 var(--x-font)!important;margin:0 2px 7px!important}
#connect .rts-connect-section .x-rows{padding:0!important;gap:0!important;background:#fff!important;border-radius:0!important}
#connect .rts-connect-section .x-row{box-sizing:border-box!important;min-height:63px!important;padding:12px 2px!important;border-radius:0!important;border-bottom:1px solid #f3f3f5!important;gap:12px!important}
#connect .rts-connect-section .x-row:last-child{border:0!important}
#connect .rts-connect-section .x-row__ic{width:32px!important;height:32px!important;border-radius:9px!important}
#connect .rts-connect-section .x-row__t{font-size:12px!important;font-weight:400!important}
#connect .rts-install{padding:17px 16px!important}
#connect .rts-install .x-card{padding:0!important;margin:0!important;box-shadow:none!important}
#connect .rts-install .x-steps{margin-bottom:0!important;padding-left:0!important;font-size:12px!important;line-height:1.85!important}
#connect #share{background:#cb3852!important;border-radius:24px!important;box-shadow:none!important;font-size:12px!important;min-height:44px!important}
.iq-promo-ration>img{width:36%!important;height:125px!important;top:30px!important;right:15px!important;object-fit:contain!important;border-radius:15px}
@media(max-width:350px){.rts-profile{padding-left:4px;gap:11px}#connect .rts-profile h3{font-size:17px!important}.rts-member{padding:16px 13px;gap:9px}.rts-member b{font-size:13px}.rts-member p{font-size:10px}}
.rts-profile{padding:1px 10px 3px;gap:14px}.rts-profile>img{width:72px;height:72px;object-position:center;flex:none}
#connect.x-screen{gap:17px!important;background:#f7f7f8!important}
.rts-profile{padding:3px 10px 0;gap:14px}.rts-profile>img{width:80px;height:80px}
#connect .rts-profile h3{font-size:20px!important;font-weight:700!important;letter-spacing:-.5px!important;margin-bottom:8px!important}.rts-profile p{font-size:11px}
.rts-profile-stats{display:grid;grid-template-columns:1fr 1fr;padding:0 15px;margin-top:0}.rts-profile-stats>div{text-align:center;display:flex;flex-direction:column;gap:8px}.rts-profile-stats>div+div{border-left:1px solid #dedee3}.rts-profile-stats b{font:650 22px/1.1 var(--x-font);color:#131417}.rts-profile-stats span{font:12px/1.3 var(--x-font);color:#52535b}.rts-stats-note{font:9px/1.2 var(--x-font);color:#93939c;text-align:center;margin:-7px 0 -3px}
.rts-member{background:linear-gradient(105deg,#4546ce 0%,#555bdd 55%,#7989f2 100%);padding:14px 15px;min-height:100px;gap:9px;border-radius:13px}
.rts-member-icon{font-size:29px;line-height:1;background:linear-gradient(145deg,#d4f0ff,#78a3e9 55%,#8b78ff);border:0;color:#fff;width:29px;height:28px;clip-path:polygon(22% 0,78% 0,100% 35%,50% 100%,0 35%);border-radius:0;margin-top:0}
.rts-member>div{flex:1;min-width:0}.rts-member b{font-size:18px;line-height:1.4}.rts-member p{display:none}.rts-member small{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#eef1ff;margin-top:13px;padding-top:10px}.rts-member small span{white-space:nowrap}
#connect .rts-connect-section{background:none;padding:0;border-radius:0;overflow:visible}
.rts-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin:0 0 11px;gap:10px}
#connect .rts-section-head h3{font:650 16px/1.4 var(--x-font)!important;color:#16171b!important;margin:0!important}.rts-section-head>a,.rts-section-head>span{font:11px/1.4 var(--x-font);color:#73747d;text-decoration:none}
#connect .rts-connect-section .x-rows{padding:4px 14px!important;border-radius:14px!important}
#connect .rts-connect-section .x-row{min-height:58px!important}
#connect .rts-install{padding:0!important}.rts-install .x-card{border-radius:14px!important;padding:15px!important}#connect .rts-install .x-card{padding:16px!important}#connect .rts-install .x-sh{font-size:13px!important;margin-top:0}
@media(max-width:350px){.rts-profile{padding-left:3px;gap:11px}#connect .rts-profile h3{font-size:19px!important}.rts-profile>img{width:74px;height:74px}.rts-member b{font-size:16px}.rts-member small{font-size:8px;gap:5px}}
#connect .rts-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;padding:0 4px!important;margin:0 0 11px!important;gap:10px!important}
#connect .rts-section-head h3{flex:1!important}#connect .rts-section-head>a,#connect .rts-section-head>span{display:inline!important;float:none!important;position:static!important;width:auto!important;min-width:0!important;font:11px/1.4 var(--x-font)!important;white-space:nowrap!important;margin:0!important;padding:0!important}
#connect .rts-member small{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;font:10px/1.4 var(--x-font)!important}
#connect .rts-member small span{font:10px/1.4 var(--x-font)!important;display:inline!important;white-space:nowrap!important;color:#eef1ff!important;padding:0!important;margin:0!important}
@media(max-width:350px){#connect .rts-member small span{font-size:9px!important}}
#connect .rts-section-head>a{display:flex!important;align-items:center!important;min-height:0!important;height:auto!important;line-height:1.4!important}
/* Sampled iQOO reference card: cool blue-periwinkle, lighter at top right. */
#connect .rts-member{background:linear-gradient(to bottom,#ffffff07,#253a9c26),linear-gradient(105deg,#4752d0 0%,#5465db 52%,#7a90f3 100%)!important}
#connect .rts-member{display:grid!important;grid-template-columns:24px minmax(0,1fr);column-gap:9px;row-gap:0;min-height:80px!important;height:80px!important;padding:12px 15px 10px!important;border-radius:12px!important;box-shadow:0 2px 5px #414fbd08!important;align-items:start}
#connect .rts-member>div{display:contents!important}
#connect .rts-member-icon{width:23px!important;height:23px!important;font-size:22px!important;margin:0!important}
#connect .rts-member b{grid-column:2;font:500 16px/23px var(--x-font)!important;letter-spacing:0!important}
#connect .rts-member b span{font:400 18px/23px Arial,sans-serif!important;opacity:.6;padding-left:4px}
#connect .rts-member small{grid-column:1/-1;margin:8px 0 0!important;padding:7px 0 0!important;border-top:1px solid #ffffff16!important;line-height:12px!important}
#connect .rts-member small span{font:400 9px/12px var(--x-font)!important;opacity:.9}

#connect .rts-profile>img{border-radius:12px!important;object-fit:contain!important}

#connect .rts-profile>img{border-radius:50%!important}

#connect .rts-profile>img{border-radius:12px!important}

#connect .rts-profile>img{width:60px!important;height:auto!important;aspect-ratio:928/1238;border-radius:8px!important;object-fit:contain!important;background:none!important}

#connect .rts-profile>img{width:80px!important;height:80px!important;aspect-ratio:1;border-radius:12px!important;object-fit:contain!important}
@media(max-width:350px){#connect .rts-profile>img{width:74px!important;height:74px!important}}
