/* V38 — reference-driven layout. Loaded last so older presentation layers cannot override it. */
html.y38{--y38-gold:#e5c57c;--y38-bright:#ffe7a7;--y38-border:#b99a5d88;--y38-panel:#171022;--y38-muted:#b9acc9;background:#080510}
html.y38 body{background:#080510!important;color:#f4edf8!important}
html.y38 body .app,html.y38 body #onboarding{background:radial-gradient(ellipse at 100% 18%,#74398420,transparent 45%),radial-gradient(ellipse at 0 85%,#6330a022,transparent 40%),linear-gradient(150deg,#10091d,#090613 65%)!important}
html.y38 body .app{max-width:460px!important;min-height:100svh;padding:14px 16px calc(100px + env(safe-area-inset-bottom))!important;overflow:clip}
html.y38 body .screen{scroll-margin-top:16px}
html.y38 body :is(.screen h1,.screen h2,.screen h3){color:var(--y38-gold)!important;letter-spacing:0}
html.y38 body .pageHead{margin:4px 0 18px!important;position:relative;align-items:center;min-height:54px}
html.y38 body .pageHead h1{font-size:25px!important;line-height:1.3!important}
html.y38 body .pageHead .sub{font-size:11px!important;line-height:1.6!important;margin-top:4px}
html.y38 body .pageHead>button{min-width:42px;width:42px;height:42px;padding:0!important;border-radius:50%!important;flex-shrink:0}
html.y38 body .pageHead>div{min-width:0}
html.y38 body :is(.glass,.form,.dealCard,.adminCard,.editProfileCard){border-radius:14px!important;box-shadow:inset 0 1px #ffe8b110,0 6px 18px #0003!important}
html.y38 body :is(input:not([type=checkbox]):not([type=range]):not([type=file]),textarea,select){border-radius:9px!important;background:linear-gradient(145deg,#20172b,#120d1d)!important;border-color:#9d805967!important}
html.y38 body button{font-family:inherit}
html.y38 body :is(.onPrimary,.cta,.saveProfileBtn,.customerRequestCta,.y29Main,.y36Approve,.y29Buy,.v282HeroBuy){border-radius:9px!important;background:linear-gradient(105deg,#a97c34,#f7dda0 46%,#d4aa59)!important;box-shadow:inset 0 1px #fff0bf99,0 5px 15px #a7772329!important;color:#271a0e!important;border-color:#e7c880!important;min-height:44px!important}
html.y38 body .dashboardTop{margin:0 0 14px!important;gap:8px;min-height:78px;border-bottom:1px solid #aa864530;padding-bottom:12px;position:relative}
html.y38 body .dashBrand{display:block!important;position:relative}
html.y38 body .dashBrand b{font:25px/1.15 Georgia,'Times New Roman',serif!important;letter-spacing:.2px;color:var(--y38-gold)!important}
html.y38 body .dashBrand small{font-size:8px!important;letter-spacing:.7px;white-space:normal!important}
html.y38 body .dashBrand .y37Crown{width:24px;height:19px;margin-bottom:2px}
html.y38 body .appVersion{font-size:7px!important;margin-top:3px!important;opacity:.7}
html.y38 body .dashboardTop :is(.bell,.loc){width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:6px!important;align-self:center;background:#151020!important}
html.y38 body .dashboardTop .bell:after{display:none!important}
html.y38 body .dashboardTop .y34-icon{width:19px;height:19px}
html.y38 body #home>.activity{display:none!important}

/* Client landing: the service grid is the main content, not a second screen below a large hero. */
html.y38 body #customerRequestHero.customerRequestHero{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 13px!important;display:flex;gap:10px;align-items:center;text-align:right}
html.y38 body #customerRequestHero .customerRequestHeroText{flex:1;min-width:0}
html.y38 body #customerRequestHero .modePill{font-size:9px!important;padding:3px 8px!important;margin-bottom:3px}
html.y38 body #customerRequestHero h2{font-size:17px!important;line-height:1.4!important;margin:4px 0!important}
html.y38 body #customerRequestHero small{display:none!important}
html.y38 body #customerRequestHero>.customerRequestCta{font-size:11px!important;min-height:44px!important;width:100px!important;flex:0 0 100px;margin:0!important;padding:6px 8px!important;line-height:1.5!important}
html.y38 body #yadServiceCategories{margin:0 0 18px!important}
html.y38 body .y341ServicesHead{margin:9px 0 15px!important;text-align:center!important}
html.y38 body .y341ServicesHead h2{font-size:28px!important;line-height:1.2!important;font-family:Georgia,'Times New Roman',serif!important;margin:5px 0 7px!important;text-shadow:0 0 15px #daa54a22}
html.y38 body .y341ServicesHead p{font-size:11px!important;margin:0!important;color:#dbccac!important}
html.y38 body .y37Rule{font-size:8px;margin:0 20px 8px;letter-spacing:2px}
html.y38 body #yadServiceCategories .y341ServiceGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 8px!important;direction:ltr}
html.y38 body #yadServiceCategories .y341ServiceCard{display:flex!important;flex-direction:column;position:relative;direction:rtl;min-width:0!important;min-height:136px!important;overflow:hidden!important;border:1px solid #c6a569c7!important;border-radius:13px!important;padding:0!important;background:linear-gradient(145deg,#281a31,#0b0812 76%)!important;box-shadow:inset 0 0 0 2px #e9c78812,0 5px 12px #0008!important}
html.y38 body #yadServiceCategories .y341ServiceCard:before{content:'';position:absolute;inset:2px;border:1px solid #e2c17c25;border-radius:10px;pointer-events:none;z-index:2}
html.y38 body .y341ServiceVisual{width:100%;aspect-ratio:1.33!important;position:relative;display:block!important;border:0!important;background:#15101e!important;overflow:hidden;flex:none}
html.y38 body .y341ServiceVisual img{object-fit:cover!important;width:100%!important;height:100%!important;filter:brightness(.72) saturate(.73);object-position:center 35%!important}
html.y38 body .y341ServiceVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#100b17);pointer-events:none}
html.y38 body .y341ServiceVisual.y38ReferenceArt{background-image:url('./artwork/services-reference.jpeg')!important;background-size:432.9268% 1335.6522%!important;background-position:var(--art-x) var(--art-y)!important;background-repeat:no-repeat!important}
html.y38 body .y341ServiceVisual.y38ReferenceArt img{visibility:hidden}
html.y38 body .y341ServiceLabel{display:grid!important;place-items:center!important;min-height:43px!important;padding:11px 3px 6px!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;position:relative;background:linear-gradient(#100b17,#0d0913)!important;color:#f1d694!important;width:100%}
html.y38 body .y38ServiceBadge{position:absolute;top:calc((100vw - 48px)/3/1.33 - 14px);left:50%;transform:translateX(-50%);width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #e6c579cc;color:#ebca80;background:radial-gradient(circle at 35% 10%,#49351e,#130d18 80%);box-shadow:0 2px 5px #0009;pointer-events:none;z-index:3}
html.y38 body .y38ServiceBadge svg{width:20px;height:20px}
html.y38 body .y341ServiceNote{font-size:9px!important;line-height:1.5!important;text-align:center;color:#a493b2!important;margin:11px 0 0!important}
html.y38 body #priceInfoBox{display:none!important}

/* Professional dashboard: compact controls and real balance remain above the request feed. */
html.y38 body #proHomeSummary.proHomeSummary{background:linear-gradient(140deg,#21162b,#100b19)!important;border-radius:14px!important;padding:14px!important;margin:0 0 12px!important;border-color:#ab874d75!important}
html.y38 body .proHomeTitle{align-items:center;gap:7px;margin-bottom:12px}
html.y38 body .proHomeTitle h2{font-size:23px!important;margin:6px 0 4px!important}
html.y38 body .proHomeTitle small{font-size:10px!important;line-height:1.4!important}
html.y38 body .proHomeTitle .show{font-size:10px!important;min-height:38px!important;padding:6px 9px!important;border-radius:8px!important}
html.y38 body .proHomeTitle .modePill{font-size:9px!important;padding:4px 7px!important}
html.y38 body .proQuickGrid{gap:7px!important}
html.y38 body .proQuickGrid button{min-height:61px!important;padding:9px 4px!important;border-radius:9px!important;background:linear-gradient(145deg,#2b1b36,#130e1d)!important;border-color:#8e6c4059!important}
html.y38 body .proQuickGrid b{font-size:11px!important;line-height:1.35!important;display:block}
html.y38 body .proQuickGrid small{display:none!important}
html.y38 body .proQuickGrid .y34-icon-wrap{display:block!important;margin:0 auto 5px!important;width:20px}
html.y38 body .leadWalletCard{padding:13px!important;margin:0 0 16px!important;border-radius:14px!important;background:radial-gradient(ellipse at 0 0,#6f3b6120,transparent 70%),linear-gradient(130deg,#23162f,#100b19)!important}
html.y38 body .leadWalletCard:after{display:none!important}
html.y38 body .leadWalletTop{gap:10px!important}
html.y38 body .leadWalletTop h3{font-size:17px!important;margin:0 0 5px!important}
html.y38 body .leadWalletTop>div>small{font-size:10px!important;line-height:1.5!important}
html.y38 body .leadBalanceBubble{border:1px solid #b28e4d7d!important;min-width:68px!important;padding:7px!important;background:radial-gradient(circle at 50% 15%,#d5a54b18,#110b1a)!important;border-radius:12px!important}
html.y38 body .leadBalanceBubble b{font-size:34px!important;line-height:1.1!important}
html.y38 body .leadBalanceBubble small{font-size:9px!important}
html.y38 body .leadWalletActions{margin-top:10px!important;gap:6px!important}
html.y38 body .leadWalletActions button{font-size:11px!important;min-height:38px!important;padding:7px!important;border-radius:8px!important}
html.y38 body .leadWalletActions>button:first-child{min-height:43px!important}
html.y38 body .head h2{font-size:21px!important}
html.y38 body .head .show{font-size:10px!important;padding:7px 10px!important;min-height:36px!important}
html.y38 body :is(.y29LeadHero,.v282HomeHero){min-height:100px!important;padding:12px!important;border-radius:14px!important;grid-template-columns:42px 1fr auto!important;gap:9px!important}
html.y38 body :is(.y29Crown,.v282HomeHeroIcon){width:40px!important;height:40px!important;font-size:23px!important;border-radius:50%!important}
html.y38 body :is(.y29HeroCopy b,.v282HomeHeroCopy b){font-size:17px!important;line-height:1.3!important}
html.y38 body :is(.y29HeroCopy em,.v282HomeHeroCopy em){font-size:23px!important}
html.y38 body :is(.y29HeroCopy span,.v282HomeHeroCopy span){font-size:10px!important;line-height:1.5!important}
html.y38 body :is(.y29Buy,.v282HeroBuy){padding:7px!important;font-size:10px!important;white-space:normal;width:72px!important}
html.y38 body :is(.y29Filters,.v282HomeFilters){gap:5px!important;margin:10px 0 13px!important}
html.y38 body :is(.y29Filters button,.v282HomeFilters button){font-size:10px!important;min-height:38px!important;padding:5px!important;border-radius:7px!important;white-space:normal}

/* Request cards preserve actual photos and display a service illustration only as a fallback. */
html.y38 body .v28ReqCard.y29Card{border-radius:15px!important;margin-bottom:13px!important;border-color:#b8965d99!important;background:linear-gradient(150deg,#20132c,#100b18)!important}
html.y38 body .y29CardTop{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:11px!important;padding:11px 11px 7px!important}
html.y38 body .y29Photo{width:110px!important;height:128px!important;min-height:128px!important;border:1px solid #a8864e75!important;border-radius:10px!important;box-shadow:none!important}
html.y38 body .y29Photo img{object-fit:cover!important;object-position:center 35%!important}
html.y38 body .y29Photo:after{background:linear-gradient(transparent 65%,#120b1b99)!important}
html.y38 body .y29Photo[data-y38-placeholder]:before{content:'תמונת המחשה';position:absolute;bottom:3px;left:4px;right:4px;text-align:center;font-size:8px;color:#fff;z-index:2;text-shadow:0 1px 3px #000}
html.y38 body .y29Copy{padding:2px 0!important;width:auto!important;min-width:0}
html.y38 body .y29TitleRow{gap:5px!important}
html.y38 body .y29Copy h3{font-size:17px!important;line-height:1.3!important;margin:0!important}
html.y38 body .y29Problem{font-size:9px!important;margin:5px 0 2px!important}
html.y38 body .y29Desc{font-size:13px!important;line-height:1.5!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html.y38 body .y29Meta{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:7px!important}
html.y38 body .y29Meta span{font-size:10px!important;line-height:1.5!important}
html.y38 body .y29Price{font-size:16px!important;margin-top:7px!important;line-height:1.3!important}
html.y38 body .y29Actions{padding:3px 11px 11px!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:7px!important}
html.y38 body .y29Actions button{font-size:12px!important;min-height:43px!important;padding:8px!important;border-radius:8px!important;white-space:normal;line-height:1.3!important}
html.y38 body .y29Urgent{font-size:8px!important;padding:4px 7px!important;right:4px!important;top:4px!important}
html.y38 body .y29Heart{width:27px!important;height:27px!important;left:4px!important;bottom:18px!important;right:auto!important;font-size:17px!important}
html.y38 body .y29Accepted{font-size:10px!important;margin:0 11px 7px!important;padding:7px!important;border-radius:7px!important}

/* Inbox and profile follow the framed, image-first hierarchy of the supplied screens. */
html.y38 body .msgScreen .msgRow{background:radial-gradient(ellipse at 100% 0,#71404b18,transparent 70%),linear-gradient(145deg,#281a36,#140e20)!important;border-color:#b4935a8a!important;border-radius:12px!important;padding:13px 11px!important;margin-bottom:10px!important;gap:11px!important;box-shadow:inset 0 1px #ffe6a914,0 5px 15px #0004!important;min-height:82px}
html.y38 body .msgScreen .msgRow .av{width:52px!important;height:52px!important;flex:0 0 52px;border:1px solid #cfad68!important;border-radius:50%!important;overflow:hidden;background:radial-gradient(circle,#4c315b,#1b1229)!important}
html.y38 body .msgScreen .msgRow .av img{width:100%;height:100%;object-fit:cover}
html.y38 body .msgScreen .msgRow b{font-size:15px!important}
html.y38 body .msgScreen .msgRow small{font-size:11px!important;line-height:1.5!important}
html.y38 body #profile .profileHero{padding:19px 14px 16px!important;border-radius:17px!important;background:radial-gradient(ellipse at 50% 24%,#c99b4030,transparent 42%),radial-gradient(ellipse at 0 100%,#6f39721a,transparent 60%),#120b1e!important;border-color:#b7975e85!important;overflow:hidden}
html.y38 body .y38ProfileRule{display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:3px;font:9px/1.5 Georgia,serif;color:#b79d68;margin:0 auto 17px;max-width:220px;direction:ltr}
html.y38 body .y38ProfileRule:before,html.y38 body .y38ProfileRule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c9a55c80,transparent)}
html.y38 body .profileHero .bigAvatar{width:110px!important;height:110px!important;border-radius:50%!important;border:2px solid #e7c774!important;box-shadow:0 0 0 5px #b9975014,0 0 0 7px #b9975040,0 0 35px #d7a34c3a!important;overflow:hidden;margin:0 auto 15px!important;background:radial-gradient(circle at 40% 20%,#50325d,#170e23)!important}
html.y38 body .profileHero h2{font-size:27px!important;margin:8px 0 4px!important}
html.y38 body .profileHero p{font-size:12px!important;margin:0 0 14px!important;color:#baadca!important}
html.y38 body .profileStats{gap:7px!important;max-width:340px;margin:14px auto 0!important}
html.y38 body .pstat{padding:10px 4px!important;border-radius:8px!important;background:linear-gradient(145deg,#2a1d35,#130d1d)!important;border-color:#aa864a6b!important}
html.y38 body .pstat b{font-size:23px!important}.y38 body .pstat small{font-size:10px!important}
html.y38 body #profileModeBox{padding:10px 12px!important;border-radius:10px!important;margin:12px 0!important}
html.y38 body #profileModeBox .modeTop{flex-wrap:wrap;gap:7px}
html.y38 body #profileModeBox .modeTop>b{font-size:11px!important}
html.y38 body #profileModeBox small{font-size:10px!important}
html.y38 body .profileMenu{gap:8px!important;margin-top:13px!important}
html.y38 body .profileMenu>button{padding:11px 12px!important;font-size:12px!important;min-height:47px!important;border-radius:9px!important;flex-wrap:nowrap;gap:10px!important;background:linear-gradient(145deg,#261931,#140e1d)!important}
html.y38 body .profileMenu>button>span:first-child{min-width:0;line-height:1.5}
html.y38 body .profileMenu>button>span:last-child{font-size:10px!important;flex-shrink:0;max-width:50%;overflow-wrap:anywhere}

/* Chat: subtle tools wallpaper, a compact pro card, violet / light bubbles and a usable composer. */
html.y38 body #chat{padding:0!important;border-radius:0!important;background:none!important}
html.y38 body #chat .pageHead{margin-bottom:10px!important}
html.y38 body #chat .pageHead h1{font-size:22px!important}
html.y38 body #chat .acceptedBox{border-radius:13px!important;padding:11px!important;background:linear-gradient(140deg,#2a1b38,#160f23)!important;margin-bottom:9px!important}
html.y38 body #chat .acceptedTop{gap:10px!important}
html.y38 body #chat .acceptedAvatar{width:58px!important;height:58px!important;flex:0 0 58px;border:0!important}
html.y38 body #chat .acceptedAvatar:after{display:none!important}
html.y38 body #chat .acceptedAvatar .y363Avatar{width:58px!important;height:58px!important;border-radius:12px!important;border:1.5px solid #ddba72!important;box-shadow:0 3px 10px #0006!important}
html.y38 body #chat .acceptedInfo b{font-size:17px!important}
html.y38 body #chat .acceptedInfo small{font-size:11px!important;line-height:1.5!important}
html.y38 body #chat .y363Status{display:none!important}
html.y38 body #chat #y363Subject{font-size:12px!important;padding:9px 11px!important;margin:0 0 8px!important;border-radius:8px!important;line-height:1.5!important;background:#24182f!important}
html.y38 body #chat .form.glass{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html.y38 body #chat .directChatNote{padding:6px 4px!important;margin:0 0 5px!important;border:0!important;background:transparent!important;font-size:10px!important}
html.y38 body #chat .chatArea{background-color:#171022!important;background-image:url('./artwork/chat-tools.svg')!important;background-size:240px 240px!important;border:1px solid #88704e3d!important;border-radius:12px!important;min-height:240px!important;height:43dvh!important;max-height:560px!important;padding:13px 10px!important;gap:11px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#735a8b #171022}
html.y38 body #chat .bubble{font-size:14px!important;line-height:1.65!important;padding:9px 12px!important;max-width:86%!important;border-radius:14px!important;box-shadow:0 3px 9px #0003!important}
html.y38 body #chat .bubble.me{background:linear-gradient(135deg,#7753ac,#51317c)!important;border:1px solid #a17dc28c!important;color:#fff8ff!important;border-bottom-right-radius:4px!important;align-self:flex-start}
html.y38 body #chat .bubble.them{background:linear-gradient(135deg,#eee8f2,#d6cbe1)!important;border:1px solid #f5efff99!important;color:#261333!important;border-bottom-left-radius:4px!important;align-self:flex-end}
html.y38 body #chat .bubble.systemSafety{background:#251a32!important;border:1px solid #ab8a4a5c!important;color:#d6c5e0!important;font-size:11px!important;max-width:94%!important}
html.y38 body #chat .y38Composer{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));background:linear-gradient(#100a1cfa,#0d0817)!important;padding:7px 0 3px;z-index:25}
html.y38 body #chat .y363Quick{gap:7px!important;margin:0 0 7px!important}
html.y38 body #chat .y363Quick button{min-height:39px!important;border-radius:8px!important;font-size:11px!important;background:#25182f!important;border:1px solid #c6a568a3!important;color:#edce8f!important}
html.y38 body #chat .chatSend{gap:8px!important;padding:3px 0!important;align-items:center}
html.y38 body #chat .chatSend input{border-radius:25px!important;padding:12px 15px!important;min-height:46px!important;background:#24182f!important}
html.y38 body #chat .chatSend button{width:46px!important;height:46px!important;min-height:46px!important;border-radius:50%!important;background:linear-gradient(135deg,#f4dda4,#b98c3e)!important;font-size:20px!important;color:#291a0a!important;flex-shrink:0}
html.y38 body .y38Disclosure{border:1px solid #997b4b47;border-radius:10px;margin:11px 0;background:#171020;color:#cbbbce}
html.y38 body .y38Disclosure>summary{list-style:none;cursor:pointer;padding:12px;font-size:12px;font-weight:700;color:#ddc18b;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
html.y38 body .y38Disclosure>summary::-webkit-details-marker{display:none}
html.y38 body .y38Disclosure>summary:after{content:'⌄';font-size:15px}
html.y38 body .y38Disclosure[open]>summary:after{content:'⌃'}
html.y38 body .y38Disclosure>.safeNote{margin:0!important;padding:10px!important;border:0!important;background:transparent!important;font-size:11px!important}
html.y38 body .y38Disclosure>:not(summary){margin:0!important;border:0!important;box-shadow:none!important;border-radius:0 0 10px 10px!important}
html.y38 body #chat .acceptedBox>.y38Disclosure{border:0!important;border-top:1px solid #a17e4933!important;margin:9px 0 0!important;border-radius:0!important;background:none!important}
html.y38 body #chat .acceptedBox>.y38Disclosure>summary{min-height:32px!important;padding:7px 0 0!important;font-size:10px!important}

/* Owner center: real metrics come before the audit feed. */
html.y38 body #adminPanel .adminHero{padding:16px 12px!important;border-radius:14px!important;margin-bottom:13px}
html.y38 body #adminPanel .adminHero h2{font:29px/1.2 Georgia,serif!important;margin:0 0 9px!important}
html.y38 body #adminPanel .adminHero>.tinyNotice{font-size:10px!important;line-height:1.6!important}
html.y38 body #adminPanel .adminSessionBar{font-size:10px!important;gap:7px;flex-wrap:wrap;margin-top:12px!important;padding:8px!important;border-radius:8px!important}
html.y38 body #adminPanel .adminSessionBar button{min-height:34px;font-size:10px}
html.y38 body #adminPanel .adminStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 16px!important}
html.y38 body #adminPanel .adminStat{padding:13px 5px!important;border-radius:9px!important;min-width:0}
html.y38 body #adminPanel .adminStat b{font-size:23px!important;line-height:1.1!important}
html.y38 body #adminPanel .adminStat small{font-size:9px!important;line-height:1.5!important;margin-top:6px;display:block}
html.y38 body #adminPanel .adminCard{padding:13px!important;margin:12px 0!important}
html.y38 body #adminPanel .adminCard h3{font-size:17px!important;margin:0 0 9px!important}
html.y38 body #adminPanel .adminRow{padding:11px 0!important;gap:8px!important}

/* Registration: the reference's two framed role cards, with clear live actions. */
html.y38 body #onboarding{padding:calc(20px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important}
html.y38 body #onboarding .onboardWrap{max-width:410px!important;min-height:calc(100svh - 44px);justify-content:center;padding:0!important}
html.y38 body #onboarding .onboardBrand h1{font:31px/1.2 Georgia,serif!important;margin:4px 0!important;letter-spacing:.5px}
html.y38 body #onboarding .onboardBrand p{font-size:9px!important;letter-spacing:1px}
html.y38 body #onboarding .onboardBrand .y37Crown{width:30px;height:24px;margin-bottom:2px}
html.y38 body #onboarding .onCard{background:transparent!important;border:0!important;border-top:1px solid #ad8d4e55!important;border-radius:0!important;padding:21px 0 0!important;margin-top:18px!important;box-shadow:none!important}
html.y38 body #onboarding .onStep h2{font-size:22px!important;line-height:1.4!important;margin-bottom:5px!important}
html.y38 body #onboarding .lead{font-size:12px!important;line-height:1.65!important;margin-bottom:14px!important}
html.y38 body #onboarding .roleGrid{gap:10px!important;margin:16px 0 14px!important}
html.y38 body #onboarding .roleCard{min-height:223px!important;padding:18px 10px 12px!important;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;position:relative;background:radial-gradient(ellipse at 50% 0,#af7c3f16,transparent 60%),linear-gradient(145deg,#21172e,#0f0a19)!important;border:1px solid #c4a36199!important;box-shadow:inset 0 1px #fff1b51c,0 8px 20px #0003!important}
html.y38 body #onboarding .roleCard .ri{display:grid!important;place-items:center;min-height:44px!important;margin:0 0 10px!important}
html.y38 body #onboarding .roleCard b{font-size:19px!important;line-height:1.2!important}
html.y38 body #onboarding .roleCard small{font-size:11px!important;line-height:1.6!important;margin:9px 0 12px!important;flex:1}
html.y38 body #onboarding .roleCard .roleAction{width:100%;min-height:35px!important;padding:7px 3px!important;display:grid;place-items:center;border:1px solid #9e7e4c9c!important;border-radius:7px!important;font-size:10px!important;color:#edcf91!important;background:#171020!important}
html.y38 body #onboarding .proPromoCard{border:1px solid #967a4659!important;border-radius:11px!important;padding:13px!important;background:linear-gradient(120deg,#2b1d31,#110d1b)!important;box-shadow:none!important}
html.y38 body #onboarding .proPromoMain{font-size:13px!important}.y38 body #onboarding .proPromoSub{font-size:10px!important;line-height:1.6!important}
html.y38 body #onboarding .proPromoCta{font-size:10px!important;color:#e6c781!important}
html.y38 body #onboarding .onHint{font-size:10px!important;color:#b4a2bf!important;line-height:1.6!important}
html.y38 body #onboarding .onProgress{margin-top:17px!important;gap:6px!important}
html.y38 body #onboarding .onProgress i{background:#4b3a57!important;width:5px!important;height:5px!important}
html.y38 body #onboarding .onProgress i.active{background:#e8cb89!important;box-shadow:0 0 7px #d4a75355}

/* Floating navigation stays separate from page content and iPhone's home indicator. */
html.y38 body .bottom{width:min(calc(100% - 22px),434px)!important;padding:6px 5px!important;border-radius:21px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;background:linear-gradient(130deg,#1f142af5,#0f0a18fa)!important;border:1px solid #bc9b587d!important;box-shadow:0 7px 22px #000a,inset 0 1px #f1d48d16!important;min-height:67px}
html.y38 body .bottom>button{min-height:52px!important;font-size:10px!important;border-radius:14px!important;padding:5px 2px!important;color:#b6a5be!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
html.y38 body .bottom>button.active{background:radial-gradient(ellipse at 50% 30%,#d0a14725,transparent 70%)!important;border-color:#c6a35780!important;color:#f6d88f!important;box-shadow:inset 0 0 13px #dda7440a!important}
html.y38 body .bottom .y34-icon{width:22px!important;height:22px!important}
html.y38 body .y37Help>.y37Crown{width:38px;height:31px;margin:23px auto 10px}
html.y38 body .y37Help details{border-radius:10px!important;margin-bottom:9px!important;background:linear-gradient(140deg,#24182f,#120c1c)!important}
html.y38 body .y37Help summary{padding:14px 12px!important;font-size:13px!important;min-height:46px}
html.y38 body .y37Help details p{font-size:12px!important;line-height:1.85!important}
html.y38 body .requestForm{padding:15px!important}.y38 body .requestForm label{font-size:13px!important}
html.y38 body .requestForm .urgency{gap:6px!important}.y38 body .requestForm .urgency button{font-size:11px!important;padding:8px 4px!important}
html.y38 body .requestPreview{font-size:12px!important;line-height:1.7!important}
html.y38 body :is(.modal,.proPlanCard,.proGateCard,.v30SheetCard,.v283DetailsSheet,.y36SheetInner){max-height:90dvh;overflow-y:auto;border-radius:17px!important}
@media(min-width:460px){html.y38 body .y38ServiceBadge{top:calc(404px/3/1.33 - 14px)}}
@media(max-width:359px){html.y38 body .app{padding-inline:12px!important}html.y38 body .y341ServicesHead h2{font-size:25px!important}html.y38 body #yadServiceCategories .y341ServiceCard{min-height:123px!important}html.y38 body .y341ServiceLabel{font-size:11px!important}html.y38 body .y29CardTop{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important}html.y38 body .y29Photo{width:92px!important;height:120px!important;min-height:120px!important}html.y38 body .profileMenu>button{font-size:11px!important}html.y38 body #onboarding .roleCard{min-height:220px!important;padding-inline:8px!important}html.y38 body #onboarding .roleCard b{font-size:17px!important}html.y38 body #onboarding .roleCard small{font-size:10px!important}html.y38 body .y38ServiceBadge{top:calc((100vw - 40px)/3/1.33 - 14px)}}
@media(prefers-reduced-motion:reduce){html.y38 body *,html.y38 body *:before,html.y38 body *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

html.y38 body #onboarding .onStep{background:transparent!important}
html.y38 body #customerRequestHero>.customerRequestHeroText{flex:1!important;width:auto!important;min-width:0!important;max-width:none!important}
html.y38 body #customerRequestHero>.customerRequestCta{min-width:0!important;max-width:100px!important}
html.y38 body .y341ServiceVisual.y38ReferenceArt:after{background:linear-gradient(transparent 50%,#100b17 78%)!important}
html.y38 body .y341ServiceCard .y38ServiceBadge{top:auto!important;bottom:31px!important}
html.y38 body .y341ServiceLabel{padding-top:15px!important}
html.y38 body .y341ServiceVisual:not(.y38ReferenceArt):after{background:linear-gradient(#31103c20,#100b17 96%)!important}

html.y38 body #chat .acceptedTop{padding:0!important}

html.y38 body #customerRequestHero.customerRequestHero{flex-direction:row!important}
html.y38 body[data-yad-role="customer"] #customerRequestHero.customerRequestHero{display:flex!important}
html.y38 body[data-yad-role="pro"] #customerRequestHero.customerRequestHero{display:none!important}


html.y38 body #nearbyRequestsSection :is(.y29LeadHero,.v282HomeHero,.y29Filters,.v282HomeFilters){display:none!important}


html.y38 body :is(#ownerStartShield,#a11yHandle){background:linear-gradient(145deg,#2c2037,#100b1c)!important;border-color:#b9975a99!important;color:#ebcf8e!important;box-shadow:0 4px 14px #0005!important}
html.y38 body :is(#ownerStartShield,#a11yHandle) svg{width:23px;height:23px;display:block;margin:auto;color:#ebcf8e}


html.y38 body #onboarding .onStep{background:transparent!important}