/* أنماط صفحات الزبون (الصفحة العامة، التسجيل، البطاقة، محفظتي، التقييم) — مُولَّدة تلقائياً من app.css، لا تُعدَّل يدوياً.
   إعادة التوليد: node extract.mjs (انظر proposed_includes.md) */
:root{--radius: 18px;--radius-sm: 12px;--tabbar-h: 0px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme: dark}}:root[data-theme=dark]{color-scheme: dark}:root[data-theme=light]{color-scheme: light}*{box-sizing: border-box}html,body{margin: 0}html{-webkit-text-size-adjust: 100%}body{font-family: "IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;text-rendering: optimizeLegibility;background: var(--bg);color: var(--text);font-size: 15px;line-height: 1.65;-webkit-font-smoothing: antialiased}a{color: var(--primary);text-decoration: none}h1,h2,h3{margin: 0 0 .5rem;line-height: 1.35;font-weight: 600;letter-spacing: -.01em}h2{font-size: 1.08rem}h3{font-size: .98rem}p{margin: 0 0 .5rem}small,.small{font-size: .82rem}.muted{color: var(--muted)}.center{text-align: center}.num{font-variant-numeric: tabular-nums}:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;border-radius: 6px}code{background: var(--surface-2);border-radius: 6px;padding: 1px 6px;font-size: .86em}code.block{display: block;padding: 10px 12px;margin-top: 8px;overflow-x: auto;white-space: nowrap}::selection{background: var(--primary-soft)}input,select,textarea{width: 100%;font: inherit;color: var(--text);background: var(--surface-2);border: 1px solid transparent;border-radius: var(--radius-sm);padding: 11px 13px;outline: none;transition: border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color: color-mix(in srgb,var(--muted) 75%,transparent)}input:hover,select:hover,textarea:hover{background: var(--surface-3)}input:focus,select:focus,textarea:focus{background: var(--surface);border-color: var(--primary);box-shadow: 0 0 0 4px var(--primary-soft)}input[type=color]{padding: 4px;height: 44px;cursor: pointer}input[type=checkbox],input[type=radio]{width: auto;accent-color: var(--primary)}input[type=file]{padding: 9px}textarea{resize: vertical}label{display: block;font-weight: 500;font-size: .88rem;color: var(--muted)}label>input,label>select,label>textarea{margin-top: 6px;font-weight: 400;font-size: .95rem;color: var(--text)}label>small{display: block;margin-top: 4px}label.check,.check{display: flex;gap: 9px;align-items: center;font-weight: 400;color: var(--text);font-size: .92rem}.lbl{display: block;color: var(--muted);font-weight: 500;font-size: .88rem;margin-bottom: 8px}.form>* + *{margin-top: 14px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;font: inherit;font-weight: 600;font-size: .92rem;border: 1px solid var(--line);background: var(--surface);color: var(--text);padding: 9px 16px;border-radius: var(--radius-sm);cursor: pointer;transition: background .15s,transform .06s,border-color .15s,opacity .15s;white-space: nowrap;text-decoration: none}.btn:hover{background: var(--surface-2)}.btn:active{transform: scale(.98)}.btn.primary{background: var(--primary);border-color: var(--primary);color: var(--primary-ink)}.btn.primary:hover{background: var(--primary-strong);border-color: var(--primary-strong)}.btn.ghost{background: transparent;border-color: transparent}.btn.ghost:hover{background: var(--surface-2)}.btn.danger{color: var(--bad)}.btn.sm{padding: 6px 12px;font-size: .84rem;border-radius: 10px}.btn.lg{padding: 13px 24px;font-size: 1rem;border-radius: 14px}.btn.block{width: 100%}.btn.icon{padding: 8px}.btn[disabled]{opacity: .45;pointer-events: none}.alert{padding: 12px 16px;border-radius: var(--radius-sm);margin-bottom: 16px;background: var(--info-soft);font-size: .92rem}.alert.error{background: var(--bad-soft);color: var(--bad)}.tag{display: inline-flex;align-items: center;font-size: .74rem;font-weight: 600;padding: 2px 10px;border-radius: 99px;background: var(--surface-2);color: var(--muted);margin-inline-end: 4px;white-space: nowrap}.tag.ok,.tag.active{background: var(--ok-soft);color: var(--ok)}.tag.expired{background: var(--bad-soft);color: var(--bad)}.shell{display: flex;min-height: 100vh}.brand{display: flex;gap: 11px;align-items: center;padding: 2px 8px 22px}.brand b{display: block;font-size: 1.08rem}.brand small{color: var(--muted);display: block;max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.brand-mark{width: 38px;height: 38px;border-radius: 12px;background: linear-gradient(135deg,var(--primary),var(--primary-strong));color: var(--primary-ink);display: grid;place-items: center;flex-shrink: 0}.me{display: flex;gap: 10px;align-items: center;min-width: 0}.me b{display: block;font-size: .9rem}.me small{color: var(--muted)}.main{flex: 1;min-width: 0;display: flex;flex-direction: column}.top{display: flex;align-items: center;gap: 12px;padding: 18px 28px 8px;position: sticky;top: 0;z-index: 10;background: color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter: saturate(1.4) blur(12px)}.top h1{font-size: 1.3rem;margin: 0;flex: 1}.content{padding: 10px 28px 60px;width: 100%;max-width: 1240px}.pad{padding: 18px 20px 0}.row-between{display: flex;justify-content: space-between;align-items: center;gap: 8px;flex-wrap: wrap}.empty{text-align: center;padding: 48px 20px;border: 1.5px dashed var(--line);border-radius: var(--radius);margin-bottom: 18px;color: var(--muted)}.stat{display: block;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 16px 18px;color: inherit}a.stat:hover{border-color: var(--primary)}.stat small{color: var(--muted)}.stat b{display: block;font-size: 1.75rem;font-weight: 600;font-variant-numeric: tabular-nums;line-height: 1.35}.stat span{font-size: .8rem;color: var(--muted)}.bar{flex: 1;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 4px}.bar i{display: block;width: 100%;max-width: 24px;min-height: 3px;border-radius: 6px 6px 3px 3px;background: linear-gradient(var(--primary),color-mix(in srgb,var(--primary) 60%,transparent))}.bar small{color: var(--muted);font-size: .68rem}.list{list-style: none;margin: 0 0 6px;padding: 0}.list li{display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 11px 0;border-bottom: 1px solid var(--line)}.list li:last-child{border-bottom: 0}.list li small{display: block}.list li>a{display: flex;align-items: center;gap: 10px;color: inherit;min-width: 0}.cat{width: 38px;height: 38px;border-radius: 12px;background: var(--surface-2);display: inline-grid;place-items: center;font-size: 1.2rem;flex-shrink: 0}.cat.big{width: 52px;height: 52px;font-size: 1.6rem;border-radius: 16px}.count{font-size: .75rem;color: var(--muted);background: var(--surface);padding: 0 8px;border-radius: 99px}.steps{display: grid;gap: 14px}.steps>* + *{margin-top: 0}.step{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 20px 22px;display: grid;gap: 14px}.step h3{display: flex;align-items: center;gap: 10px;margin: 0;font-size: 1.02rem}.step h3 span{width: 26px;height: 26px;border-radius: 50%;background: var(--primary-soft);color: var(--primary);display: grid;place-items: center;font-size: .82rem}details summary{cursor: pointer;list-style: none}details summary::-webkit-details-marker{display: none}.more summary{color: var(--primary);font-size: .86rem;margin-top: 4px;font-weight: 500}.more[open]>* + *{margin-top: 12px}.sw{width: 40px;height: 40px;border-radius: 50%;border: 3px solid var(--surface);cursor: pointer;padding: 0;background: linear-gradient(135deg,var(--a) 55%,var(--b) 55%);box-shadow: 0 0 0 1px var(--line);transition: transform .12s}.sw:hover{transform: scale(1.08)}.sw.on{box-shadow: 0 0 0 2px var(--primary)}.auto{border: 1px solid var(--line);border-radius: 16px;background: var(--surface)}.auto summary{display: flex;align-items: center;gap: 14px;padding: 14px 16px}button.var{font: inherit;font-size: .8rem;border: 1px dashed var(--line);background: transparent;color: var(--muted);border-radius: 99px;padding: 4px 11px;cursor: pointer}button.var:hover{color: var(--primary);border-color: var(--primary)}.switch{position: relative;width: 42px;height: 24px;flex-shrink: 0}.switch input{opacity: 0;width: 0;height: 0;position: absolute}.switch i{position: absolute;inset: 0;background: var(--surface-3);border-radius: 99px;cursor: pointer;transition: .2s}.switch i::after{content: "";position: absolute;top: 3px;inset-inline-start: 3px;width: 18px;height: 18px;background: #fff;border-radius: 50%;transition: .2s;box-shadow: 0 1px 3px rgba(0,0,0,.2)}.switch input:checked + i{background: var(--primary)}.switch input:checked + i::after{inset-inline-start: 21px}.map{height: 320px;border-radius: 14px;border: 1px solid var(--line);z-index: 0}.modal{border: 0;border-radius: 22px;padding: 0;width: min(640px,calc(100vw - 24px));max-height: calc(100vh - 32px);background: var(--surface);color: var(--text);box-shadow: var(--shadow-lg)}.modal::backdrop{background: rgba(17,21,19,.45);backdrop-filter: blur(4px)}.modal form{padding: 22px}.modal form>* + *{margin-top: 14px}.modal[open]{animation: pop .18s ease-out}@keyframes pop{from{opacity: 0;transform: translateY(8px) scale(.98)}}.qr{display: inline-block;background: #fff;padding: 10px;border-radius: 12px;line-height: 0}.qr img,.qr canvas{width: 100%;height: auto;image-rendering: pixelated}.qr.big{width: 250px;margin: 12px auto;display: block}.wpass{--pbg: #1f2937;--pfg: #fff;--plabel: #fbbf24;background: var(--pbg);color: var(--pfg);border-radius: 18px;padding: 14px 16px 16px;box-shadow: 0 14px 34px -14px rgba(0,0,0,.4);max-width: 340px;margin-inline: auto;font-size: 14px;overflow: hidden}.wp-top{display: flex;justify-content: space-between;align-items: center;gap: 10px;min-height: 34px}.wp-logo{display: flex;align-items: center;gap: 8px;font-weight: 600;min-width: 0}.wp-logo img{max-height: 30px;max-width: 90px;object-fit: contain}.wp-logo span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wp-header{display: flex;gap: 12px;text-align: end}.wpass small{display: block;color: var(--plabel);font-size: 10px;font-weight: 600;letter-spacing: .02em}.wpass b{font-weight: 500;font-size: 15px}.wp-strip{margin: 12px -16px;min-height: 90px;display: flex;align-items: center;justify-content: center;overflow: hidden}.wp-strip img{width: 100%;height: 110px;object-fit: cover}.wp-strip.stamps{display: grid;grid-template-columns: repeat(5,1fr);gap: 8px;padding: 12px 18px;background: rgba(0,0,0,.12)}.wp-strip.stamps[data-required="6"],.wp-strip.stamps[data-required="12"]{grid-template-columns: repeat(6,1fr)}.wp-strip.stamps[data-required="8"],.wp-strip.stamps[data-required="4"]{grid-template-columns: repeat(4,1fr)}.wp-strip.stamps i{aspect-ratio: 1;border-radius: 50%;border: 2px solid color-mix(in srgb,var(--pfg) 45%,transparent);background: color-mix(in srgb,var(--pfg) 10%,transparent);position: relative;max-width: 46px;justify-self: center;width: 100%}.wp-strip.stamps i.on{background: var(--plabel);border-color: var(--plabel)}.wp-strip.stamps i.on::after{content: "";position: absolute;inset: 18% 39% 30% 37%;border: solid var(--pbg);border-width: 0 3px 3px 0;border-radius: 1px;transform: rotate(45deg)}.wp-strip.stamps i.last:not(.on)::after{content: "★";position: absolute;inset: 0;display: grid;place-items: center;color: color-mix(in srgb,var(--pfg) 55%,transparent);font-size: 15px}.wp-primary{margin: 14px 0 8px}.wp-primary b{font-size: 28px;font-weight: 400;line-height: 1.2}.wp-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(90px,1fr));gap: 10px;margin-top: 10px}.wp-f b{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wp-qr{margin-top: 18px;display: flex;flex-direction: column;align-items: center;gap: 6px}.wp-qr .qr{width: 150px}.wp-qr small{color: var(--pfg);opacity: .8;letter-spacing: .15em;direction: ltr}.qr-ph{width: 104px;height: 104px;background: #fff;border-radius: 10px;padding: 10px;display: grid;grid-template-columns: repeat(7,1fr);gap: 2px}.qr-ph i{background: #111;border-radius: 1px}.qr-ph i:nth-child(3n),.qr-ph i:nth-child(5n+1){background: transparent}.public,.auth{background: radial-gradient(900px 500px at 85% -10%,var(--primary-soft),transparent 70%),radial-gradient(700px 400px at -10% 20%,var(--accent-soft),transparent 70%),var(--bg);min-height: 100vh}.auth-wrap{min-height: 100vh;display: grid;place-items: center;padding: 24px 16px}.auth-box{width: 100%;max-width: 420px;background: var(--surface);border: 1px solid var(--line);border-radius: 24px;padding: 30px 26px;box-shadow: var(--shadow)}.auth-box>* + *{margin-top: 16px}.auth-box h1{font-size: 1.45rem;margin: 0}.auth-box p{margin: 4px 0 0}.auth>.auth-box{margin: 10vh auto}.lock-ico{width: 64px;height: 64px;border-radius: 20px;background: var(--bad-soft);color: var(--bad);display: grid;place-items: center;margin: 0 auto}.hp{position: absolute;left: -9999px;width: 1px;height: 1px}.hero{max-width: 1160px;margin: 0 auto;padding: 40px 20px 70px;display: grid;grid-template-columns: 1.15fr 1fr;gap: 48px;align-items: center}.hero h1{font-size: clamp(2rem,4.6vw,3.3rem);line-height: 1.22;font-weight: 700;letter-spacing: -.02em}.hero h1 span{color: var(--primary)}.section{max-width: 1160px;margin: 0 auto;padding: 60px 20px}.how{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;counter-reset: how}.role{background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: 24px}.role h3{font-size: 1.1rem;display: flex;align-items: center;gap: 10px}.role ul{margin: 12px 0 0;padding-inline-start: 18px;color: var(--muted)}.role li{margin-bottom: 6px}.lang-ar{font-family: "IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}.lang-ckb{font-family: "Vazirmatn","Noto Sans Arabic",system-ui,-apple-system,Tahoma,sans-serif;line-height: 1.8}.lang-ckb h1,.lang-ckb h2,.lang-ckb h3{line-height: 1.5;letter-spacing: 0}.lang-en{font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height: 1.55;font-feature-settings: "cv11","ss01"}.lang-en h1,.lang-en h2{letter-spacing: -.02em}.lang-en .hero h1{line-height: 1.12}.lang-sw{display: inline-flex;gap: 2px;padding: 3px;background: var(--surface-2);border-radius: 12px;font-size: .8rem}.lang-sw a{padding: 4px 10px;border-radius: 9px;color: var(--muted);font-weight: 600;white-space: nowrap}.lang-sw a:hover{color: var(--text)}.lang-sw a.on{background: var(--surface);color: var(--text);box-shadow: var(--shadow)}.lang-sw a[lang=ckb]{font-family: "Vazirmatn",Tahoma,sans-serif}.lang-sw a[lang=ar]{font-family: "IBM Plex Sans Arabic",Tahoma,sans-serif}.lang-sw a[lang=en]{font-family: "Inter",system-ui,sans-serif}.lang-sw.center{display: flex;justify-content: center;width: fit-content;margin-inline: auto}.stat b.sm{font-size: 1rem;padding-top: 6px}.pw{position: relative;display: block;margin-top: 6px}.pw input{margin: 0;padding-inline-end: 44px}@media (max-width: 1080px){.how{grid-template-columns: 1fr 1fr}}@media (max-width: 760px){:root{--tabbar-h: calc(64px + env(safe-area-inset-bottom))}.top{padding: 12px 16px 6px}.top h1{font-size: 1.12rem}.content{padding: 8px 16px calc(var(--tabbar-h) + 28px)}.hero,.how{grid-template-columns: minmax(0,1fr)}.stat{padding: 14px}.stat b{font-size: 1.45rem}.hero{padding-top: 16px;gap: 30px}.section{padding: 40px 16px}.modal{border-radius: 22px 22px 0 0;margin: auto auto 0;width: 100vw;max-width: 100vw;max-height: 92vh}}@media (prefers-reduced-motion: reduce){*{transition: none !important;animation: none !important}}:root{--gap: 16px;--panel-shadow: 0 1px 2px rgba(16,24,40,.04),0 10px 30px -18px rgba(16,24,40,.18)}.shell{gap: var(--gap);padding: var(--gap);align-items: flex-start;background: radial-gradient(800px 400px at 100% 0,color-mix(in srgb,var(--primary-soft) 70%,transparent),transparent 70%),var(--bg)}.brand{padding: 2px 8px 18px;border-bottom: 1px solid var(--line);margin-bottom: 14px;position: relative}.main{gap: 0}.content{padding: 0 4px 40px;max-width: 1240px}.top{position: sticky;top: var(--gap);z-index: 15;margin-bottom: var(--gap);padding: 8px 10px 8px 20px;gap: 16px;min-height: 60px;background: color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter: saturate(1.6) blur(18px);-webkit-backdrop-filter: saturate(1.6) blur(18px);border: 1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius: 20px;box-shadow: 0 1px 2px rgb(0 0 0 / .03),0 8px 24px -14px rgb(0 0 0 / .12)}[dir=rtl] .top{padding: 8px 20px 8px 10px}@media (max-width: 760px){:root{--gap: 10px}.shell{padding: 0 var(--gap);display: block}.top{top: var(--gap);margin-top: var(--gap);padding: 8px 10px;min-height: 56px;border-radius: 18px;gap: 8px}.content{padding: 0 0 calc(var(--tabbar-h) + 24px)}:root{--tabbar-h: calc(74px + env(safe-area-inset-bottom))}}.brand-logo{max-height: 40px;max-width: 150px;object-fit: contain;display: block}.lock-ico.warn{background: var(--warn-soft);color: var(--warn)}.shell{background: radial-gradient(900px 420px at 100% 0,color-mix(in srgb,var(--primary-soft) 75%,transparent),transparent 70%),radial-gradient(700px 380px at 0 100%,color-mix(in srgb,var(--accent-soft) 90%,transparent),transparent 70%),var(--bg)}.public,.auth{background: radial-gradient(900px 500px at 85% -10%,var(--primary-soft),transparent 70%),radial-gradient(700px 400px at -10% 30%,var(--accent-soft),transparent 70%),var(--bg)}.brand-mark{background: linear-gradient(140deg,var(--primary) 0%,var(--primary-strong) 100%);position: relative;box-shadow: 0 8px 18px -10px var(--primary)}.brand-mark::after{content: "";position: absolute;bottom: -3px;inset-inline-start: -3px;width: 13px;height: 13px;border-radius: 50%;background: var(--accent);border: 2px solid var(--surface)}.btn.primary{background: linear-gradient(180deg,color-mix(in srgb,var(--primary) 88%,#fff),var(--primary));border-color: var(--primary-strong);box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px -10px var(--primary)}.btn.primary:hover{background: var(--primary-strong)}.hero h1 span{background: linear-gradient(transparent 64%,var(--accent-soft) 64%);color: var(--primary)}.stat{position: relative;overflow: hidden}.stat::after{content: "";position: absolute;width: 70px;height: 70px;border-radius: 50%;inset-inline-end: -24px;top: -24px;background: var(--accent-soft);opacity: .7}.stat>*{position: relative;z-index: 1}.role:hover{border-color: color-mix(in srgb,var(--primary) 35%,var(--line));transform: translateY(-2px)}.role{transition: transform .2s,border-color .2s}::selection{background: var(--accent-soft);color: var(--text)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .stat::after{opacity: .35}}:root[data-theme=dark] .stat::after{opacity: .35}.hours{display: grid;gap: 6px;margin-top: 10px}.review div{padding: 11px 0}.review dd{text-align: end}[hidden]{display: none !important}.ref-note{display: flex;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 16px;background: var(--accent-soft);border: 1px dashed var(--accent)}.ref-note>span{font-size: 1.6rem}.ref-note b,.ref-note small{display: block}.bizpage{background: var(--bg)}.bz-plat{display: inline-flex;align-items: center;gap: 8px;color: var(--muted);font-size: .85rem;font-weight: 600}.bz-plat .brand-mark{width: 28px;height: 28px;border-radius: 9px}.bz-plat .brand-mark::after{display: none}.bz-gallery{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: 150px;gap: 10px;margin-top: 12px}.bz-gallery button{padding: 0;border: 0;border-radius: 18px;overflow: hidden;cursor: zoom-in;background: var(--surface-2)}.bz-gallery button.big{grid-column: span 2;grid-row: span 2}.bz-gallery img{width: 100%;height: 100%;object-fit: cover;transition: transform .4s}.bz-gallery button:hover img{transform: scale(1.05)}.bz-hours{list-style: none;padding: 0;margin: 10px 0 0}.bz-hours li{display: flex;justify-content: space-between;padding: 8px 10px;border-radius: 10px}.bz-hours li.today{background: color-mix(in srgb,var(--bc) 10%,var(--surface));font-weight: 700;color: var(--bc)}.lightbox{border: 0;padding: 0;background: transparent;max-width: 94vw;max-height: 92vh}.lightbox::backdrop{background: rgba(10,8,6,.85)}.lightbox img{max-width: 94vw;max-height: 88vh;border-radius: 16px;display: block}.lightbox button{position: fixed;top: 16px;inset-inline-end: 16px;width: 42px;height: 42px;border-radius: 50%;border: 0;background: rgba(255,255,255,.15);color: #fff;font-size: 1.2rem;cursor: pointer}@media (max-width: 760px){.bz-gallery{grid-template-columns: 1fr 1fr;grid-auto-rows: 120px}}.review-box{--bc: var(--primary);text-align: center}.rv-biz{display: inline-flex;align-items: center;gap: 8px}.rv-biz img{width: 32px;height: 32px;object-fit: contain;border-radius: 8px}.stars{display: flex;flex-direction: row-reverse;justify-content: center;gap: 6px;direction: ltr;margin: 10px 0}.stars input{position: absolute;opacity: 0}.stars label{font-size: 2.8rem;line-height: 1;color: var(--surface-3);cursor: pointer;transition: transform .15s,color .15s}.stars label:hover,.stars label:hover ~ label,.stars input:checked ~ label{color: #f5b301}.stars label:hover{transform: scale(1.15)}.stars input:focus-visible + label{outline: 2px solid var(--primary);border-radius: 6px}.rv-done em{font-style: normal;font-size: 3rem;display: block}.rv-done{display: grid;gap: 10px}@media print{body{background: #fff !important}*{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.bar{min-width: 0}.bar small{font-size: .62rem;white-space: nowrap}.shell,.main{overflow-x: clip}html,body{max-width: 100%}@keyframes spin{to{transform:rotate(360deg)}}#handleMsg.err{color:#dc2626;cursor:pointer}.content{max-width: 1440px;margin-inline: auto;width: 100%}label>small:has(+ input,+ textarea,+ select){display: inline;margin: 0}.ios-ic{--s: 40px;width: var(--s);height: var(--s);border-radius: calc(var(--s) * .27);display: inline-grid;place-items: center;flex-shrink: 0;position: relative;overflow: hidden;color: #fff;background: linear-gradient(165deg,var(--g1),var(--g2));box-shadow: inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 6px 14px -8px var(--g2)}.ios-ic::before{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%);pointer-events: none}.ios-ic svg{width: 56%;height: 56%;position: relative;filter: drop-shadow(0 1px 1px rgba(0,0,0,.18))}#pvIcon{display: block;width: 100%;height: 100%;border-radius: inherit}#pvIcon[hidden]{display: none}input,select,textarea,[id]{scroll-margin-top: 110px}@media (max-width: 760px){input,select,textarea,[id]{scroll-margin-top: 90px}}.review dt{color: var(--muted)}.review dd{font-weight: 600}.switch i{background: #c9c3bd}.switch input:checked + i{background: var(--ok,#16a34a)}.switch input:focus-visible + i{outline: 2px solid var(--primary);outline-offset: 2px}.pw input{padding-left: 44px !important;padding-right: 44px !important}[hidden]{display: none !important}.btn.copied{color: var(--ok,#16a34a)}input[type=email],input[type=tel],input[type=url],input[dir=ltr]{direction: ltr;text-align: left}input[type=email]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder{text-align: left}bdi.pct{unicode-bidi: isolate;font-variant-numeric: tabular-nums}.field-err{display: block;color: var(--bad);font-size: .8rem;font-weight: 600;margin-top: 5px}.field-err::before{content: "⚠ "}.is-invalid,.is-invalid:focus{border-color: var(--bad) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--bad) 18%,transparent) !important}.confirm-dlg{max-width: 420px}.confirm-dlg h2{margin: 0 0 4px;font-size: 1.1rem}input[type=date],input[type=time],input[type=datetime-local]{direction: ltr;text-align: left}.hp{position: absolute !important;left: auto !important;width: 1px;height: 1px;opacity: 0;overflow: hidden;clip-path: inset(50%);pointer-events: none}body.joinpage{overflow-x: hidden}body.joinpage::before{content: "";position: fixed;inset: -20% -20% auto;height: 70vh;z-index: 0;pointer-events: none;background: radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,var(--pbg,var(--primary)) 22%,transparent),transparent 70%);animation: jxGlow 8s ease-in-out infinite alternate}@keyframes jxGlow{to{transform: translateY(4vh) scale(1.08);opacity: .7}}.jx{--pbg: var(--primary);--pfg: #fff;--plb: #f5c27a;--ease: cubic-bezier(.22,1,.36,1);--spring: cubic-bezier(.34,1.56,.64,1);position: relative;z-index: 1;max-width: 460px;margin: 0 auto;padding: max(14px,env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}.jx-in{opacity: 0;transform: translateY(14px);animation: jxUp .6s var(--ease) forwards;animation-delay: calc(var(--d,0) * 80ms + 120ms)}@keyframes jxUp{to{opacity: 1;transform: none}}.jx-top{display: flex;align-items: center;justify-content: space-between;gap: 10px}.jx-biz{display: flex;align-items: center;gap: 10px;color: var(--text);min-width: 0}.jx-biz b{display: block;font-size: .95rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.jx-biz small{color: var(--muted);font-size: .76rem}.jx-logo{width: 42px;height: 42px;border-radius: 13px;overflow: hidden;display: grid;place-items: center;background: var(--surface);flex-shrink: 0;box-shadow: 0 4px 14px rgba(60,30,10,.08)}.jx-logo .ios-ic{width: 100%;height: 100%;border-radius: inherit}.jx-logo img{width: 100%;height: 100%;object-fit: contain;padding: 4px}.jx-lang{position: relative;display: flex;padding: 3px;border-radius: 99px;background: var(--surface);box-shadow: 0 2px 10px rgba(60,30,10,.07);flex-shrink: 0}.jx-lang a{position: relative;z-index: 1;padding: 6px 10px;border-radius: 99px;font-size: .76rem;font-weight: 600;color: var(--muted);transition: color .3s;background: none !important}.jx-lang a.on{color: #fff}.jx-lang .pill{position: absolute;top: 3px;bottom: 3px;border-radius: 99px;background: var(--pbg);transition: all .45s var(--spring)}.jx-lang:not(.ready) a.on{background: var(--pbg) !important}.jx-hero{text-align: center;margin: 22px 0 6px}.jx-eyebrow{display: inline-block;font-size: .78rem;font-weight: 700;color: var(--pbg);background: color-mix(in srgb,var(--pbg) 10%,transparent);padding: 3px 12px;border-radius: 99px}.jx-hero h1{margin: 8px 0 0;font-size: 1.65rem;line-height: 1.35;letter-spacing: -.02em;font-weight: 700}.jx-hero p{margin: 4px 0 0;color: var(--muted);font-size: .9rem}.jx-stage{perspective: 1000px;margin: 18px auto 0;touch-action: pan-y}.jx-pass{position: relative;border-radius: 22px;padding: 16px 18px 14px;background: var(--pbg);color: var(--pfg);overflow: hidden;box-shadow: 0 28px 50px -22px color-mix(in srgb,var(--pbg) 75%,#000),0 8px 20px rgba(0,0,0,.08);transform-style: preserve-3d;transform: rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition: transform .25s ease-out;animation: jxCard .55s var(--spring) .15s both}@keyframes jxCard{from{opacity: 0;transform: translateY(18px) rotate(-3deg) scale(.96)}}.jx-pass.float{animation: jxFloat 5s ease-in-out infinite}@keyframes jxFloat{50%{translate: 0 -6px}}.jx-pass::before{content: "";position: absolute;inset: -85px -125px auto auto;width: 250px;height: 250px;border: 35px solid rgba(255,255,255,.05);border-radius: 50%;pointer-events: none}.jx-pass::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 48%,transparent 60%);transform: translateX(120%);animation: jxShine 5s ease-in-out 1.6s infinite}[dir=rtl] .jx-pass::after{animation-name: jxShineR}@keyframes jxShine{0%,60%{transform: translateX(-120%)}100%{transform: translateX(120%)}}@keyframes jxShineR{0%,60%{transform: translateX(120%)}100%{transform: translateX(-120%)}}.jx-pass-top,.jx-pass-bottom{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 8px}.jx-pass-brand{display: flex;align-items: center;gap: 8px;min-width: 0}.jx-pass-brand img{height: 26px;max-width: 80px;object-fit: contain}.jx-pass-brand b{font-size: .95rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.jx-badge{font-size: .66rem;padding: 3px 9px;border-radius: 99px;background: rgba(255,255,255,.14);color: var(--plb);white-space: nowrap}.jx-stamps{position: relative;display: grid;grid-template-columns: repeat(var(--cols,8),minmax(0,1fr));gap: 7px;margin: 18px 0 14px}.jx-stamps i{aspect-ratio: 1;border-radius: 50%;border: 1.5px solid color-mix(in srgb,var(--pfg) 40%,transparent);display: grid;place-items: center;font-style: normal;font-size: .66rem;color: color-mix(in srgb,var(--pfg) 65%,transparent);opacity: 0;transform: scale(.4);animation: jxPop .45s var(--spring) forwards;animation-delay: calc(var(--i) * 55ms + 550ms)}.jx-stamps i.gift{background: var(--plb);border-color: transparent;color: var(--pbg);animation: jxPop .45s var(--spring) forwards,jxTwinkle 2.4s ease-in-out 1.8s infinite;animation-delay: calc(var(--i) * 55ms + 550ms),1.8s}@keyframes jxPop{to{opacity: 1;transform: scale(1)}}@keyframes jxTwinkle{50%{transform: scale(1.12) rotate(10deg)}}.jx-big{position: relative;margin: 16px 0 12px}.jx-big small{display: block;font-size: .7rem;color: var(--plb)}.jx-big b{font-size: 1.5rem;line-height: 1.3}.jx-pass-bottom b{font-size: .8rem;font-weight: 500;max-width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.jx-pass-bottom span{font-size: .74rem;color: var(--plb);white-space: nowrap}.jx-sheet{margin-top: 20px;padding: 20px 18px 16px;border-radius: 26px;background: var(--surface);box-shadow: 0 -10px 40px rgba(60,30,10,.05),0 10px 30px rgba(60,30,10,.05);border: 1px solid var(--line)}.jx-sheet form{display: grid;gap: 12px}.jx-f{position: relative}.jx-f input{width: 100%;height: 56px;margin: 0;padding: 20px 16px 6px;border: 1.5px solid transparent;border-radius: 16px;background: var(--surface-2);font: inherit;font-size: 16px;color: var(--text);outline: none;transition: border-color .25s,background .25s,box-shadow .25s}.jx-f label{position: absolute;inset-inline-start: 16px;top: 17px;font-size: .94rem;color: var(--muted);pointer-events: none;transition: all .25s var(--ease);margin: 0}.jx-f input:focus{border-color: var(--pbg);background: var(--surface);box-shadow: 0 0 0 4px color-mix(in srgb,var(--pbg) 14%,transparent)}.jx-f input:focus ~ label,.jx-f input:not(:placeholder-shown) ~ label,.jx-f.date input[type=date] ~ label{top: 7px;font-size: .7rem;font-weight: 700;color: var(--pbg)}.jx-f input[dir=ltr]{text-align: right}[dir=ltr] .jx-f input[dir=ltr]{text-align: left}.jx-hint{position: absolute;inset-inline-end: 16px;top: 18px;font-size: .86rem;color: var(--muted);opacity: .6;pointer-events: none;transition: opacity .2s}.jx-f input:focus ~ .jx-hint,.jx-f input:not(:placeholder-shown) ~ .jx-hint{opacity: 0}.jx-f .field-err{margin-top: 6px}.jx-f.shake input{animation: jxShake .4s}@keyframes jxShake{25%{transform: translateX(-6px)}50%{transform: translateX(5px)}75%{transform: translateX(-3px)}}.jx-more{display: flex;align-items: center;justify-content: space-between;gap: 8px;width: 100%;min-height: 44px;padding: 0 4px;border: 0;background: none;color: var(--muted);font: inherit;font-size: .86rem;cursor: pointer}.jx-more>span{display: inline-flex;align-items: center;gap: 7px}.jx-more small{font-size: .74rem;opacity: .8}.jx-more>svg:last-child{transition: transform .25s var(--ease)}.jx-more[aria-expanded=true]>svg:last-child{transform: rotate(180deg)}.jx-more>span svg{color: var(--pbg)}.jx-opt{display: grid;grid-template-rows: 0fr;transition: grid-template-rows .25s var(--ease);margin-top: -8px}.jx-opt.open{grid-template-rows: 1fr}.jx-opt-in{overflow: hidden;display: grid;gap: 12px;min-height: 0}.jx-opt.open .jx-opt-in{padding-top: 2px}.jx-cta{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;height: 56px;margin-top: 4px;border: 0;border-radius: 18px;background: var(--pbg);color: var(--pfg);font: inherit;font-size: 1.05rem;font-weight: 700;cursor: pointer;box-shadow: 0 12px 26px -10px color-mix(in srgb,var(--pbg) 85%,transparent);transition: transform .2s var(--spring),filter .2s}.jx-cta:hover{filter: brightness(1.05)}.jx-cta:active{transform: scale(.97)}.jx-cta::before{content: "";position: absolute;inset: 0;background: linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform: translateX(100%);animation: jxSweep 3.2s ease-in-out 2.4s infinite}@keyframes jxSweep{0%,70%{transform: translateX(100%)}100%{transform: translateX(-100%)}}.jx-cta .spin{display: none;width: 22px;height: 22px;border: 3px solid rgba(255,255,255,.35);border-top-color: #fff;border-radius: 50%;animation: spin .8s linear infinite}.jx-cta.loading .txt,.jx-cta.loading>svg{display: none}.jx-cta.loading .spin{display: block}.jx-cta.sm{height: 50px;font-size: .98rem}.ripple{position: absolute;border-radius: 50%;background: rgba(255,255,255,.4);transform: scale(0);animation: jxRip .6s ease-out forwards;pointer-events: none}@keyframes jxRip{to{transform: scale(4);opacity: 0}}.jx-note{margin: 0;text-align: center;color: var(--muted);font-size: .76rem;line-height: 1.6}.jx-wallets{display: flex;justify-content: center;gap: 8px;flex-wrap: wrap}.jx-wallets span{display: inline-flex;align-items: center;gap: 6px;padding: 6px 11px;border-radius: 10px;background: #111;color: #fff;font-size: .72rem;font-weight: 600;direction: ltr}:root[data-theme=dark] .jx-wallets span{background: #000;border: 1px solid #333}.jx-how{display: flex;align-items: center;justify-content: center;gap: 6px;margin: 14px auto 0;min-height: 44px;padding: 8px 16px;border: 0;border-radius: 99px;background: none;color: var(--text);font: inherit;font-size: .88rem;font-weight: 600;cursor: pointer}.jx-how:hover{background: var(--surface)}.jx-how svg{color: var(--pbg)}.jx-foot{text-align: center;color: var(--muted);font-size: .78rem;margin-top: 8px}.jx-layer{position: fixed;inset: 0;z-index: 100;display: flex;align-items: flex-end;justify-content: center}.jx-scrim{position: absolute;inset: 0;background: rgba(20,12,8,.45);backdrop-filter: blur(2px);animation: jxFade .22s ease-out}.jx-bottom{position: relative;width: 100%;max-width: 460px;padding: 10px 22px calc(20px + env(safe-area-inset-bottom));border-radius: 26px 26px 0 0;background: var(--surface);box-shadow: 0 -20px 40px -20px rgba(0,0,0,.35);animation: jxSheetUp .32s var(--ease);transition: transform .2s}.jx-layer.closing .jx-scrim{animation: jxFade .22s ease-in reverse forwards}.jx-layer.closing .jx-bottom{animation: jxSheetDown .22s ease-in forwards}@keyframes jxFade{from{opacity: 0}}@keyframes jxSheetUp{from{transform: translateY(100%)}}@keyframes jxSheetDown{to{transform: translateY(100%)}}.jx-handle{display: block;width: 42px;height: 5px;border-radius: 99px;background: var(--line);margin: 0 auto 12px}.jx-bottom-h{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px}.jx-bottom-h h2{margin: 0;font-size: 1.15rem}.jx-x{width: 36px;height: 36px;border: 0;border-radius: 50%;background: var(--surface-2);color: var(--text);display: grid;place-items: center;cursor: pointer}.jx-steps{list-style: none;margin: 0 0 16px;padding: 0;display: grid;gap: 4px}.jx-steps li{display: flex;gap: 14px;align-items: flex-start;padding: 12px 0;opacity: 0;transform: translateY(10px);animation: jxUp .4s var(--ease) forwards;animation-delay: calc(var(--i) * 80ms + 120ms)}.jx-steps li + li{border-top: 1px solid var(--line)}.jx-steps li>span{width: 42px;height: 42px;border-radius: 13px;flex-shrink: 0;display: grid;place-items: center;background: color-mix(in srgb,var(--pbg) 12%,transparent);color: var(--pbg)}.jx-steps b{display: block;font-size: .95rem}.jx-steps p{margin: 2px 0 0;color: var(--muted);font-size: .84rem}@media (min-width: 900px){.jx{padding-top: 36px}.jx-hero h1{font-size: 1.9rem}}@media (max-width: 370px){.jx{padding-inline: 14px}.jx-hero h1{font-size: 1.4rem}.jx-lang a{padding: 6px 8px}.jx-stamps{gap: 5px}}@media (prefers-reduced-motion: reduce){.jx *,.jx *::before,.jx *::after,body.joinpage::before{animation: none !important;transition: none !important;opacity: 1 !important}.jx-in,.jx-stamps i{transform: none !important}}[dir=rtl] .jx-hint{left: 16px;right: auto}[dir=ltr] .jx-hint{right: 16px;left: auto}.jx{--pac: var(--pbg)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .jx{--pac: color-mix(in srgb,var(--pbg) 45%,#fff)}}:root[data-theme=dark] .jx{--pac: color-mix(in srgb,var(--pbg) 45%,#fff)}.jx-eyebrow{color: var(--pac);background: color-mix(in srgb,var(--pac) 14%,transparent)}.jx-f input:focus ~ label,.jx-f input:not(:placeholder-shown) ~ label,.jx-f.date input[type=date] ~ label{color: var(--pac)}.jx-f input:focus{border-color: var(--pac)}.jx-more>span svg,.jx-how svg,.jx-steps li>span{color: var(--pac)}.jx-steps li>span{background: color-mix(in srgb,var(--pac) 14%,transparent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .jx-pass{box-shadow: 0 0 0 1px rgba(255,255,255,.1),0 28px 50px -22px #000}}:root[data-theme=dark] .jx-pass{box-shadow: 0 0 0 1px rgba(255,255,255,.1),0 28px 50px -22px #000}.celebrate{--pbg: var(--primary);display: grid;justify-items: center;gap: 4px;text-align: center;padding: 6px 0 4px;animation: jxUp .5s cubic-bezier(.22,1,.36,1) both}.celebrate b{font-size: 1.15rem}.celebrate small{color: var(--muted)}.cel-check{width: 64px;height: 64px;border-radius: 50%;display: grid;place-items: center;background: color-mix(in srgb,var(--pbg) 14%,var(--surface));animation: jxPop .6s cubic-bezier(.34,1.56,.64,1) both;transform: scale(.4);opacity: 0}.cel-check svg{width: 32px;fill: none;stroke: var(--pbg);stroke-width: 3.2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 40;stroke-dashoffset: 40;animation: celDraw .5s ease .35s forwards}@keyframes celDraw{to{stroke-dashoffset: 0}}.confetti{position: fixed;top: -20px;width: 8px;height: 14px;border-radius: 2px;z-index: 200;pointer-events: none;animation: confFall linear forwards}@keyframes confFall{to{transform: translate3d(var(--x),105vh,0) rotate(var(--r));opacity: .9}}body.joinpage::before{animation: none}.jx-pass::after,[dir=rtl] .jx-pass::after{animation-iteration-count: 1;animation-duration: 1.6s;animation-delay: .9s;animation-fill-mode: both}.jx-pass.float{animation: jxFloat 5s ease-in-out 2}.jx-stamps i.gift{animation: jxPop .45s var(--spring) forwards,jxTwinkle 1.2s ease-in-out 1.8s 2}.jx-cta::before{animation-iteration-count: 1;animation-delay: 1.8s}.jx.typing .jx-pass,.jx.typing .jx-pass.float{animation-play-state: paused;transform: none}.jx.typing .jx-stage{opacity: .92;transition: opacity .3s}.pw .celebrate{margin: 18px 0 4px}.pw-title{text-align: center;margin: 20px 0 6px}.pw-title h1{margin: 0;font-size: 1.5rem}.pw-title p{margin: 4px 0 0;font-size: .9rem}.pw-box{margin-top: 16px;padding: 18px;border-radius: 24px;background: var(--surface);border: 1px solid var(--line);display: grid;gap: 12px;box-shadow: 0 10px 30px rgba(60,30,10,.05)}.pw-ok{display: flex;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 16px;background: var(--ok-soft);color: var(--ok)}.pw-ok b,.pw-ok small{display: block}.pw-ok small{color: var(--text);opacity: .75;font-size: .8rem}.pw-btns{display: grid;gap: 10px}.wl-btn{display: flex;align-items: center;justify-content: center;gap: 12px;height: 58px;border-radius: 16px;background: #111;color: #fff !important;font-weight: 700;font-size: 1.05rem;direction: ltr;transition: transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.wl-btn span{display: grid;line-height: 1.15;text-align: left}.wl-btn small{font-size: .68rem;font-weight: 500;opacity: .8}.wl-btn:active{transform: scale(.97)}.wl-btn.google{background: #fff;color: #1f1f1f !important;border: 1px solid #dadce0}:root[data-theme=dark] .wl-btn.google{background: #202124;color: #fff !important;border-color: #3c4043}.pw-btns.has-main .wl-btn:not(.is-main){height: 46px;font-size: .9rem;opacity: .85}.pw-btns.has-main .wl-btn:not(.is-main) svg{width: 18px;height: 18px}.wl-btn.is-main{box-shadow: 0 12px 26px -12px rgba(0,0,0,.55)}.wl-btn.pulse{animation: wlPulse 1.2s ease-in-out 3}@keyframes wlPulse{50%{transform: scale(1.03);box-shadow: 0 0 0 6px color-mix(in srgb,var(--pbg) 25%,transparent)}}.pw-btns.dim{opacity: .45}.pw-auto{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 16px;background: var(--surface-2);animation: jxUp .4s cubic-bezier(.22,1,.36,1) both}.pw-auto>div{flex: 1;min-width: 0}.pw-auto b,.pw-auto small{display: block}.pw-auto small{color: var(--muted);font-size: .8rem}.pw-ring{position: relative;width: 44px;height: 44px;flex-shrink: 0}.pw-ring svg{width: 100%;height: 100%;transform: rotate(-90deg)}.pw-ring circle{fill: none;stroke: var(--line);stroke-width: 3}.pw-ring .pw-ring-p{stroke: var(--pbg);stroke-linecap: round;stroke-dasharray: 100.5;stroke-dashoffset: 100.5;animation: pwRing 1.6s linear forwards}@keyframes pwRing{to{stroke-dashoffset: 0}}.pw-ring-ic{position: absolute;inset: 0;display: grid;place-items: center}.pw-ring-ic svg{width: 20px;height: 20px;transform: none}.pw-auto.done .pw-ring{display: none}.pw-cancel{border: 0;background: none;color: var(--muted);font: inherit;font-size: .82rem;cursor: pointer;padding: 6px}.pw-auto.fired .pw-cancel{visibility: hidden}.pw-inapp{display: flex;gap: 12px;padding: 14px;border-radius: 16px;background: var(--warn-soft)}.pw-warn{color: var(--warn);flex-shrink: 0}.pw-inapp b,.pw-inapp small{display: block}.pw-inapp small{font-size: .8rem;color: var(--muted)}.pw-row{display: flex;gap: 8px;flex-wrap: wrap;margin: 10px 0 6px}.pw-tip{font-size: .76rem}.pw-desk{display: flex;align-items: center;gap: 14px;padding: 12px;border-radius: 16px;background: var(--surface-2)}.pw-desk .qr{width: 104px;height: 104px;flex-shrink: 0;padding: 8px;background: #fff;border-radius: 12px}.pw-desk .qr img,.pw-desk .qr svg{width: 100%;height: 100%;display: block}.pw-desk b,.pw-desk small{display: block}.pw-desk small{color: var(--muted);font-size: .8rem}.pw-web{margin-top: 14px;border-radius: 20px;background: var(--surface);border: 1px solid var(--line)}.pw-web>summary{list-style: none;display: flex;align-items: center;gap: 10px;padding: 14px 16px;cursor: pointer;font-weight: 600;font-size: .92rem}.pw-web>summary::-webkit-details-marker{display: none}.pw-web>summary span{flex: 1}.pw-web>summary small{display: block;font-weight: 400;color: var(--muted);font-size: .76rem}.pw-web>summary>svg:last-child{transition: transform .25s}.pw-web[open]>summary>svg:last-child{transform: rotate(180deg)}.pw-web-in{padding: 0 16px 16px;animation: jxUp .3s cubic-bezier(.22,1,.36,1)}.pw-pass{max-width: 320px;margin: 0 auto 8px}.earn{display: grid;gap: 14px}.nb{font-style: normal;min-width: 20px;height: 20px;padding: 0 6px;border-radius: 99px;background: var(--bad);color: #fff;font-size: .7rem;font-weight: 800;display: inline-grid;place-items: center;line-height: 1}body:not(.ready) .pw-web>summary>svg:last-child{transition: none !important}.pw-done{position: fixed;inset: 0;z-index: 150;display: grid;place-items: center;padding: 20px;background: rgba(20,12,8,0);backdrop-filter: blur(0);transition: background .3s,backdrop-filter .3s}.pw-done.on{background: rgba(20,12,8,.45);backdrop-filter: blur(6px)}.pw-done-card{width: min(380px,100%);padding: 28px 22px 20px;border-radius: 28px;background: var(--surface);text-align: center;display: grid;gap: 10px;justify-items: center;box-shadow: 0 40px 80px -24px rgba(0,0,0,.5);transform: translateY(30px) scale(.94);opacity: 0;transition: transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s}.pw-done.on .pw-done-card{transform: none;opacity: 1}.pw-done-ring{width: 84px;height: 84px}.pw-done-ring svg{width: 100%;height: 100%;fill: none;stroke-linecap: round;stroke-linejoin: round}.pw-done-ring circle{stroke: var(--ok);stroke-width: 3;fill: color-mix(in srgb,var(--ok) 12%,transparent);stroke-dasharray: 151;stroke-dashoffset: 151}.pw-done-ring path{stroke: var(--ok);stroke-width: 4;stroke-dasharray: 40;stroke-dashoffset: 40}.pw-done.on .pw-done-ring circle{animation: dnRing .6s cubic-bezier(.65,0,.35,1) .15s forwards}.pw-done.on .pw-done-ring path{animation: dnRing .35s cubic-bezier(.65,0,.35,1) .65s forwards}@keyframes dnRing{to{stroke-dashoffset: 0}}.pw-done-card b{font-size: 1.3rem}.pw-done-card p{margin: 0;color: var(--muted);font-size: .92rem}.pw-done-tips{list-style: none;margin: 6px 0 4px;padding: 0;display: grid;gap: 6px;width: 100%;text-align: start}.pw-done-tips li{display: flex;gap: 10px;align-items: center;padding: 10px 12px;border-radius: 14px;background: var(--surface-2);font-size: .84rem}.pw-done-tips svg{color: var(--ok);flex-shrink: 0}.pw-done .jx-cta{margin-top: 6px}.jx-mine{display: grid;gap: 12px;justify-items: center;text-align: center;padding: 6px 0}.jx-mine-ic{width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center;background: var(--ok-soft);color: var(--ok)}.jx-mine b{font-size: 1.1rem;display: block}.jx-mine small{color: var(--muted)}.jx-mine .jx-cta{text-decoration: none}.jx-other{font-size: .84rem;color: var(--muted);text-decoration: underline;text-underline-offset: 3px}.jx-confirm{display: grid;gap: 8px;padding: 14px;border-radius: 16px;background: var(--warn-soft);border: 1px solid color-mix(in srgb,var(--warn) 35%,var(--line))}.jx-confirm b{color: var(--warn)}.jx-confirm small{color: var(--text);font-size: .84rem}.jx-num{font-size: 1.35rem;font-weight: 800;letter-spacing: .04em;text-align: center;padding: 6px;border-radius: 12px;background: var(--surface)}.jx-confirm .jx-consent{background: var(--surface)}.jx-confirm .jx-consent{padding: 12px;border-radius: 12px;gap: 10px;align-items: center}.jx-confirm .jx-consent input{width: 20px;height: 20px;margin: 0;accent-color: var(--warn)}.auto-add{display: flex !important;gap: 12px;align-items: center;margin: 12px 0 0;padding: 10px 12px;border-radius: 14px;background: var(--surface-2);cursor: pointer;color: var(--text)}.auto-add b,.auto-add small{display: block}.auto-add b{font-size: .9rem}.auto-add small{font-size: .76rem}.dt-wrap{position: relative;display: block}.dt-wrap>input{width: 100%;margin: 0;cursor: pointer}label>.dt-wrap{margin-top: 6px}.dt-wrap.dt-empty>input::-webkit-datetime-edit{color: transparent;opacity: 0}.dt-wrap.dt-empty::before{content: attr(data-ph);position: absolute;inset-inline-start: 14px;top: 50%;transform: translateY(-50%);color: var(--muted);font-size: .9rem;pointer-events: none;z-index: 1;white-space: nowrap}.jx-f.date>label{top: 7px;font-size: .7rem;font-weight: 700;color: var(--pac,var(--primary))}.jx-f.date .dt-wrap.dt-empty::before{top: auto;bottom: 9px;transform: none;inset-inline-start: 16px}.jx-f .dt-wrap>input{width: 100%}.dt-wrap.dt-empty>input::-webkit-datetime-edit-day-field:focus,.dt-wrap.dt-empty>input::-webkit-datetime-edit-month-field:focus,.dt-wrap.dt-empty>input::-webkit-datetime-edit-year-field:focus,.dt-wrap.dt-empty>input::-webkit-datetime-edit-hour-field:focus,.dt-wrap.dt-empty>input::-webkit-datetime-edit-minute-field:focus{background: transparent;color: transparent}.btn.reward{background: linear-gradient(135deg,#f5b301,#e58a06);color: #3b2a00;border-color: transparent;font-weight: 700}.wl-other{border: 0;background: none;color: var(--muted);font: inherit;font-size: .8rem;text-decoration: underline;text-underline-offset: 3px;cursor: pointer;padding: 4px;justify-self: center}.wl-btn[hidden]{display: none}.tag.bad{background: var(--bad-soft);color: var(--bad)}#rBody[hidden]{display: none}.bq-dlg{border: 0;padding: 0;width: min(420px,calc(100vw - 32px));border-radius: 24px;background: var(--surface);color: var(--text);box-shadow: 0 30px 80px -24px rgba(30,20,14,.45);overflow: hidden}.bq-dlg::backdrop{background: rgba(24,16,12,.42);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}.bq-dlg[open]{animation: bqIn .2s cubic-bezier(.2,.8,.2,1)}.bq-dlg[open]::backdrop{animation: bqFade .2s ease-out}@keyframes bqIn{from{opacity: 0;transform: translateY(10px) scale(.97)}}@keyframes bqFade{from{opacity: 0}}.bq-dlg form{padding: 26px 24px 20px;display: grid;justify-items: center;text-align: center;gap: 8px}.bq-dlg-ic{width: 56px;height: 56px;border-radius: 18px;display: grid;place-items: center;margin-bottom: 6px;background: var(--primary-soft);color: var(--primary)}.bq-dlg[data-kind=danger] .bq-dlg-ic{background: var(--bad-soft);color: var(--bad)}.bq-dlg[data-kind=info] .bq-dlg-ic{background: var(--surface-2);color: var(--muted)}.bq-dlg h2{margin: 0;font-size: 1.12rem;line-height: 1.45;text-wrap: balance}.bq-dlg p{margin: 0;color: var(--muted);font-size: .92rem;line-height: 1.6}.bq-dlg p[hidden],.bq-dlg blockquote[hidden]{display: none}.bq-dlg blockquote{margin: 6px 0 0;width: 100%;padding: 12px 14px;border-radius: 14px;background: var(--surface-2);font-size: .9rem;text-align: start;overflow-wrap: anywhere;position: relative}.bq-dlg blockquote::before{content: "“";position: absolute;top: -6px;inset-inline-start: 10px;font-size: 1.8rem;color: var(--primary);opacity: .5;font-family: Georgia,serif}.bq-dlg-act{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 100%;margin-top: 14px}.bq-dlg-act .btn{min-height: 48px;font-size: .98rem}.bq-dlg-act .btn[hidden]{display: none}.bq-dlg-act:has(.btn[hidden]){grid-template-columns: 1fr}@media (max-width: 760px){.bq-dlg{width: 100vw;max-width: 100vw;margin: auto auto 0;border-radius: 24px 24px 0 0}.bq-dlg[open]{animation: bqUp .24s cubic-bezier(.2,.8,.2,1)}@keyframes bqUp{from{transform: translateY(100%)}}.bq-dlg form{padding-bottom: calc(20px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.bq-dlg[open],.bq-dlg[open]::backdrop{animation: none}}.wp-sample-wrap{position: relative}.wp-sample{position: absolute;top: -8px;inset-inline-end: 12px;z-index: 2;background: #111;color: #fff;font-size: .72rem;font-weight: 700;padding: 3px 10px;border-radius: 999px;box-shadow: 0 2px 8px rgba(0,0,0,.2)}.cx{min-height: 100vh;display: grid;place-items: center;text-align: center;padding: 32px;position: relative;overflow: hidden}@keyframes cxPop{0%{transform: scale(.2) rotate(-40deg);opacity: 0}60%{transform: scale(1.25) rotate(8deg);opacity: 1}100%{transform: none}}.pw-prog,.pw-news,.pw-ref,.pw-prefs{margin-top: 14px;border-radius: 20px;background: var(--surface);border: 1px solid var(--line);padding: 14px 16px;display: grid;gap: 4px}.pw-prog b{font-size: 1.05rem}.pw-prog .tag{justify-self: start;margin-top: 4px}.pw-ready{display: grid;gap: 2px;padding: 4px 0}.pw-ready b{font-size: 1.1rem}.pw-news p{margin: 2px 0 0;font-weight: 600}.pw-ref .pw-row{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 6px}.pw-prefs .auto-add{margin: 0}.pw-saved{color: var(--ok,#2e9e5b);font-weight: 600}.pw-mine{display: block;text-align: center;margin-top: 14px;padding: 12px;border-radius: 16px;background: var(--surface-2);font-weight: 600;text-decoration: none;color: var(--text)}.wp-strip.stamps i.wp-pop{animation: cxPop .8s cubic-bezier(.2,1.6,.4,1) both}.pw-toast{position: fixed;bottom: 24px;left: 50%;transform: translate(-50%,30px);opacity: 0;background: #111;color: #fff;padding: 12px 20px;border-radius: 999px;font-weight: 700;z-index: 300;transition: all .35s cubic-bezier(.2,.9,.3,1.2);box-shadow: 0 10px 30px rgba(0,0,0,.25)}.pw-toast.on{opacity: 1;transform: translate(-50%,0)}.my-list{display: grid;gap: 12px;margin-top: 14px}.my-card{display: flex;align-items: center;gap: 12px;padding: 14px;border-radius: 20px;background: var(--pbg);color: var(--pfg);text-decoration: none;box-shadow: 0 10px 26px rgba(0,0,0,.12);transition: transform .2s}.my-card:active{transform: scale(.98)}.my-logo{width: 48px;height: 48px;border-radius: 14px;background: #fff;display: grid;place-items: center;overflow: hidden;flex-shrink: 0}.my-logo img{width: 100%;height: 100%;object-fit: cover}.my-body{flex: 1;min-width: 0;display: grid;gap: 2px}.my-body small{opacity: .85}.my-bar{display: block;height: 6px;border-radius: 6px;background: color-mix(in srgb,var(--pfg) 25%,transparent);overflow: hidden;margin: 4px 0 2px}.my-bar>i{display: block;height: 100%;background: var(--pfg);border-radius: 6px}.my-go{font-size: 1.6rem;opacity: .7}[dir=ltr] .my-go{transform: scaleX(-1)}.my-h{font-size: 1rem;margin: 26px 0 10px}.my-disc{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px}.my-disc a{display: grid;gap: 4px;justify-items: start;padding: 12px;border-radius: 16px;background: var(--surface);border: 1px solid var(--line);text-decoration: none;color: var(--text)}.jx-err{display: block;color: #c0392b;font-size: .8rem;font-weight: 700;margin: 6px 4px 0;line-height: 1.5}.jx-err::before{content: "⚠ "}.jx-f input[aria-invalid=true]{border-color: #d64545 !important;box-shadow: 0 0 0 3px rgba(214,69,69,.14) !important}.jx-why{display: flex;gap: 5px;align-items: flex-start;color: var(--muted);font-size: .76rem;margin: 6px 4px 0;line-height: 1.5}.jx-why svg{flex-shrink: 0;margin-top: 2px}.jx-hint{opacity: 1;color: #6b5f57}.jx-note a,.jx-terms a{text-decoration: underline;text-underline-offset: 2px}.jx-lang a{min-height: 40px;min-width: 44px;display: inline-flex;align-items: center;justify-content: center;padding: 8px 12px;font-size: .82rem}.jx-rule{display: inline-flex;gap: 6px;align-items: center;font-weight: 700;color: var(--text);background: color-mix(in srgb,var(--pbg) 10%,transparent);padding: 6px 12px;border-radius: 999px;margin: 6px 0 4px;font-size: .88rem}.jx-recover{display: grid;gap: 8px;padding: 14px;border-radius: 16px;background: #fff7e6;border: 1px solid #f3d9a4;margin: 10px 0}.jx-recover small{color: var(--muted);line-height: 1.6}.jx-terms{margin: 12px 0 4px;border-radius: 14px;background: var(--surface-2);padding: 0 14px;font-size: .86rem}.jx-terms summary{cursor: pointer;padding: 11px 0;font-weight: 700}.jx-terms ul{margin: 0 0 10px;padding-inline-start: 18px;display: grid;gap: 4px}.jx-terms p{margin: 0 0 12px;color: var(--muted)}.jx-gw{font-size: .78rem;color: var(--muted);text-align: center;margin: 8px 0 0;line-height: 1.6}.jx-opt[inert]{pointer-events: none}.jx-missing .jx-sheet{display: grid;gap: 12px;justify-items: center;padding: 28px 20px}.jx-missing h1{font-size: 1.35rem;margin: 0}.jx-miss-ic{width: 72px;height: 72px;border-radius: 22px;display: grid;place-items: center;background: var(--surface-2);color: var(--muted)}.pe{display: grid;grid-template-columns: 330px 1fr;min-height: 100vh}.sw{width: 46px;height: 58px;border-radius: 9px;border: 1.5px solid var(--line);background: linear-gradient(var(--a) 0 38%,var(--b) 38%);box-shadow: inset 0 0 0 3px #fff}@media (max-width: 900px){.pe{grid-template-columns: 1fr}}@media print{.pe{display: block}}@media (max-width: 900px){.pe{display: flex;flex-direction: column}}.bz-get.apple{background: #000 !important;border-color: #000 !important;color: #fff !important}.wp-sample-wrap .qr-ph{filter: blur(3px);opacity: .55}.bz-sticky{display: none}@media (max-width: 860px){.bz-sticky{display: block;position: fixed;inset: auto 0 0 0;z-index: 40;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));background: color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter: blur(10px);border-top: 1px solid var(--line);transform: translateY(110%);transition: transform .3s}.bz-sticky.on{transform: none}.bz-sticky .btn{background: var(--bc);border-color: var(--bc)}body.bizpage{padding-bottom: 84px}}.wp-sample{inset-inline-end: auto;left: 50%;transform: translateX(-50%);top: -10px}body.bizpage{background: radial-gradient(1200px 500px at 50% -120px,color-mix(in srgb,var(--bc,#ba4e2b) 10%,transparent),transparent),var(--bg)}.b2{--bc: var(--primary);--bc-soft: color-mix(in srgb,var(--bc) 12%,transparent);max-width: 1040px;margin: 0 auto;padding: 0 16px 48px}.b2-top{display: flex;justify-content: space-between;align-items: center;padding: 14px 2px}.b2-hero{background: var(--surface);border: 1px solid var(--line);border-radius: 30px;overflow: hidden;box-shadow: 0 30px 60px -40px rgba(16,24,40,.35)}.b2-cover{height: clamp(120px,20vw,190px);position: relative;overflow: hidden;background: linear-gradient(120deg,var(--bc),color-mix(in srgb,var(--bc) 55%,#1a0f0a));background-size: cover;background-position: center}.b2-cover:not(.has-img)::before{content: "";position: absolute;inset: 0;opacity: .14;background-image: radial-gradient(#fff 1.2px,transparent 1.3px);background-size: 18px 18px}.b2-cover.has-img::after{content: "";position: absolute;inset: 0;background: linear-gradient(transparent 50%,rgba(0,0,0,.3))}.b2-cover.has-img .b2-orb{display: none}.b2-orb{position: absolute;border-radius: 50%;filter: blur(30px);opacity: .5;animation: b2Float 9s ease-in-out infinite alternate}.b2-orb.a{width: 220px;height: 220px;background: color-mix(in srgb,var(--bc) 60%,#ffd8a8);top: -90px;inset-inline-start: 8%}.b2-orb.b{width: 180px;height: 180px;background: color-mix(in srgb,var(--bc) 40%,#000);bottom: -100px;inset-inline-end: 12%;animation-duration: 12s}@keyframes b2Float{to{transform: translate(30px,16px) scale(1.12)}}.b2-id{display: flex;gap: 18px;align-items: flex-end;padding: 0 26px;margin-top: -42px;position: relative}.b2-logo{width: 96px;height: 96px;border-radius: 26px;background: var(--surface);flex-shrink: 0;display: grid;place-items: center;overflow: hidden;box-shadow: 0 0 0 5px var(--surface),0 12px 26px -10px rgba(0,0,0,.35)}.b2-logo img{width: 100%;height: 100%;object-fit: contain;padding: 10px}.b2-logo .ios-ic{width: 100%;height: 100%;border-radius: inherit}.b2-name{flex: 1;min-width: 0;padding-top: 50px}.b2-name h1{margin: 0;font-size: clamp(1.5rem,3.6vw,2.15rem);line-height: 1.2;letter-spacing: -.01em}.b2-name p{margin: 4px 0 0;display: flex;gap: 10px;align-items: center;flex-wrap: wrap;color: var(--muted);font-size: .92rem}.b2-open{display: inline-flex;align-items: center;gap: 6px;font-weight: 700;font-size: .82rem;padding: 3px 10px;border-radius: 99px;font-style: normal}.b2-open i{width: 7px;height: 7px;border-radius: 50%;background: currentColor}.b2-open.on{color: #1f8a4c;background: #e5f6ec}.b2-open.on i{animation: b2Pulse 1.8s infinite}.b2-open.off{color: #b4382c;background: #fbe9e6}.b2-open small{font-weight: 500;opacity: .85}@keyframes b2Pulse{0%{box-shadow: 0 0 0 0 rgba(31,138,76,.5)}70%{box-shadow: 0 0 0 7px rgba(31,138,76,0)}100%{box-shadow: 0 0 0 0 rgba(31,138,76,0)}}.b2-desc{margin: 14px 26px 0;color: var(--text);line-height: 1.7;max-width: 680px}.b2-addr{margin: 8px 26px 0;display: flex;gap: 6px;align-items: center;color: var(--muted);font-size: .9rem}.b2-cta{display: flex;gap: 14px;align-items: center;padding: 18px 26px 24px;flex-wrap: wrap}.b2-main{background: var(--bc) !important;border-color: var(--bc) !important;color: #fff;min-width: 220px;justify-content: center;position: relative;overflow: hidden}.b2-main::after{content: "";position: absolute;inset: 0;background: linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform: translateX(-120%);animation: b2Shine 4.5s 1.2s infinite}@keyframes b2Shine{0%,70%{transform: translateX(-120%)}100%{transform: translateX(120%)}}.b2-links{display: flex;gap: 10px;flex-wrap: wrap}.b2-links a{display: grid;justify-items: center;gap: 4px;text-decoration: none;color: var(--text);min-width: 58px}.b2-links a span{width: 48px;height: 48px;border-radius: 16px;display: grid;place-items: center;background: var(--bc-soft);color: var(--bc);transition: transform .2s,background .2s,color .2s}.b2-links a:hover span{transform: translateY(-3px);background: var(--bc);color: #fff}.b2-links small{font-size: .74rem;font-weight: 600;color: var(--muted)}.b2-sec{margin-top: 22px}.b2-h h2{margin: 0;font-size: 1.3rem}.b2-h p{margin: 2px 0 12px;color: var(--muted)}.b2-one{display: grid;grid-template-columns: minmax(0,400px) minmax(0,1fr);gap: 34px;align-items: center;background: var(--surface);border: 1px solid var(--line);border-radius: 30px;padding: 30px}.b2-pass{perspective: 900px}.b2-pass .wp-sample-wrap{animation: b2CardFloat 6s ease-in-out infinite;transform-style: preserve-3d}@keyframes b2CardFloat{0%,100%{transform: rotateX(4deg) rotateY(-6deg) translateY(0)}50%{transform: rotateX(-2deg) rotateY(4deg) translateY(-8px)}}.b2-pass .wpass{box-shadow: 0 30px 50px -24px rgba(16,24,40,.5);position: relative;overflow: hidden}.b2-pass .wpass::after{content: "";position: absolute;inset: -40%;background: linear-gradient(115deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);animation: b2Gloss 6s ease-in-out infinite;pointer-events: none}@keyframes b2Gloss{0%{transform: translateX(-60%)}60%,100%{transform: translateX(60%)}}.b2-eyebrow{display: inline-block;font-size: .78rem;font-weight: 800;color: var(--bc);background: var(--bc-soft);padding: 4px 12px;border-radius: 99px}.b2-info{display: grid;gap: 14px;align-content: center}.b2-info h2{margin: 0;font-size: clamp(1.45rem,3vw,2rem);line-height: 1.3}.b2-rule{margin: 0;display: inline-flex;gap: 6px;align-items: center;color: var(--muted);font-weight: 600}.b2-steps{list-style: none;margin: 4px 0;padding: 0;display: grid;gap: 12px}.b2-steps li{display: flex;gap: 12px;align-items: flex-start}.b2-steps li>span{width: 38px;height: 38px;border-radius: 12px;flex-shrink: 0;display: grid;place-items: center;background: var(--bc-soft);color: var(--bc)}.b2-steps b{display: block;font-size: .95rem}.b2-steps small{color: var(--muted);font-size: .8rem}.b2-steps.row{grid-template-columns: repeat(3,1fr);background: var(--surface);border: 1px solid var(--line);border-radius: 22px;padding: 16px;margin-bottom: 14px}.b2-info .bz-get{background: var(--bc);border-color: var(--bc)}.b2-free{color: var(--muted);text-align: center;margin-top: -6px}.b2-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px}.b2-card{background: var(--surface);border: 1px solid var(--line);border-radius: 24px;padding: 16px;display: grid;gap: 8px;transition: transform .25s,box-shadow .25s}.b2-card:hover{transform: translateY(-4px);box-shadow: 0 24px 40px -28px rgba(16,24,40,.45)}.b2-card>b{font-size: 1rem;margin-top: 6px}.b2-offer{margin: 0 0 6px;font-weight: 800}.b2-card .bz-get{background: var(--bc);border-color: var(--bc)}.b2-visit{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-items: start}.b2-box{background: var(--surface);border: 1px solid var(--line);border-radius: 24px;padding: 18px 20px;display: grid;gap: 12px}.b2-box h3{margin: 0;display: flex;gap: 8px;align-items: center;font-size: 1.05rem}.b2-box h3 svg{color: var(--bc)}.b2-today{margin: 0;display: flex;gap: 10px;align-items: center;flex-wrap: wrap}.b2-today span{color: var(--muted)}.b2-today b{font-size: 1.15rem}.b2-week summary{cursor: pointer;color: var(--bc);font-weight: 700;font-size: .86rem;list-style: none}.b2-week summary::-webkit-details-marker{display: none}.b2-week summary::after{content: " ▾"}.b2-week[open] summary::after{content: " ▴"}.b2-week .bz-hours{margin-top: 8px}.b2-branches{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.b2-branches li{display: flex;gap: 10px;align-items: center;justify-content: space-between}.b2-branches b{display: block}.b2-branches small{color: var(--muted)}.b2-foot{margin-top: 30px;text-align: center;color: var(--muted);font-size: .84rem}.b2-foot a{display: inline-flex;gap: 5px;align-items: center;color: var(--text);font-weight: 700;text-decoration: none}.b2-in>*{animation: b2Up .6s cubic-bezier(.2,.8,.2,1) both}.b2-in>.b2-id{animation-delay: .08s}.b2-in>.b2-desc,.b2-in>.b2-addr{animation-delay: .16s}.b2-in>.b2-cta{animation-delay: .24s}@keyframes b2Up{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}.js-rv .b2-rv{opacity: 0;transform: translateY(22px);transition: opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.js-rv .b2-rv.in{opacity: 1;transform: none}.js-rv .b2-rv .b2-steps li{opacity: 0;transform: translateX(10px);transition: all .5s calc(.25s + var(--i) * .1s)}.js-rv .b2-rv.in .b2-steps li{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.b2 *,.b2 *::before,.b2 *::after{animation: none !important;transition: none !important}.js-rv .b2-rv,.js-rv .b2-rv .b2-steps li{opacity: 1;transform: none}}@media (max-width: 760px){.b2{padding-inline: 12px}.b2-id{padding: 0 18px;margin-top: -40px;align-items: flex-end}.b2-logo{width: 84px;height: 84px;border-radius: 22px}.b2-name{padding-top: 0;flex-basis: 100%}.b2-id{flex-wrap: wrap;gap: 10px}.b2-desc,.b2-addr{margin-inline: 18px}.b2-cta{padding: 16px 18px 20px}.b2-main{flex: 1 1 100%}.b2-links{width: 100%;justify-content: space-around}.b2-one{grid-template-columns: 1fr;padding: 20px;gap: 22px}.b2-pass{max-width: 380px;margin: 0 auto;width: 100%}.b2-steps.row{grid-template-columns: 1fr}.b2-visit{grid-template-columns: 1fr}}.b2-eyebrow{justify-self: start}.b2-visit{grid-template-columns: repeat(auto-fit,minmax(300px,1fr))}.b2-foot a{color: var(--bc)}.b2-card{display: flex;flex-direction: column}.b2-card .bz-get{margin-top: auto}.b2-offer:empty{display: none}body{transition: background-color .35s ease,color .35s ease}::selection{background: color-mix(in srgb,var(--accent) 60%,transparent);color: var(--text)}input,select,textarea{background: var(--field,var(--surface-2));border: 1px solid var(--line-soft,transparent)}input:hover,select:hover,textarea:hover{background: var(--field,var(--surface-2));border-color: var(--line)}input:focus,select:focus,textarea:focus{background: var(--surface);border-color: var(--primary);box-shadow: 0 0 0 4px var(--primary-soft)}.btn.primary{background: var(--primary-grad,var(--primary));color: var(--primary-ink);border-color: transparent}.btn.primary{box-shadow: 0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -12px color-mix(in srgb,var(--primary) 85%,transparent);transition: transform .15s,box-shadow .2s,filter .2s}.btn.primary:hover{background: var(--primary-grad,var(--primary));filter: brightness(1.07) saturate(1.05);transform: translateY(-1px);box-shadow: 0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px color-mix(in srgb,var(--primary) 90%,transparent)}.btn.primary:active{transform: translateY(0) scale(.98);filter: brightness(.97)}.btn.primary svg{color: var(--primary-ink)}.stat,.auth-box,.top,.modal,.bq-dlg{border-color: var(--line-soft,var(--line))}.auth-box{background: var(--surface)}.tag{border-color: var(--line-soft,var(--line))}a{text-decoration-color: color-mix(in srgb,currentColor 40%,transparent)}.btn.ghost:hover{background: var(--surface-2)}@media (prefers-reduced-motion: reduce){body,.btn.primary{transition: none}}.b2 .btn.primary.bz-get:not(.apple),.b2 .b2-main:not(.apple),.bz-sticky .btn.primary:not(.apple){background: var(--bc);border-color: var(--bc);color: #fff}.b2 .btn.primary.bz-get svg,.bz-sticky .btn.primary svg{color: #fff}input::placeholder,textarea::placeholder{color: color-mix(in srgb,var(--muted) 88%,transparent)}.muted,small.muted,.muted small{color: var(--muted)}a{color: var(--link)}a:not(.btn):not([class*=tab]):not(.on):hover{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.step h3 span,.more summary{color: var(--text)}.step h3 span{background: var(--surface-2)}a.stat:hover,button.var:hover{border-color: var(--muted);color: inherit}.tag.ok,.tag.active{background: var(--ok-soft);color: var(--ok)}.tag.warn{background: var(--warn-soft);color: var(--warn)}.tag.expired,.tag.bad{background: var(--bad-soft);color: var(--bad)}.alert.error{background: var(--bad-soft);color: var(--bad);border: 1px solid color-mix(in srgb,var(--bad) 22%,transparent)}.alert:not(.success):not(.error){background: var(--info-soft);color: var(--text);border: 1px solid var(--line-soft,var(--line))}.alert.warn{background: var(--warn-soft);color: var(--warn);border: 1px solid color-mix(in srgb,var(--warn) 22%,transparent)}.field-err,.jx-err{color: var(--bad)}.b2-open.on{color: var(--ok);background: var(--ok-soft)}.b2-open.off{color: var(--bad);background: var(--bad-soft)}.btn.danger,.btn.ghost.danger{color: var(--bad)}input,select,textarea{border-color: var(--line)}.stat,.b2-box,.b2-one,.b2-hero,.b2-card{box-shadow: var(--shadow)}.b2-foot a{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.my-w{--pbg: var(--primary)}.my-w .jx-lang a.on{color: var(--primary-ink)}.wp-strip{position: relative}.wp-deco{position: absolute;top: 4px;inset-inline-end: 10px;font-size: 17px;letter-spacing: 2px;pointer-events: none;filter: drop-shadow(0 2px 3px rgba(0,0,0,.25));animation: wpFloat 3.2s ease-in-out infinite;z-index: 1}.wp-deco-row{display: flex;justify-content: flex-end;margin: 6px 0 -4px}.wp-deco-row .wp-deco{position: static}.wp-ready-tag{position: absolute;top: 5px;inset-inline-start: 10px;z-index: 1;background: var(--plabel);color: var(--pbg);font-size: 11px;font-weight: 700;padding: 3px 10px;border-radius: 99px;box-shadow: 0 4px 12px -4px rgba(0,0,0,.4);animation: wpPulse 2.2s ease-in-out infinite}.wpass.is-ready .wp-strip.stamps,.wpass.is-ready .wp-strip.points{padding-top: 30px}.wpass.is-ready .wp-strip.stamps i.last{box-shadow: 0 0 0 4px color-mix(in srgb,var(--plabel) 35%,transparent)}.wp-strip.stamps i.last:not(.on)::after{content: "🎁";font-size: 14px;filter: saturate(.6)}.wp-strip.points{gap: 12px;padding: 20px 18px;background: rgba(0,0,0,.12)}.wp-bar{flex: 1;height: 12px;border-radius: 99px;background: color-mix(in srgb,var(--pfg) 18%,transparent);overflow: hidden;position: relative}.wp-bar i{position: absolute;inset-block: 0;inset-inline-start: 0;width: var(--p);min-width: 12px;background: var(--plabel);border-radius: inherit;transition: width .6s cubic-bezier(.2,.8,.2,1)}.wp-goal{flex: none;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;border: 2px dashed var(--plabel);font-size: 18px}.wpass.is-ready .wp-goal{background: var(--plabel);border-style: solid;animation: wpPulse 2.2s ease-in-out infinite}.wp-qr .qr[data-qr-live]{position: relative;overflow: hidden;border-radius: 8px}.wp-qr .qr[data-qr-live]::after{content: "";position: absolute;inset: 0;background: linear-gradient(105deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform: translateX(-110%);animation: wpSheen 3.5s ease-in-out infinite;pointer-events: none}.wp-qr-live{display: flex;flex-direction: column;align-items: center;gap: 6px;width: 170px}.wp-qr-bar{display: block;width: 100%;height: 4px;border-radius: 99px;background: color-mix(in srgb,var(--pfg) 22%,transparent);overflow: hidden}.wp-qr-bar i{display: block;height: 100%;width: 100%;background: var(--plabel);border-radius: inherit}.wp-qr-note{font-size: 10.5px;line-height: 1.5;text-align: center;opacity: .88}.wp-qr-note time{font-variant-numeric: tabular-nums;font-weight: 600}@keyframes wpFloat{50%{transform: translateY(-3px) rotate(-4deg)}}@keyframes wpPulse{50%{transform: scale(1.05)}}@keyframes wpSheen{60%,100%{transform: translateX(110%)}}@media (prefers-reduced-motion: reduce){.wp-deco,.wp-ready-tag,.wpass.is-ready .wp-goal,.wp-qr .qr[data-qr-live]::after{animation: none}}@media (pointer: coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size: max(16px,1em)}}.auth-box input:not([type=checkbox]){font-size: 16px;min-height: 48px;background: var(--field,var(--surface));border: 1.5px solid color-mix(in srgb,var(--text) 22%,transparent)}.auth-box input:not([type=checkbox]):hover{border-color: color-mix(in srgb,var(--text) 36%,transparent);background: var(--field,var(--surface))}.auth-box input:not([type=checkbox]):focus{border-color: var(--primary);background: var(--surface);box-shadow: 0 0 0 4px var(--primary-soft)}.auth-box .lang-sw{font-size: .88rem}.auth-box .lang-sw a{min-height: 44px;display: inline-flex;align-items: center;padding: 0 12px}@media (max-width: 420px){.auth-box{padding: 24px 18px}.auth-box .lang-sw a{padding: 0 9px}}.btn[disabled]{opacity: .5;cursor: not-allowed}.tag.demo{background: var(--warn-soft);color: var(--warn);font-size: .72rem;vertical-align: middle}.stat::after{display: none}.stat small{color: color-mix(in srgb,var(--text) 78%,var(--surface));font-weight: 600;font-size: .85rem}.stat span{color: color-mix(in srgb,var(--text) 68%,var(--surface))}a.stat{text-decoration: none}a.stat:hover{border-color: var(--primary)}.more>summary::after{content: "";display: inline-block;width: 7px;height: 7px;border: solid currentColor;border-width: 0 2px 2px 0;transform: rotate(45deg);margin-inline-start: 8px;margin-bottom: 3px;transition: transform .15s}.more[open]>summary::after{transform: rotate(-135deg);margin-bottom: -2px}input[readonly],textarea[readonly]{background: var(--surface-2) !important;border-style: dashed !important;color: var(--muted);cursor: default;box-shadow: none !important}input[readonly]:focus{outline: none}@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: .18s;animation-timing-function: ease-out}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}}.th-navy .top{view-transition-name: topbar}::view-transition-group(rail),::view-transition-group(topbar){animation: none}.th-navy .btn.primary{background: linear-gradient(180deg,#22468f,var(--primary));border-color: var(--primary-strong);box-shadow: inset 0 1px 0 rgb(255 255 255 / .14),0 6px 14px -8px rgb(15 33 71 / .6)}.th-navy .btn.primary:hover{background: var(--primary-strong)}.th-navy .btn{transition: transform .12s ease,background-color .15s,box-shadow .15s,border-color .15s}.th-navy .btn:active{transform: scale(.97)}.th-navy[data-theme=dark] .btn.primary{background: var(--primary);box-shadow: none}@media (prefers-color-scheme: dark){.th-navy:not([data-theme=light]) .btn.primary{background: var(--primary);box-shadow: none}}.th-navy :focus-visible{outline-color: var(--accent,#e3a21a)}.th-navy h1,.th-navy h2{text-wrap: balance}.th-navy body.auth{background: radial-gradient(900px 520px at 85% -10%,rgb(227 162 26 / .2),transparent 60%),radial-gradient(800px 600px at 0% 110%,#1d3f8f,transparent 55%),linear-gradient(160deg,#0b1733,#0f2147 55%,#0a142c) fixed}.th-navy body.auth .auth-box{border: 0;box-shadow: 0 40px 90px -40px rgb(0 0 0 / .65)}.th-navy body.auth .auth-wrap>.muted{color: rgb(255 255 255 / .8)}html.th-navy:has(body.auth){background: #0b1733}.auth-box .row-between{align-items: center}.alert.fade-out{opacity: 0;transform: translateY(-4px);transition: opacity .3s,transform .3s}.auth-box input:not([type=checkbox]):focus,.auth-box input:not([type=checkbox]):focus-visible{outline: none;border-color: var(--accent,#e3a21a);box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent,#e3a21a) 22%,transparent)}.auth-box .btn:focus-visible,.auth-box a:focus-visible,.auth-box button:focus-visible{outline: 2px solid var(--accent,#e3a21a);outline-offset: 2px}.auth-box input[type=email]{text-align: left}.top{transition: box-shadow .25s ease,border-color .25s ease,background .25s ease}.top.scrolled{background: color-mix(in srgb,var(--surface) 92%,transparent);border-color: var(--line);box-shadow: 0 1px 2px rgb(0 0 0 / .04),0 14px 32px -18px rgb(15 33 71 / .35)}@media (prefers-reduced-motion: reduce){.top{transition: none}}.main{min-width: 0}#colorAuto{font-size: .76rem}#handleMsg.err{color: var(--bad,#dc2626)}.date-hint{display: block;margin-top: 4px;font-size: .76rem;color: var(--muted);font-weight: 500}.date-hint:empty{display: none}main#main:focus{outline: none}.top,.top.scrolled{background: color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter: saturate(1.1) blur(20px);-webkit-backdrop-filter: saturate(1.1) blur(20px)}.mini-toast{position: fixed;z-index: 90;bottom: calc(20px + var(--tabbar-h,0px));left: 50%;translate: -50% 12px;padding: 8px 16px;border-radius: 99px;background: #1f2937;color: #fff;font-size: .86rem;font-weight: 600;opacity: 0;pointer-events: none;transition: opacity .2s,translate .2s;box-shadow: var(--shadow-lg)}.mini-toast.on{opacity: 1;translate: -50% 0}.mini-toast.bad{background: var(--bad)}@media (max-width: 420px){.top{gap: 6px}}@media (max-width: 380px){.top{padding-inline: 6px;gap: 4px}}@media (min-width: 761px){.top{min-height: 82px;border-radius: 24px}}#infoForm,#extend{scroll-margin-top: calc(var(--gap,16px) + var(--top-h,82px) + 110px)}#danger{scroll-margin-top: calc(var(--gap,16px) + var(--top-h,82px) + 70px)}@media (max-width: 980px){#sIdentity{order: 1}#photos{order: 2}#sContact{order: 3}#sPlace{order: 4}#sInternal{order: 5}}

/* ======================================================================
   BENTO + ORGANIC — صفحات الزبون (بطاقتي، التسجيل، محفظتي، صفحة النشاط، التقييم)
   البلاطات تأخذ لونها من لون بطاقة النشاط (--pbg) فيبقى لكل محل هويته، مع ألوان طبيعية مساعدة
   ====================================================================== */
:root { --o-sage: #5f8a68; --o-clay: #bd6b4a; --o-sand: #b08a4e; --o-sky: #4f7ea6; --o-plum: #86669a; --o-stone: #857f75;
  --c-r: 28px; --pebble-r: 46% 54% 42% 58% / 52% 44% 56% 48%;
  --c-shadow: 0 1px 2px rgb(60 45 30 / .05), 0 14px 34px -22px rgb(60 45 30 / .34); }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) { --c-shadow: 0 1px 0 rgb(255 255 255 / .04) inset, 0 16px 36px -20px rgb(0 0 0 / .7); } }
:root[data-theme=dark] { --c-shadow: 0 1px 0 rgb(255 255 255 / .04) inset, 0 16px 36px -20px rgb(0 0 0 / .7); }
/* خلفية: بقع ضوء طبيعية + ملمس ورقي خفيف */
body.public { isolation: isolate; }
body.public::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(42% 30% at 95% 2%, color-mix(in srgb, var(--pbg, var(--o-sand)) 16%, transparent), transparent 70%),
              radial-gradient(40% 30% at 0% 100%, color-mix(in srgb, var(--o-sage) 13%, transparent), transparent 70%); }
