.quickstart { position:fixed; z-index:850; right:20px; bottom:22px; width:330px; max-width:calc(100vw - 32px); padding:22px; background:#18202cf5; color:#eaf0f8; border:1px solid #8676b86b; border-radius:16px; box-shadow:0 16px 60px #0007; font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.quickstart h2 { font:500 24px/1.2 Georgia,serif; margin:7px 0 12px; }
.quickstart p { margin:8px 0; color:#b8c4d6; }
.quickstart .quickstart-eyebrow { color:#bbaaf4; font-size:11px; letter-spacing:1px; text-transform:uppercase; }
.quickstart button, .quickstart a { font:inherit; cursor:pointer; }
.quickstart .quickstart-primary { width:100%; margin:14px 0 8px; padding:11px 16px; border:1px solid #ab9aea; border-radius:8px; background:#6557b4; color:white; }
.quickstart .quickstart-secondary { border:0; padding:7px 0; background:transparent; color:#c8bafa; text-decoration:underline; text-underline-offset:4px; }
.quickstart .quickstart-close { position:absolute; right:12px; top:9px; color:#c9c6dd; background:none; border:0; width:32px; height:32px; font-size:22px; }
.quickstart button:focus-visible,.quickstart a:focus-visible { outline:3px solid #c1adff; outline-offset:3px; }
.quickstart ol { padding-left:20px; margin:12px 0; } .quickstart li { margin:7px 0; }
.quickstart .quickstart-status { font-size:12px; border-top:1px solid #ffffff19; padding-top:12px; }
@media(max-width:600px) { .quickstart { right:16px; bottom:90px; width:300px; max-height:calc(100dvh - 190px); overflow:auto; padding:18px; } }

.quickstart a { color:#c4b5fd; text-underline-offset:3px; }