#demo-welcome{color:#f8f5f0;background:linear-gradient(150deg,#302720,#171a23 62%);border:1px solid #b9875860;border-radius:24px;padding:0;width:min(560px,calc(100vw - 36px));max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #0008;font:15px/1.55 system-ui;overflow:auto;box-sizing:border-box}
#demo-welcome::backdrop{background:#070b1266;backdrop-filter:blur(5px)}
#demo-welcome .welcome-inner{padding:30px 32px 26px}
#demo-welcome .welcome-brand{display:flex;align-items:center;gap:12px;color:#d8c3b0;font-size:13px;font-weight:600;letter-spacing:.04em}
#demo-welcome .welcome-brand img{width:40px;height:40px}
#demo-welcome h2{font-size:32px;line-height:1.16;font-weight:650;letter-spacing:-.035em;margin:22px 0 18px;text-wrap:balance}
#demo-welcome p{font-size:14px;line-height:1.6;max-width:none;margin:0;color:#c4c5ca}
#demo-welcome .welcome-detail{padding:15px 0;border-top:1px solid #ffffff12}
#demo-welcome h3{font-size:14px;color:#f8f5f0;font-weight:600;margin:0 0 5px}
#demo-welcome .welcome-footnote{font-size:12px;line-height:1.5;color:#afa7a0;background:#ffffff06;border-radius:10px;padding:11px 13px;margin-top:5px}
#demo-welcome .welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
#demo-welcome button{font-size:14px;font-weight:600;cursor:pointer;min-height:44px;padding:11px 18px}
#demo-welcome .welcome-secondary{background:transparent;color:#edc6a5;border:1px solid #bc8a5b66}
#demo-welcome button:focus-visible{outline:2px solid #ffd6b6;outline-offset:3px}
@media(max-width:480px){#demo-welcome .welcome-inner{padding:24px}#demo-welcome h2{font-size:28px}#demo-welcome .welcome-actions{flex-direction:column}#demo-welcome button{width:100%}}
@media(prefers-reduced-motion:reduce){#demo-welcome::backdrop{backdrop-filter:none}}