body.public::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .045; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
@keyframes oBlob { 50% { border-radius: 40% 60% 46% 54% / 62% 38% 60% 40%; transform: rotate(12deg) scale(1.05); } 100% { border-radius: 55% 45% 38% 62% / 44% 58% 42% 56%; transform: rotate(-6deg); } }

/* — بطاقتي (p.php): كل قسم بلاطة بلون مختلف — */
.pw > section, .pw > details, .pw > form, .pw-mine, .my-card { --tone: var(--o-stone); position: relative; overflow: hidden; isolation: isolate;
  border: 0 !important; border-radius: var(--c-r) !important; box-shadow: var(--c-shadow) !important; }
.pw > section::before, .pw > details::before, .pw > form::before { content: ""; position: absolute; z-index: -1; width: 120px; height: 110px; inset-inline-end: -42px; top: -48px;
  border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; background: color-mix(in srgb, var(--tone) 15%, transparent); animation: oBlob 16s ease-in-out infinite alternate; }
.pw > .pw-box { --tone: var(--pbg, var(--o-sky)); }
.pw > .pw-prog { --tone: var(--o-sand); background: color-mix(in srgb, var(--o-sand) 9%, var(--surface)) !important; }
.pw-ready { border-radius: 20px; }
.pw > .pw-news { --tone: var(--o-sky); background: color-mix(in srgb, var(--o-sky) 7%, var(--surface)) !important; }
.pw > .pw-web { --tone: var(--o-plum); }
.pw > .pw-ref { --tone: var(--o-sage); background: color-mix(in srgb, var(--o-sage) 9%, var(--surface)) !important; }
.pw > .pw-prefs { --tone: var(--o-stone); }
.pw-ok { border-radius: 22px !important; background: color-mix(in srgb, var(--o-sage) 12%, var(--surface)) !important; }
.pw-ok svg, .pw-ok .cel-check { color: var(--o-sage); }
.wl-btn { border-radius: 18px !important; }
.pw .qr, .pw-desk { border-radius: 22px !important; }
.pw .switch input:checked + i { background: var(--o-sage); }
.pw .btn, .jx .btn { border-radius: 16px; }
.pw-prefs .auto-add { border-radius: 20px; }
/* البلاطات على الشاشات الأعرض: شبكة Bento بعمودين */
@media (min-width: 760px) {
  .jx.pw { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
  .jx.pw > * { grid-column: 1 / -1; margin: 0 !important; }
  .jx.pw > .pw-news, .jx.pw > .pw-ref, .jx.pw > .pw-prefs, .jx.pw > .pw-prog:not(:has(.pw-ready)) { grid-column: span 1; }
}

/* — التسجيل (join) — */
.jx-cta, .jx .jx-card, .jx .auth-box { border-radius: var(--c-r) !important; box-shadow: var(--c-shadow) !important; border: 0 !important; }

/* — محفظتي (my.php): كل بطاقة بلاطة بلون محلها — */
.my-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.my-card { padding: 16px 18px; background: color-mix(in srgb, var(--pbg, var(--o-sky)) 7%, var(--surface)) !important; transition: transform .2s; }
.my-card:active { transform: scale(.985); }
.my-logo { border-radius: var(--pebble-r) !important; }

/* — صفحة النشاط العامة (b.php) — */
.b2-box, .b2-sec, .b2-card { border: 0 !important; border-radius: var(--c-r) !important; box-shadow: var(--c-shadow); }
.b2-hero { border-radius: var(--c-r) !important; overflow: hidden; }   /* كل الزوايا مستديرة — الغلاف يتبعها */
.b2-logo { border-radius: var(--pebble-r) !important; }
.b2-links a > span:first-child, .b2-links a i, .b2-links a svg:first-child { border-radius: var(--pebble-r); }
.b2-cover { border-radius: var(--c-r) var(--c-r) 0 0; }
.b2-week li.today { border-radius: 14px; }
.bz-gallery img { border-radius: 22px; }

@media (prefers-reduced-motion: reduce) { .pw > section::before, .pw > details::before, .pw > form::before { animation: none; } }

/* بلا خط تحت النصوص عند التمرير أو الضغط أو التحديد في كل النظام (التمييز بتغيّر اللون فقط؛ إطار التركيز للوحة المفاتيح باقٍ) */
a:hover, a:focus, a:active, a:focus-visible, a:hover *, a:focus *, .auth-forgot:hover, .auth-forgot[aria-expanded=true], .ios-link:hover, .bh-sub a:hover,
.lp-link:hover, .lp-fit:hover, .lp-custom:hover b, .lp-from:hover, .lp-wa-alt:hover, summary:hover, button:hover { text-decoration: none !important; }
/* صفحة التسجيل: شارتان صغيرتان بدل ثلاثة أسطر، مبدّل لغة مضغوط على الجوال، ونص أثناء التجهيز */
.jx-facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0 4px; }
.jx-facts span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font-size: .84rem; font-weight: 600;
  background: color-mix(in srgb, var(--pbg, var(--o-sand)) 10%, var(--surface)); color: color-mix(in srgb, var(--text) 85%, transparent); }
