/* المَخْرَج | Apple Light Skin
   Clean Apple-inspired palette: soft white, graphite text, system blue, glass cards. */
:root{
  color-scheme: light;
  --black:#f5f5f7!important;
  --black2:#fbfbfd!important;
  --black3:#ffffff!important;
  --bg:#f5f5f7!important;
  --bg2:#fbfbfd!important;
  --bg3:#ffffff!important;
  --white:#1d1d1f!important;
  --cream:#ffffff!important;
  --gold:#0071e3!important;
  --gold-l:#2997ff!important;
  --gold-light:#2997ff!important;
  --gold2:#2997ff!important;
  --gold-dim:rgba(0,113,227,.075)!important;
  --gold-line:rgba(0,113,227,.22)!important;
  --gray:#ffffff!important;
  --gray-dark:#ffffff!important;
  --gray-mid:#d2d2d7!important;
  --mid:#f5f5f7!important;
  --text:#6e6e73!important;
  --bright:#1d1d1f!important;
  --border:rgba(0,0,0,.10)!important;
  --mx-bg:#f5f5f7!important;
  --mx-bg2:#fbfbfd!important;
  --mx-card:rgba(255,255,255,.78)!important;
  --mx-card2:#ffffff!important;
  --mx-line:rgba(0,0,0,.10)!important;
  --mx-line2:rgba(0,0,0,.16)!important;
  --mx-text:#1d1d1f!important;
  --mx-muted:#6e6e73!important;
  --mx-soft:#424245!important;
  --mx-gold:#0071e3!important;
  --mx-gold2:#2997ff!important;
  --mx-shadow:0 20px 60px rgba(0,0,0,.08)!important;
}
html,body{background:#f5f5f7!important;color:#1d1d1f!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body::before,body::after{
  background:
    radial-gradient(circle at 18% 12%,rgba(0,113,227,.10),transparent 26%),
    radial-gradient(circle at 82% 18%,rgba(175,82,222,.07),transparent 28%),
    linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 48%,#ffffff 100%)!important;
  opacity:1!important;
}
/* Navigation */
nav,.mx-app-nav,.topbar,.tb,.report-bar{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.07)!important;
  backdrop-filter:blur(24px) saturate(1.55)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.55)!important;
}
.mx-app-nav a,.mx-app-nav button,.nav-link,.nl a,.topbar-back,.tb-menu,.tb-out,.bar-btn{color:#424245!important;}
.mx-app-nav a:hover,.mx-app-nav button:hover,.nav-link:hover,.nl a:hover,.topbar-back:hover,.tb-menu:hover,.tb-out:hover,.bar-btn:hover{background:rgba(0,113,227,.08)!important;color:#0071e3!important;border-color:rgba(0,113,227,.22)!important;}
.mx-app-nav .gold,.nav-cta,.ncta,.h-btn-gold,.cta-btn,.cta-b,.price-card.featured .price-btn,.btn-next,.bar-btn.gold{
  background:#0071e3!important;color:#fff!important;border-color:#0071e3!important;box-shadow:0 12px 28px rgba(0,113,227,.18)!important;
}
.nav-brand,.nb,.tb-brand,.footer-brand,.fb,.sidebar-logo .ar-name,.topbar-title,.bar-label{color:#0071e3!important;}
/* Apple glass surfaces */
.mx-glass,.card,.tool-card,.home-tile,.mode-tile,.q-card,.pat-card,.price-card,.pro-card,.fw-card,.whom-card,.session-card,.con-card,.con-full,.alert-box,.code-card,.hint-box,.cc-card,.r-grid-card,.r-card,.r-card-note,.wq,.what-quote,.gold-quote,.tile,.pc,.es,.ws,.stat,.home .panel,.hero,.gate,.code-wrap,.cr-code-wrap,.result-wrap,.quiz-inner,.report-page{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:0 18px 58px rgba(0,0,0,.07)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
}
.card:hover,.tool-card:hover,.home-tile:hover,.mode-tile:hover,.q-card:hover,.pat-card:hover,.price-card:hover,.pro-card:hover,.tile:hover,.pc:hover{border-color:rgba(0,113,227,.30)!important;box-shadow:0 22px 66px rgba(0,113,227,.10)!important;}
/* Type */
h1,h2,h3,h4,.hero-h,.h-h,.intro-h,.home-h,.section-title,.section-h,.sh,.tool-name,.card-title,.tile-title,.pat-name,.pname,.price-name,.pro-card-name,.fw-t,.whom-text,.cta-h,.ph-q,.phil-q,.gold-quote,.script-text,.q-text,.card-txt,.hint-txt,.cc-name,.cc-daily,.r-opening-txt,.r-card-txt{color:#1d1d1f!important;}
p,.lead,.hero-desc,.h-desc,.intro-p,.home-sub,.section-sub,.section-sub,.ss,.tool-desc,.tile-desc,.card-text,.price-desc,.pro-card-desc,.fw-card-h,.whom-card-hint,.cta-sub,.res-p,.con-card-val,.alert-txt,.r-body-txt,.r-grid-txt,.r-plan-txt,.closing,.load-txt,.gen-txt{color:#6e6e73!important;}
.eye,.eyebrow,.section-eyebrow,.tools-eyebrow,.q-cat,.price-tier,.pro-card-eye,.card-lbl,.hint-lbl,.con-card-lbl,.alert-lbl,.cc-brand,.cc-pattern,.r-card-lbl,.rs-eye,.cov-report-lbl,.cov-meta-lbl,.psb-label,.cf-eyebrow,.cr-eyebrow,.hero-label,.h-lbl{color:#0071e3!important;}
/* Inputs and controls */
input,textarea,select,.search,.cf-input,.gi,.si,.note-area,#code-input{
  background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.13)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)!important;
}
input:focus,textarea:focus,select:focus,.search:focus,.cf-input:focus,.gi:focus,.si:focus,.note-area:focus,#code-input:focus{border-color:rgba(0,113,227,.55)!important;box-shadow:0 0 0 5px rgba(0,113,227,.10)!important;outline:none!important;}
button,.btn-go,.btn-start,.btn-make,.btn-gen,.btn-act,.btn-nxt,.btn-prev,.btn-copy,.cr-copy-btn,.cc-btn,.filter,.copy,.price-btn,.pro-btn,.h-btn-outline,.cta-b,.cta-btn,.mx-primary,.mx-secondary{
  border-radius:999px!important;font-weight:700!important;letter-spacing:normal!important;
}
.btn-go,.btn-start,.btn-make,.btn-gen,.btn-act.gold,.cr-copy-btn,.cc-btn.gold,.pro-btn:hover,.price-btn:hover,.filter.on,.mx-primary{
  background:#0071e3!important;color:#fff!important;border-color:#0071e3!important;box-shadow:0 12px 28px rgba(0,113,227,.18)!important;
}
.btn-go span,.btn-start span,.btn-make span,.btn-gen span,.cr-copy-btn span{color:#fff!important;}
.btn-go::after,.btn-start::after,.btn-make::after,.btn-gen::after,.cr-copy-btn::after,.hero-cta::after{display:none!important;}
.btn-act,.btn-prev,.btn-nxt,.cc-btn,.filter,.copy,.mx-secondary,.h-btn-outline,.topbar-back,.cf-nav-btn,.end-btn{background:#fff!important;color:#0071e3!important;border-color:rgba(0,113,227,.25)!important;}
.btn-act:hover,.btn-prev:hover,.btn-nxt:hover,.cc-btn:hover,.filter:hover,.copy:hover,.mx-secondary:hover,.h-btn-outline:hover,.cf-nav-btn:hover,.end-btn:hover{background:rgba(0,113,227,.08)!important;color:#0071e3!important;border-color:rgba(0,113,227,.35)!important;}
/* Borders, dividers and progress */
.divider,.divl,.section-divider,.rs-div,.prog-track,.tb-progress,.s-bg,.r-s-bg,.line,.gold-bar{background:rgba(0,0,0,.12)!important;border-color:rgba(0,0,0,.10)!important;}
.prog-fill,.s-fill,.r-s-fill,.scroll-line,.h-sdot,.scroll-dot,.cc-divider,.phil-line,.ph-l1,.ph-l2,.phil-line-top,.phil-line-bot{background:#0071e3!important;}
.logo-ring,.hero-logo,.hlogo,.lr,.setup-logo{border-color:rgba(0,113,227,.35)!important;background:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.06)!important;}
.logo-ar,.hero-logo-ar,.hlogo-ar,.lar,.setup-logo-ar,.hero-ar{color:#0071e3!important;}
.tool-num,.exp-step-num,.esn,.stat-num,.wsn,.meta-n{color:#0071e3!important;}
.tag,.tool-tag,.pat-tag,.r-tag,.mx-pill,.esc{background:#fff!important;color:#6e6e73!important;border-color:rgba(0,0,0,.10)!important;}
.tag:hover,.tool-tag:hover,.pat-tag:hover,.r-tag:hover{border-color:rgba(0,113,227,.30)!important;color:#0071e3!important;}
/* Quiz and selected states */
.opt,.stmt-b,.scale-b,.track-pill,.q-cat-btn{background:#fff!important;border-color:rgba(0,0,0,.10)!important;color:#424245!important;}
.opt.picked,.scale-b.picked,.stmt-yes,.track-pill.on,.q-cat-btn.on,.pat-card.selected,.q-card.flipped{background:rgba(0,113,227,.08)!important;border-color:rgba(0,113,227,.35)!important;color:#0071e3!important;}
.opt-ltr{border-color:rgba(0,0,0,.14)!important;color:#86868b!important;}
.opt.picked .opt-ltr,.pat-card.selected .pat-select-circle,.sdot.active{background:#0071e3!important;border-color:#0071e3!important;color:#fff!important;}
/* Fullscreen overlays keep the cinematic focus but lighter */
.card-overlay{background:rgba(245,245,247,.88)!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important;}
.card-full{background:#fff!important;border-color:rgba(0,113,227,.25)!important;box-shadow:0 30px 90px rgba(0,0,0,.16)!important;}
/* Report page and PDF surface */
#report-wrap{background:#f5f5f7!important;color:#1d1d1f!important;}
.report-page{background:#fff!important;color:#1d1d1f!important;box-shadow:0 24px 80px rgba(0,0,0,.08)!important;border-radius:28px!important;margin-top:32px!important;margin-bottom:32px!important;}
.cov-name,.rs-title,.r-card-txt,.r-q-txt{color:#1d1d1f!important;}
.r-opening,.r-card{border-right-color:#0071e3!important;}
/* Keep Arabic readable: Apple-style should not split letters */
*[style*="letter-spacing"],.hero-en,.logo-en,.prog-txt,.topbar-title,.bar-label,.kicker,.eye,.eyebrow,.section-eyebrow,.card-lbl,.hint-lbl,.alert-lbl{letter-spacing:normal!important;}
@media print{
  body,#report-wrap,.report-page{background:#fff!important;color:#1d1d1f!important;box-shadow:none!important;}
  body::before,body::after,.mx-app-nav,.topbar,.report-bar,.mx-bg-orb{display:none!important;}
  .report-page{margin:0!important;border-radius:0!important;}
}