.sc-navigation-loading { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; box-sizing: border-box; padding: 24px; background: #f5f4f885; backdrop-filter: blur(3px); pointer-events: auto; cursor: none; touch-action: none; overscroll-behavior: none; }
.sc-navigation-loading::backdrop { background: transparent; cursor: none; }
.sc-navigation-loading * { cursor: none; }
.sc-navigation-loading:focus { outline: none; }
.sc-navigation-locked { overflow: hidden !important; overscroll-behavior: none; }
html.sc-navigation-locked { scrollbar-gutter: stable; }
.sc-navigation-loading[hidden] { display: none !important; }
.sc-navigation-card { display: flex; align-items: center; flex-direction: column; width: min(340px, 100%); padding: 30px 28px 26px; border: 1px solid #fff; border-radius: 24px; background: radial-gradient(ellipse at top, #fff0f5, #ffffff 64%); box-shadow: 0 22px 80px #47233726, 0 3px 14px #3817250a; color: #344154; font: 14px/1.6 "DM Sans", sans-serif; text-align: center; animation: sc-navigation-enter .18s ease-out both; }
.sc-navigation-art { position: relative; display: grid; width: 82px; height: 82px; place-items: center; margin-bottom: 14px; border: 1px solid #f8dbe5; border-radius: 50%; background: #fff8fa; box-shadow: 0 0 0 8px #fff2f680; }
.sc-navigation-orbit { position: absolute; inset: -3px; border: 3px solid transparent; border-top-color: #ed2547; border-right-color: #ed254747; border-radius: 50%; animation: sc-navigation-spin 1.1s linear infinite; }
@keyframes sc-navigation-spin { to { transform: rotate(360deg); } }
.sc-navigation-brand { margin-top: 3px; color: #a43c5c; font-size: 11px; font-weight: 700; letter-spacing: 2px; }
.sc-navigation-card > strong { margin-top: 5px; font: 800 25px/1.4 Manrope, sans-serif; }
.sc-navigation-destination { margin-top: 3px; color: #685c70; font-size: 16px; }
.sc-navigation-note { margin-top: 9px; color: #7d7085; font-size: 13px; }
.sc-navigation-progress { width: 100%; height: 7px; margin-top: 23px; overflow: hidden; border-radius: 8px; background: #f4e5ec; }
.sc-navigation-progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff698f, #ed2547); animation: none; transform: none; }
.sc-navigation-percentage { margin-top: 8px; color: #be2350; font: 700 17px/1.5 "DM Sans", sans-serif; font-variant-numeric: tabular-nums; }
.sc-navigation-progress-caption { margin-top: 1px; color: #8b7b88; font-size: 10px; }
@keyframes sc-navigation-enter { from { opacity: 0; transform: translateY(7px) scale(.98); } to { opacity: 1; transform: none; } }

@media(prefers-reduced-motion:reduce){.sc-navigation-loading *{animation:none!important}}
@media print{.sc-navigation-loading{display:none!important}}

.sc-registration-notice{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #efdce4;border-radius:18px;background:#fff;color:#473440;text-align:center;box-shadow:0 24px 90px #27091435;font-family:inherit}
.sc-registration-notice::backdrop{background:#26121e66;backdrop-filter:blur(3px)}
.sc-registration-notice h2{margin:0 0 14px;font-size:26px;color:#ed1750}.sc-registration-notice p{font-size:14px;line-height:1.6;margin:0 0 24px}.sc-registration-notice button{font:inherit;border:0;border-radius:9px;background:#ed1750;color:#fff;padding:12px 26px;cursor:pointer}.sc-registration-notice button:focus-visible{outline:3px solid #ed175080;outline-offset:4px}