.jx-facts svg { opacity: .7; flex-shrink: 0; }
@media (max-width: 520px) {
  .jx-lang { transform: scale(.88); transform-origin: var(--lo, left) center; }
  [dir=rtl] .jx-lang { --lo: left; } [dir=ltr] .jx-lang { --lo: right; }
  .jx-lang a, .jx-lang span { padding-inline: 10px !important; font-size: .82rem !important; }
}
.jx-cta.loading .txt { display: inline !important; }   /* نص «جاري تجهيز بطاقتك…» بجانب الدائرة */
.jx-cta.loading { gap: 10px; }

/* صفحة النشاط العامة: بلا صندوق داخل صندوق، أزرار التواصل في صف واحد، معرض صور متوازن بلا فراغ */
.bz-plat:has(img) > span { display: none; }                              /* الشعار يكفي — بلا تكرار «Reza» */
.b2-one .b2-info { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
.b2-one .b2-free { display: block; text-align: center; margin-top: 8px; }
@media (max-width: 760px) { .b2-links { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)); gap: 6px; justify-items: center; } .b2-links a { min-width: 0; } }   /* الجوال: كل الأزرار في صف واحد */
.b2-gallery { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 150px; gap: 10px; grid-auto-flow: dense; }
.b2-gallery > button { position: relative; overflow: hidden; border-radius: 20px; padding: 0; border: 0; height: 100%; width: 100%; aspect-ratio: auto !important; }
.b2-gallery > button.big { grid-column: span 2; grid-row: span 2; }
.b2-gallery > button img { width: 100%; height: 100%; object-fit: cover !important; display: block; transition: transform .4s ease; }
.b2-gallery > button::before, .b2-gallery > button::after { display: none !important; }
.b2-gallery > button:hover img { transform: scale(1.04); }
.b2-gallery:has(> button:only-child) { grid-template-columns: 1fr; grid-auto-rows: 260px; } .b2-gallery > button.big:only-child { grid-column: auto; grid-row: auto; }
@media (min-width: 760px) { .b2-gallery { grid-auto-rows: 190px; } }
@media (max-width: 520px) { .b2-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 120px; } .b2-gallery > button.big { grid-column: 1 / -1; grid-row: span 2; } }
/* صورتان فقط: متساويتان جنباً إلى جنب (الكبيرة كانت تترك فراغاً بجانب الصغيرة) */
.b2-gallery:has(> button:nth-child(2):last-child) { grid-template-columns: 1fr 1fr; grid-auto-rows: 260px; }
.b2-gallery:has(> button:nth-child(2):last-child) > button.big { grid-column: auto; grid-row: auto; }
@media (max-width: 520px) { .b2-gallery:has(> button:nth-child(2):last-child) { grid-auto-rows: 160px; } }
@media (min-width: 761px) { .b2-cta { flex-wrap: nowrap; } .b2-cta .b2-links { flex: 1; width: auto; flex-wrap: nowrap; justify-content: flex-start; gap: 14px; } .b2-cta > .btn { flex: none; } }
@media (max-width: 760px) { .b2-links { display: flex !important; flex-wrap: nowrap; gap: 4px; } .b2-links a { flex: 1 1 0; min-width: 0; } .b2-links small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: .7rem; } .b2-links a span { width: 44px; height: 44px; } }
/* مستوى الولاء في صفحة البطاقة */
.pw-tier { display: grid; gap: 2px; justify-items: center; margin-top: 10px; padding: 10px 14px; border-radius: 18px; text-align: center;
  background: color-mix(in srgb, var(--tc) 14%, var(--surface)); border: 1px solid color-mix(in srgb, var(--tc) 35%, transparent); }
