/* Clear Frame / intro redesign 1. All layout is isolated from legacy intro styles. */
#siteIntro.sd-intro{
  --intro-ink:var(--theme-v20-text, #f7f5ff);--intro-muted:var(--theme-v20-muted, #b9b7ca);--intro-accent:var(--theme-v20-accent, #b2a0ff);
  position:fixed;inset:0;z-index:2147482100;box-sizing:border-box;
  display:flex;flex-direction:column;overflow:auto;isolation:isolate;
  padding:clamp(22px,4vw,64px);color:var(--intro-ink);
  background:radial-gradient(ellipse at 78% 44%,var(--theme-v20-accent-soft, #25203f) 0,transparent 49%),var(--theme-v20-bg, #0b0c14);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  opacity:1;transform:none;filter:none;perspective:none;
  transition:opacity 260ms ease!important;
}
#siteIntro.sd-intro[hidden]{display:none!important}
#siteIntro.sd-intro *{box-sizing:border-box}
#siteIntro.sd-intro::before{content:"";position:absolute;inset:20px;border:1px solid color-mix(in srgb, var(--theme-v20-line, #ffffff) 5.098%, transparent);pointer-events:none}
#siteIntro .sd-intro-top,#siteIntro .sd-intro-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}
#siteIntro .sd-intro-signature{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;font-weight:600;color:var(--theme-v20-text, #d4cde9)}
#siteIntro .sd-intro-dot{width:9px;height:9px;border-radius:50%;background:var(--theme-v20-accent-soft, #b7a0ff);box-shadow:0 0 16px color-mix(in srgb, var(--theme-v20-accent, #b7a0ff) 25.098%, transparent)}
#siteIntro .sd-intro-skip{min-height:44px;padding:10px 16px;border:1px solid color-mix(in srgb, var(--theme-v20-line, #ffffff) 14.902%, transparent);border-radius:999px;background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 3.137%, transparent);color:var(--theme-v20-text, #f7f5ff);font:inherit;font-size:13px;cursor:pointer;box-shadow:none;white-space:nowrap}
#siteIntro .sd-intro-skip:hover{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 7.843%, transparent);border-color:color-mix(in srgb, var(--theme-v20-line, #c6b8ff) 50.196%, transparent)}
#siteIntro .sd-intro-skip:focus-visible{outline:2px solid var(--theme-v20-line, #c6b8ff);outline-offset:4px}
#siteIntro .sd-intro-main{position:relative;flex:1;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,72px);align-items:center;width:min(1120px,100%);margin:auto;padding:36px 0}
#siteIntro .sd-intro-copy{position:relative;z-index:1}
#siteIntro .sd-intro-eyebrow{margin:0 0 20px;font-size:13px;letter-spacing:.16em;color:var(--intro-accent)}
#siteIntro .sd-intro-title{margin:0;color:var(--intro-ink);font-size:clamp(48px,6.5vw,88px);font-weight:650;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
#siteIntro .sd-intro-title span{display:block;color:var(--intro-accent)}
#siteIntro .sd-intro-tagline{margin:28px 0 12px;font-size:clamp(18px,2.1vw,26px);font-weight:400;letter-spacing:.08em;color:var(--theme-v20-text, #eeebf7)}
#siteIntro .sd-intro-tools{margin:0;font-size:13px;letter-spacing:.1em;color:var(--intro-muted)}
#siteIntro .sd-intro-art{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;margin:0}
#siteIntro .sd-intro-art::before{content:"";position:absolute;width:90%;height:90%;border:1px solid color-mix(in srgb, var(--theme-v20-line, #c2adff) 12.549%, transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb, var(--theme-v20-accent-soft, #a78cff) 3.922%, transparent),transparent 68%)}
#siteIntro .sd-intro-art img{position:relative;width:100%;max-width:460px;height:auto;object-fit:contain;display:block;filter:none;transform:none}
#siteIntro .sd-intro-fallback{font-size:clamp(96px,16vw,180px);line-height:1;font-weight:600;color:var(--theme-v20-accent, #c4b5fd)}
#siteIntro .sd-intro-fallback[hidden]{display:none}
#siteIntro .sd-intro-bottom{color:var(--intro-muted);font-size:12px;letter-spacing:.1em;padding-top:16px}
#siteIntro .sd-intro-cue{display:flex;align-items:center;gap:14px}
#siteIntro .sd-intro-line{display:block;width:92px;height:2px;background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 8.235%, transparent);overflow:hidden}
#siteIntro .sd-intro-line i{display:block;width:100%;height:100%;background:var(--intro-accent);transform-origin:left;animation:sdIntroCue 2200ms linear both}
#siteIntro.sd-intro.is-present .sd-intro-copy{animation:sdIntroReveal 420ms cubic-bezier(.2,.7,.2,1) both}
#siteIntro.sd-intro.is-present .sd-intro-art{animation:sdIntroReveal 520ms cubic-bezier(.2,.7,.2,1) both}
#siteIntro.sd-intro.is-leaving{opacity:0;pointer-events:none}
@keyframes sdIntroReveal{from{opacity:.35;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes sdIntroCue{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:640px){
  #siteIntro.sd-intro{padding:24px;min-height:0}
  #siteIntro.sd-intro::before{inset:12px}
  #siteIntro .sd-intro-signature{font-size:10px;letter-spacing:.12em;gap:8px}
  #siteIntro .sd-intro-skip{font-size:12px;padding:8px 12px}
  #siteIntro .sd-intro-main{grid-template-columns:1fr;gap:18px;padding:24px 0;text-align:center;align-content:center}
  #siteIntro .sd-intro-art{grid-row:1;width:clamp(150px,46vw,230px);margin:auto}
  #siteIntro .sd-intro-eyebrow{margin-bottom:12px;font-size:11px}
  #siteIntro .sd-intro-title{font-size:clamp(34px,9vw,48px);letter-spacing:-.045em}
  #siteIntro .sd-intro-title span{display:inline}
  #siteIntro .sd-intro-tagline{font-size:17px;margin:18px 0 10px}
  #siteIntro .sd-intro-bottom{font-size:11px;justify-content:center}
  #siteIntro .sd-intro-edition{display:none}
}
@media(max-height:520px) and (min-width:641px){
  #siteIntro.sd-intro{padding:18px 36px}
  #siteIntro .sd-intro-main{padding:12px 0;max-width:850px}
  #siteIntro .sd-intro-art{width:min(28vw,260px);justify-self:center}
  #siteIntro .sd-intro-title{font-size:48px}
  #siteIntro .sd-intro-tagline{margin-top:16px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  #siteIntro.sd-intro,#siteIntro.sd-intro *{animation:none!important;transition:none!important}
}
#siteIntro .sd-intro-art img[hidden]{display:none!important}

/* White portal continuation; isolated from the user's app theme. */
#siteIntro.sd-intro{--intro-ink:var(--theme-v20-text, #242035);--intro-muted:var(--theme-v20-muted, #79718b);--intro-accent:var(--theme-v20-accent, #8262bf);background:var(--theme-v20-panel, #fff);color:var(--intro-ink)}
#siteIntro.sd-intro::before{border-color:color-mix(in srgb, var(--theme-v20-accent, #756291) 8.235%, transparent)}
#siteIntro .sd-intro-signature{color:var(--theme-v20-accent, #756486)}
#siteIntro .sd-intro-dot{background:var(--theme-v20-accent-soft, #997ac7);box-shadow:0 0 16px color-mix(in srgb, var(--theme-v20-accent, #b7a0ff) 18.824%, transparent)}
#siteIntro .sd-intro-skip{background:var(--theme-v20-panel, #f7f4fa);color:var(--theme-v20-accent, #655474);border-color:color-mix(in srgb, var(--theme-v20-accent, #8e74b3) 16.078%, transparent)}
#siteIntro .sd-intro-skip:hover{background:var(--theme-v20-panel, #eee7f6);border-color:var(--theme-v20-accent, #ac91c8)}
#siteIntro .sd-intro-tagline{color:var(--theme-v20-muted, #665873)}
#siteIntro .sd-intro-art::before{border-color:color-mix(in srgb, var(--theme-v20-accent, #a98bbb) 14.118%, transparent);background:radial-gradient(circle,color-mix(in srgb, var(--theme-v20-panel, #daceed) 13.333%, transparent),transparent 68%)}
#siteIntro .sd-intro-line{background:color-mix(in srgb, var(--theme-v20-accent-soft, #b29bcc) 14.902%, transparent)}
#siteIntro .sd-intro-fallback{color:var(--theme-v20-accent, #9372b8)}
#siteIntro.sd-intro.is-present .sd-intro-copy,#siteIntro.sd-intro.is-present .sd-intro-art,#siteIntro.sd-intro.is-present .sd-intro-top,#siteIntro.sd-intro.is-present .sd-intro-bottom{animation:sdWhiteReveal 750ms ease both}
#siteIntro.sd-intro.is-present .sd-intro-art{animation-delay:120ms}
@keyframes sdWhiteReveal{from{opacity:0;translate:0 8px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
html.login-white-entry::after{content:"";position:fixed;inset:0;background:var(--theme-v20-panel, #fff);z-index:2147482200;pointer-events:none}
@media(prefers-reduced-motion:reduce){#siteIntro.sd-intro *{animation:none!important}}