#uh-intro { position:fixed; inset:0; margin:0; padding:0; width:100vw; height:100%; height:100dvh; max-width:none; max-height:none; border:0; border-radius:0; background:#fafafa; color:#202025; overflow:hidden; font-family:inherit; letter-spacing:0; }
#uh-intro:not([open]) { display:none; }
#uh-intro::backdrop { background:transparent; }
#uh-intro *, #uh-intro *::before, #uh-intro *::after { box-sizing:border-box; letter-spacing:0; }
#uh-intro .uh-intro-top { position:absolute; z-index:2; inset:0 0 auto; padding:32px 5%; padding-top:max(24px,env(safe-area-inset-top)); display:flex; align-items:center; justify-content:space-between; gap:16px; }
#uh-intro .uh-intro-top img { width:180px; height:45px; object-fit:contain; }
#uh-intro .uh-intro-controls { display:flex; align-items:center; gap:12px; }
#uh-intro button { min-height:44px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:transparent; color:#302636; box-shadow:none; font-family:inherit; font-weight:500; font-size:14px; line-height:1.2; text-transform:none; cursor:pointer; }
#uh-intro button:hover { background:#ede7f0; }
#uh-intro button:focus-visible { outline:2px solid #812787; outline-offset:4px; }
#uh-intro .uh-intro-pause, #uh-intro .uh-intro-close { width:44px; flex:0 0 44px; }
#uh-intro .uh-intro-close .dashicons { font-size:24px; width:24px; height:24px; }
#uh-intro .uh-intro-copy { position:absolute; top:14%; left:20px; right:20px; z-index:1; text-align:center; pointer-events:none; }
#uh-intro .uh-intro-kicker { color:#812787; font-size:12px; font-weight:700; margin:0 0 12px; }
#uh-intro #uh-intro-title { color:#242128; font-family:inherit; font-size:42px; font-weight:650; line-height:1.15; margin:0 auto; max-width:900px; overflow-wrap:anywhere; }
#uh-intro .uh-intro-subtitle { color:#6d6670; font-size:16px; line-height:1.6; margin:16px auto 0; max-width:650px; overflow-wrap:anywhere; }
#uh-intro .uh-intro-stage { position:absolute; inset:34% 0 9%; touch-action:none; }
#uh-intro .uh-intro-callout { position:absolute; inset:0; pointer-events:none; color:#75517e; }
#uh-intro .uh-intro-callout span { position:absolute; font-size:13px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
#uh-intro .uh-intro-callout i { position:absolute; height:1px; background:currentColor; transform-origin:left center; opacity:.7; }
#uh-intro .uh-intro-callout b { position:absolute; width:5px; height:5px; border-radius:50%; background:currentColor; transform:translate(-50%,-50%); }
#uh-intro canvas { display:block; width:100%; height:100%; outline:0; }
#uh-intro .uh-intro-guidance { position:absolute; z-index:1; bottom:17%; width:56px; height:104px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#75517e; opacity:.8; touch-action:none; }
#uh-intro .uh-intro-guidance-mouse { left:5%; }
#uh-intro .uh-intro-guidance-touch { right:5%; }
#uh-intro .uh-intro-gesture-icon { position:relative; display:block; flex:0 0 44px; width:44px; height:44px; background:currentColor; mask:center/contain no-repeat; -webkit-mask:center/contain no-repeat; }
#uh-intro .uh-intro-guidance-mouse .uh-intro-gesture-icon { mask-image:url('intro-mouse.svg'); -webkit-mask-image:url('intro-mouse.svg'); }
#uh-intro .uh-intro-guidance-touch .uh-intro-gesture-icon { mask-image:url('intro-hand.svg'); -webkit-mask-image:url('intro-hand.svg'); }
#uh-intro .uh-intro-guidance .dashicons { flex:0 0 18px; width:18px; height:18px; font-size:18px; opacity:.65; }
#uh-intro[open] .uh-intro-guidance-mouse .uh-intro-gesture-icon { animation:uh-intro-mouse 2.6s ease-in-out infinite; }
#uh-intro[open] .uh-intro-guidance-mouse>.dashicons { animation:uh-intro-wheel 2.6s ease-in-out infinite; }
#uh-intro[open] .uh-intro-guidance-touch .uh-intro-gesture-icon { animation:uh-intro-swipe 2.6s ease-in-out infinite; }
#uh-intro.uh-intro-exit .uh-intro-guidance { opacity:0; transition:opacity .2s; }
@keyframes uh-intro-mouse { 0%,70%,100% { transform:translateY(0); } 35% { transform:translateY(4px); } }
@keyframes uh-intro-wheel { 0%,100% { transform:translateY(-3px); opacity:.3; } 55% { transform:translateY(6px); opacity:.9; } 80% { transform:translateY(6px); opacity:0; } }
@keyframes uh-intro-swipe { 0%,15%,100% { transform:translateY(9px); opacity:.45; } 55%,75% { transform:translateY(-5px); opacity:1; } }
#uh-intro .uh-intro-bottom { position:absolute; inset:auto 5% max(28px,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:24px; font-size:12px; color:#766d7b; }
#uh-intro .uh-intro-bottom>.dashicons { position:absolute; left:50%; transform:translateX(-50%); font-size:18px; }
#uh-intro .uh-intro-signature { color:#812787; font-weight:600; margin-left:auto; }
#uh-intro.uh-intro-exit { transform:translateY(-100%); transition:transform 1.1s cubic-bezier(.65,0,.35,1); pointer-events:none; will-change:transform; }
#uh-intro[data-theme="dark"] { background:#100d14; color:#f4eff7; }
#uh-intro[data-theme="dark"] .uh-intro-top img { filter:brightness(0) invert(1); }
#uh-intro[data-theme="dark"] #uh-intro-title, #uh-intro[data-theme="dark"] button { color:#f4eff7; }
#uh-intro[data-theme="dark"] button:hover { background:#2b2232; }
#uh-intro[data-theme="dark"] button:focus-visible { outline-color:#c79bd4; }
#uh-intro[data-theme="dark"] .uh-intro-kicker, #uh-intro[data-theme="dark"] .uh-intro-signature { color:#d0a7dc; }
#uh-intro[data-theme="dark"] .uh-intro-subtitle, #uh-intro[data-theme="dark"] .uh-intro-bottom { color:#b9afc1; }
#uh-intro[data-theme="dark"] .uh-intro-callout { color:#c4acd0; }
#uh-intro[data-theme="dark"] .uh-intro-guidance { color:#c4acd0; }
@media(max-width:600px) {
    #uh-intro .uh-intro-top { padding-left:20px; padding-right:16px; }
    #uh-intro .uh-intro-top img { width:136px; height:34px; }
    #uh-intro .uh-intro-controls { gap:4px; }
    #uh-intro #uh-intro-title { font-size:30px; line-height:1.2; }
    #uh-intro .uh-intro-subtitle { font-size:14px; max-width:290px; margin:12px auto 0; }
    #uh-intro .uh-intro-copy { top:14%; }
    #uh-intro .uh-intro-stage { inset:39% 0 9%; }
    #uh-intro .uh-intro-callout span { font-size:11px; }
    #uh-intro .uh-intro-bottom { left:20px; right:20px; gap:12px; }
    #uh-intro .uh-intro-guidance { bottom:11%; width:36px; height:80px; gap:8px; }
    #uh-intro .uh-intro-guidance-mouse { left:18px; }
    #uh-intro .uh-intro-guidance-touch { right:18px; }
    #uh-intro .uh-intro-gesture-icon { width:32px; height:32px; flex-basis:32px; }
}
@media(max-height:500px) and (min-width:601px) {
    #uh-intro .uh-intro-top { padding-top:12px; }
    #uh-intro .uh-intro-copy { top:16%; }
    #uh-intro #uh-intro-title { font-size:28px; }
    #uh-intro .uh-intro-subtitle { margin-top:6px; font-size:13px; }
    #uh-intro .uh-intro-kicker { display:none; }
    #uh-intro .uh-intro-stage { inset:34% 0 12%; }
    #uh-intro .uh-intro-bottom { bottom:14px; }
    #uh-intro .uh-intro-guidance { bottom:15%; height:76px; }
}
@media(prefers-reduced-motion:reduce) { #uh-intro.uh-intro-exit { transition:none; transform:none; } }
@media(prefers-reduced-motion:reduce) { #uh-intro .uh-intro-guidance>* { animation:none!important; } }