.pw-tier b { color: color-mix(in srgb, var(--tc) 80%, var(--text)); } .pw-tier small { color: var(--text); opacity: .8; }
.pw-tier-next { font-size: .8rem; color: var(--muted); }
/* بطاقة المثال: آخر ختم (المكافأة) واضح بدائرة مضيئة، والقيم تلتف بدل «Customer ...» المقطوعة */
.wp-strip.stamps i.last:not(.on) { background: color-mix(in srgb, var(--pfg, #fff) 22%, transparent); border-color: color-mix(in srgb, var(--pfg, #fff) 70%, transparent) !important; }
.wp-strip.stamps i.last:not(.on)::after { filter: none; font-size: 17px; opacity: 1; }
.wp-f b { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; overflow-wrap: anywhere; }
@media (max-width: 860px) { .b2-one .b2-info > .bz-get, .b2-one .b2-free { display: none; } }   /* الجوال: الزر الثابت أسفل الشاشة يكفي — زرّان بدل ثلاثة */
/* صفحة التسجيل: رأس متوازن — اسم المحل في جهة ومبدّل اللغة المضغوط في الأخرى بمسافة واضحة */
.jx-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.jx-top .jx-biz { min-width: 0; flex: 1 1 auto; }
.jx-top .jx-biz b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jx-lang { padding: 2px; }
.jx-lang a { padding: 5px 10px !important; font-size: .74rem !important; line-height: 1.4; }
.jx-lang .pill { top: 2px; bottom: 2px; }
/* بطاقة المعاينة: «معاينة» و«0 / 8» مقروءتان فوق أي لون */
.jx-badge { background: rgba(0, 0, 0, .22); color: #fff; font-weight: 600; }
.jx-pass-bottom span { color: #fff; opacity: .9; font-weight: 600; }
.b2-visit { align-items: stretch !important; box-shadow: none !important; background: none !important; padding: 0 !important; } .b2-visit > .b2-box { height: 100%; }   /* بلاطتان متساويتان بلا ظل إضافي للحاوية */

/* ===== صفحة التسجيل: سرعة الظهور، الوضع الداكن، الشاشات القصيرة، اللمس ===== */
/* المحتوى ظاهر من أول رسم (بدل opacity:0 ثم ظهور بعد ~2 ثانية) — حركة إزاحة خفيفة فقط */
.jx-in { opacity: 1; animation: jxRise .35s var(--ease, ease-out) both; animation-delay: min(calc(var(--d, 0) * 30ms), 150ms); }
@keyframes jxRise { from { transform: translateY(8px); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .jx-in { animation: none; transform: none; } }
/* خلفية الصفحة بلا حافة أفقية مقطوعة */
body.joinpage::before { inset: 0; height: auto; }
body.public.joinpage::before { height: auto; }
/* شعارا المحفظتين للتعريف فقط — لا يبدوان كأزرار */
.jx-wallets span, .jx-wallets span:hover { background: transparent; border: 0; color: var(--muted, #6b5f57); padding: 2px 4px; font-weight: 600; opacity: .85; }
/* لغة البطاقة والرسائل: سطر صغير فوق الزر مع تبديل مباشر */
.jx-lang-note { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px; margin: 2px 0 10px; font-size: .8rem; color: var(--muted, #6b5f57); text-align: center; }
.jx-lang-note svg { flex: none; opacity: .8; }
.jx-lang-note a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border-radius: 999px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); color: inherit; font-weight: 600; text-decoration: none; }
/* أهداف لمس ≥ 44px: مبدّل اللغة والروابط الصغيرة */
@media (max-width: 520px) { .jx-lang { transform: none; } }
.jx-lang a { min-height: 40px; display: inline-flex !important; align-items: center; }
.jx-note a, .jx-foot a { display: inline-block; padding-block: 10px; }
/* نص مساعد بتباين كافٍ */
.jx-more small { opacity: 1; }
.jx-hint { color: var(--muted, #6b5f57); }
/* الشاشات القصيرة (iPhone SE…): المعاينة أصغر فيظهر الزر في الشاشة الأولى */
@media (max-height: 740px) and (max-width: 600px) {
  .jx-hero h1 { font-size: 1.35rem; margin-block: 4px; }
  .jx-facts { display: none; }
  .jx-pass { padding: 12px 14px 10px; }
  .jx-stamps i { width: 26px; height: 26px; }
}
/* زر التسجيل يبقى ظاهراً أسفل الشاشة على الهاتف أثناء الكتابة */
@media (max-width: 600px) {
  #jxCta { position: sticky; bottom: max(10px, env(safe-area-inset-bottom)); z-index: 5; }
}
/* الهاتف بالعرض: المعاينة والنموذج جنباً إلى جنب */
@media (orientation: landscape) and (max-height: 500px) {
  .jx { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); column-gap: 20px; align-items: start; }
  .jx > .jx-top, .jx > .jx-foot, .jx > .jx-how { grid-column: 1 / -1; }
  .jx-hero, .jx-stage { grid-column: 1; } .jx-sheet { grid-column: 2; grid-row: 2 / span 3; }
}
/* الوضع الداكن: حدود الحقول والزر وحلقة التركيز واضحة */
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) body.joinpage {
  --jx-edge: rgb(255 255 255 / .14); } }
:root[data-theme=dark] body.joinpage { --jx-edge: rgb(255 255 255 / .14); }
body.joinpage .jx-f input { border-color: var(--jx-edge, transparent); }
body.joinpage .jx-cta { box-shadow: 0 0 0 1px var(--jx-edge, transparent), 0 10px 24px -10px color-mix(in srgb, var(--pbg) 70%, #000); }
body.joinpage .jx-f input:focus-visible, body.joinpage .jx-cta:focus-visible { outline: 2px solid color-mix(in srgb, var(--pbg) 45%, #fff); outline-offset: 2px; }
/* شاشة كبيرة الخط (200%): الرأس يلتف بدل التداخل */
.jx-top { flex-wrap: wrap; row-gap: 6px; min-height: 3.5rem; height: auto; }
/* صفحة البطاقة: رقم البطاقة في الاحتفال، وروابط حفظ البطاقة لاحقاً */
.cel-code { display: block; margin-top: 6px; font-size: .8rem; opacity: .85; } .cel-code b { letter-spacing: .08em; }
.pw-keep { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 14px; margin: 12px 0 4px; font-size: .84rem; font-weight: 600; }
.pw-keep a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; border-radius: 999px; color: inherit; text-decoration: none; background: color-mix(in srgb, currentColor 6%, transparent); }
.pw-keep a:first-child { color: #15803d; background: rgb(37 211 102 / .12); }
.pw-inapp .pw-row { flex-wrap: wrap; }
/* موبايل: أسطر مساعدة قصيرة بسطر واحد ومسافات أقل */
@media (max-width: 600px) {
  .jx-lang-note { margin: 0 0 8px; font-size: .76rem; }
  .jx-why { font-size: .76rem; line-height: 1.5; margin-top: 4px; }
  .jx-note { font-size: .74rem; line-height: 1.5; }
  .jx-more { padding-block: 8px; }
}
/* إطار تركيز واضح بلوحة المفاتيح على كل الحقول والأزرار والروابط */
body.joinpage :is(input, select, textarea, button, a, summary):focus-visible { outline: 3px solid #2563eb !important; outline-offset: 2px !important; box-shadow: 0 0 0 5px rgb(37 99 235 / .18) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) body.joinpage :is(input, select, textarea, button, a, summary):focus-visible { outline-color: #93c5fd !important; } }
/* اختيار استلام العروض (غير محدد مسبقاً) */
.jx-optin { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 6px; padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--pbg) 6%, transparent); font-size: .86rem; font-weight: 600; cursor: pointer; line-height: 1.5; }
.jx-optin input { width: 22px; height: 22px; flex: none; margin: 0; accent-color: var(--pbg); }
/* سجل الزبون في صفحة البطاقة */
.pw-hist { margin: 12px 0; border-radius: 18px; background: var(--card, #fff); box-shadow: 0 1px 0 rgb(0 0 0 / .04), 0 8px 24px -16px rgb(0 0 0 / .25); }
.pw-hist > summary { display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; list-style: none; font-weight: 700; }
.pw-hist > summary::-webkit-details-marker { display: none; }
.pw-hist > summary > span { flex: 1; display: grid; } .pw-hist > summary small { font-weight: 500; color: var(--muted, #6b5f57); font-size: .78rem; }
.pw-hist[open] > summary > svg:last-child { transform: rotate(180deg); }
.pw-hist-l { list-style: none; margin: 0; padding: 0 16px 12px; }
.pw-hist-l li { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid color-mix(in srgb, currentColor 8%, transparent); font-size: .88rem; }
.pw-hist-l time { font-size: .74rem; color: var(--muted, #6b5f57); white-space: nowrap; }
.ph-t { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* مراجعة صفحة التسجيل (موبايل): أزرار اللغة 44px، مسافات أقل قبل الزر، سطر «الخطوة التالية» */
.jx-lang a { min-height: 44px !important; font-size: .84rem !important; padding-inline: 12px !important; }
.jx-next { margin: 8px 0 0; text-align: center; font-size: .8rem; font-weight: 600; color: var(--muted, #6b5f57); }
@media (max-width: 600px) {
  .jx-opt:not(.open) { margin: 0; }
  .jx-more { margin-bottom: 4px; }
  .jx-lang-note { margin: 4px 0 8px; }
}
/* القسم الاختياري المطوي لا يضيف مسافة في الشبكة، وسطر اللغة ملاصق للزر */
#jxForm > .jx-opt:not(.open) { display: none; }
#jxForm > .jx-more { margin-bottom: 0; }
#jxForm > .jx-lang-note { margin: 0; }
#jxForm > #jxCta { margin-top: 0; }

/* مراجعة 2 — صفحات الزبون */
.my-card { color: var(--text) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) .cel-check { background: color-mix(in srgb, var(--pbg) 30%, #fff) !important; color: #fff; } :root:not([data-theme=light]) .cel-check svg { stroke: #fff; } }
:root[data-theme=dark] .cel-check { background: color-mix(in srgb, var(--pbg) 30%, #fff) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) .bz-plat img { filter: brightness(0) invert(1); } }
.legal-back, .lp-watch, .jx-other { display: inline-flex; align-items: center; min-height: 44px; }
.pw > section::before, .pw > details::before, .pw > form::before, .my-card::before { opacity: .06 !important; }
html { min-height: 100%; } body.joinpage, body.public { background-attachment: fixed; }
@media (prefers-reduced-motion: reduce) { .b2-rv { opacity: 1 !important; transform: none !important; } }

/* ===== التقرير الشهري (report.php) — شاشة وطباعة PDF ===== */
.rp-page { background: #f4f5f8; }
.rp { max-width: 820px; margin: 0 auto; padding: 24px 16px 40px; display: grid; gap: 16px; color: #14172b; }
.rp-h { display: flex; align-items: center; gap: 14px; background: #fff; border-radius: 20px; padding: 18px 20px; box-shadow: 0 4px 20px rgba(20,23,43,.06); }
.rp-logo { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; }
.rp-h small { color: #6b7080; font-weight: 600; } .rp-h h1 { margin: 2px 0; font-size: 1.5rem; } .rp-h p { margin: 0; color: #6b7080; }
.rp-print { margin-inline-start: auto; }
.rp-hero { background: linear-gradient(135deg, #16306b, #2a4a9a); color: #fff; border-radius: 20px; padding: 22px 24px; }
.rp-hero div { display: grid; gap: 4px; } .rp-hero b { font-size: 2.6rem; line-height: 1; } .rp-hero span { font-size: 1.1rem; font-weight: 700; } .rp-hero small { opacity: .85; }
.rp-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rp-kpis > div { background: #fff; border-radius: 16px; padding: 14px 16px; display: grid; gap: 2px; box-shadow: 0 2px 10px rgba(20,23,43,.04); }
.rp-kpis small { color: #6b7080; font-size: .8rem; } .rp-kpis b { font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.rp-up, .rp-down, .rp-eq { font-size: .78rem; font-weight: 700; width: fit-content; padding: 1px 8px; border-radius: 99px; }
.rp-up { background: #e3f4ea; color: #18703f; } .rp-down { background: #fbe7e5; color: #bb2a1e; } .rp-eq { background: #eef0f4; color: #6b7080; }
.rp-note { margin: -8px 4px 0; color: #8a8f9c; font-size: .78rem; }
.rp-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rp-box { background: #fff; border-radius: 18px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(20,23,43,.04); }
.rp-box h2 { margin: 0 0 8px; font-size: 1.05rem; } .rp-box p { margin: 4px 0; }
.rp-bars { display: flex; align-items: flex-end; gap: 6px; height: 110px; margin-top: 12px; }
.rp-bars span { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }
.rp-bars i { width: 100%; background: #2a4a9a; border-radius: 6px 6px 2px 2px; } .rp-bars small { font-size: .62rem; color: #6b7080; white-space: nowrap; }
.rp-top { margin: 0; padding: 0; list-style: none; counter-reset: r; display: grid; gap: 6px; }
.rp-top li { display: flex; justify-content: space-between; padding: 8px 10px; background: #f4f5f8; border-radius: 10px; counter-increment: r; }
.rp-top li span::before { content: counter(r) ". "; color: #8a8f9c; }
.rp-f { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; color: #6b7080; font-size: .82rem; padding: 0 4px; }
@media (max-width: 640px) { .rp-kpis { grid-template-columns: 1fr 1fr; } .rp-two { grid-template-columns: 1fr; } .rp-h { flex-wrap: wrap; } .rp-print { width: 100%; } }
@media print {
  @page { size: A4; margin: 12mm; }
  .rp-page { background: #fff; } .rp { padding: 0; max-width: none; gap: 10px; }
  .rp-print, .rp-f a, .lang-sw { display: none !important; }
  .rp-h, .rp-kpis > div, .rp-box { box-shadow: none; border: 1px solid #e3e5ea; }
  .rp-hero { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rp-bars i, .rp-up, .rp-down { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rp-two { break-inside: avoid; }
}
/* معرض صور البطاقة (تنسيق البطاقة) */
.pw-gal { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 8px; scrollbar-width: none; }
.pw-gal::-webkit-scrollbar { display: none; }
.pw-gal img { flex: 0 0 78%; max-width: 360px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; scroll-snap-align: center; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.pw-gal img:only-child { flex-basis: 100%; max-width: none; }

/* شعار بخلفية كاملة: يملأ الدائرة/الإطار (بلا زوايا بيضاء ولا هامش) */
img.lg-fill { width: 100% !important; height: 100% !important; object-fit: cover !important; padding: 0 !important; }

/* صفحات الزبون على الهاتف: Safari يوقف الطبقات الثابتة عند حدود نافذته، فتظهر حافة تحت الساعة وفوق شريط العنوان. تتلاشى الإضاءة قبل الحافتين، وبلا طبقة حبيبات */
@media (max-width: 760px) {
  body.public { background-image: none !important; }
  body.public::after { display: none; }
  body.public::before, body.joinpage::before { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 120px, #000 calc(100% - 170px), transparent); mask-image: linear-gradient(to bottom, transparent, #000 120px, #000 calc(100% - 170px), transparent); }
}

/* ===== شكل الختم: صورة واقعية أو شعار. خانة المكافأة تبقى هدية ===== */
.wp-strip.stamps[data-shape] i:not(.last), .jx-stamps[data-shape] i:not(.gift) { background: var(--si) center / 72% no-repeat, color-mix(in srgb, var(--pfg, #fff) 14%, transparent) !important; border-color: transparent !important; }
.wp-strip.stamps[data-shape] i:not(.last):not(.on), .jx-stamps[data-shape] i:not(.gift) { filter: grayscale(1) opacity(.6); }
.wp-strip.stamps[data-shape] i.on:not(.last) { background: var(--si) center / 72% no-repeat, #fff !important; border-color: var(--plabel) !important; filter: none; }
.wp-strip.stamps[data-shape] i.on:not(.last)::after { content: none !important; }

/* ===== هدف بطاقة النقاط: رمادية باهتة تمتلئ بالألوان من الأسفل بحافة ناعمة ===== */
.wp-goal[data-shape] { position: relative; flex: none; width: 58px; height: 58px; border: 2.5px solid var(--plabel); background: #fff; overflow: hidden; }
.wp-goal[data-shape]::before, .wp-goal[data-shape]::after { content: ""; position: absolute; inset: 12%; background: var(--si) center / contain no-repeat; }
.wp-goal[data-shape]::before { filter: grayscale(1) opacity(.42); }
.wp-goal[data-shape]::after { -webkit-mask-image: linear-gradient(to top, #000 calc(var(--gp, 0%) - 5%), transparent calc(var(--gp, 0%) + 5%)); mask-image: linear-gradient(to top, #000 calc(var(--gp, 0%) - 5%), transparent calc(var(--gp, 0%) + 5%)); transition: -webkit-mask-image .4s, mask-image .4s; }
.wpass.is-ready .wp-goal[data-shape] { background: #fff; }
.pw-goal[data-shape] { display: block; width: 72px; height: 72px; border-radius: 50%; margin-inline-end: auto; margin-bottom: 8px; --plabel: var(--pbg, var(--primary)); }

/* ===== سلّم الخصم ===== */

.lad-nodes { --n-acc: var(--primary); --n-fg: var(--text); --n-on: #fff; --n-off: var(--surface-2); --n-core: var(--surface); list-style: none; margin: 8px 0 6px; padding: 0; width: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.wpass .lad-nodes { --n-acc: var(--plabel); --n-fg: var(--pfg); --n-on: var(--pbg); --n-off: color-mix(in srgb, var(--pfg) 18%, var(--pbg)); --n-core: color-mix(in srgb, var(--pfg) 14%, var(--pbg)); margin: 0; }
.lad-nodes li { position: relative; display: grid; justify-items: center; gap: 4px; min-width: 0; }
.lad-nodes i { position: absolute; top: 19px; inset-inline-start: -50%; width: 100%; height: 4px; background: color-mix(in srgb, var(--n-fg) 18%, transparent); }
.lad-nodes li:first-child i { inset-inline-start: 0; width: 50%; }
.lad-nodes i span { display: block; height: 100%; background: var(--n-acc); }
.lad-nodes li b, .pw-prog .lad-nodes li b { position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; font-size: .82rem; font-weight: 800; font-variant-numeric: tabular-nums; background: var(--n-off); color: color-mix(in srgb, var(--n-fg) 75%, transparent); }
.lad-nodes li.on b, .pw-prog .lad-nodes li.on b { background: var(--n-acc); color: var(--n-on); }
.lad-nodes li.next b, .pw-prog .lad-nodes li.next b { isolation: isolate; color: var(--n-fg); background: conic-gradient(var(--n-acc) var(--f), color-mix(in srgb, var(--n-fg) 20%, transparent) 0); transform: scale(1.1); }
.lad-nodes li.next b:dir(rtl), .pw-prog .lad-nodes li.next b:dir(rtl) { background: conic-gradient(color-mix(in srgb, var(--n-fg) 20%, transparent) calc(100% - var(--f)), var(--n-acc) 0); }
.lad-nodes li.next b::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--n-core); z-index: -1; }
.lad-nodes li.on b::after { content: "✓"; position: absolute; top: -3px; inset-inline-end: -3px; width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; background: var(--n-on); color: var(--n-acc); font-size: .62rem; font-weight: 800; }
.lad-nodes small { font-size: .7rem; font-weight: 700; color: color-mix(in srgb, var(--n-fg) 70%, transparent); font-variant-numeric: tabular-nums; }
.lad-nodes li.next small { color: var(--n-fg); margin-top: 3px; }

/* بعد التسجيل: خطوة أخيرة واضحة */
.jx-next { text-align: center; margin: 10px 0 2px; display: grid; justify-items: center; gap: 6px; animation: jxUp .4s cubic-bezier(.22,1,.36,1) both; }
.jx-next h1 { margin: 4px 0 0; font-size: 1.6rem; line-height: 1.25; font-weight: 800; }
.jx-next p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.55; max-width: 34ch; }
.jx-steps { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; font-size: .82rem; font-weight: 700; }
.jx-steps li { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); }
.jx-steps li.now { color: var(--text); }
.jx-steps i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: .75rem; font-weight: 800; }
.jx-steps .ok i { background: color-mix(in srgb, #16a34a 16%, var(--surface)); color: #15803d; }
.jx-steps .now i { background: var(--pbg, var(--primary)); color: #fff; }
.pw-press { display: block; text-align: center; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.pw-more { margin-top: 12px; text-align: center; }
.pw-more > summary { list-style: none; display: inline-block; padding: 8px 10px; cursor: pointer; font-size: .85rem; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.pw-more > summary::-webkit-details-marker { display: none; }
.pw-more > summary span { font-weight: 700; }
.pw-more-in { display: grid; gap: 10px; text-align: start; }
.pw-more-in > .wl-other { justify-self: center; }
.pw-more-in > .pw-web { margin-top: 0; }
@media (max-height: 620px) { .jx-next h1 { font-size: 1.35rem; } .jx-next p { font-size: .88rem; } }

.jx-steps li, .jx-steps li + li { border: 0; padding: 0; margin: 0; }
.pw .jx-next h1 { color: var(--text); }
.pw .jx-next p { font-weight: 400; color: var(--muted); }
.jx.pw > .pw-more { background: none; border: 0; box-shadow: none; padding: 0; }
.jx.pw > .pw-more::before, .jx.pw > .pw-more::after { display: none; }
.pw-more[hidden] { display: none; }
.pw-arrow { position: fixed; top: max(8px, env(safe-area-inset-top)); right: 10px; z-index: 60; display: flex; direction: ltr; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 99px; background: #111827; color: #fff; font-size: .85rem; font-weight: 700; box-shadow: 0 8px 20px -6px rgb(0 0 0 / .5); animation: pwArrow 1.1s ease-in-out infinite; }
.pw-arrow[hidden] { display: none; }
.pw-arrow b { font-size: 1.1rem; line-height: 1; }
@keyframes pwArrow { 50% { transform: translate(3px, -4px); } }
@media (prefers-reduced-motion: reduce) { .pw-arrow { animation: none; } }
.jx.pw:has(> .pw-arrow:not([hidden])) { padding-top: 48px; }

/* صفحة مشاهدة الفيديو */
.vw { min-height: 100dvh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: max(16px, env(safe-area-inset-top)) 16px 28px; text-align: center; }
.vw-brand img, .vw-brand .brand-logo { height: 36px; width: auto; display: block; }
.vw-v { width: auto; max-width: 100%; height: min(74dvh, 720px); aspect-ratio: 9 / 16; border-radius: 20px; background: #000; box-shadow: 0 24px 50px -22px rgba(15, 27, 51, .55); }
.vw h1 { margin: 6px 0 0; font-size: 1.35rem; } .vw p { margin: 0; color: var(--muted); }
.vw-in { margin-top: 4px; padding: 11px 28px; border-radius: 14px; font-weight: 700; color: #fff !important; background: #16306b; text-decoration: none; }

/* داخل تطبيق: زر واحد واضح وبدائل صغيرة */
.pw-esc { display: grid; gap: 12px; text-align: center; padding: 4px 0; background: none; border: 0; }
.pw-esc > b { font-size: 1.1rem; line-height: 1.4; }
.pw-esc > small { color: var(--muted); }
.pw-esc .pw-esc-go { width: 100%; }
.pw-esc-alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; }
.pw-esc-link { border: 0; background: none; padding: 6px 2px; font: inherit; font-size: .84rem; color: var(--muted) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pw-esc[hidden] { display: none; }
.jx-next p[hidden] { display: none; }