html[data-website-id="1"] { --early-bg: #faf8f4; --early-ink: #163e35; --early-block: #e9e3d9; --early-accent: #b99765; }
html[data-website-id="1"][data-oudship-design="saudi_national_day"] { --early-bg: #f0f7f3; --early-block: #dceae1; --early-accent: #008b50; }
html[data-website-id="1"][data-theme="dark"] { --early-bg: #082b29; --early-ink: #edf7ef; --early-block: #244a43; }
body.oudship-early-open { overflow: hidden; }
.oudship-early-backdrop { position: fixed; inset: 0; z-index: 1055; background: #001c1b88; }
.oudship-early-panel { box-sizing: border-box; position: absolute; inset-block: 0; inset-inline-end: 0; width: min(440px, 100%); padding: 24px; background: var(--early-bg); color: var(--early-ink); box-shadow: 0 0 40px #0002; overflow: auto; animation: oudship-early-in .18s ease-out; }
.oudship-early-panel header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.oudship-early-panel h2 { font: inherit; font-size: 22px; font-weight: 700; margin: 0; }
.oudship-early-panel button { border: 0; border-radius: 50%; background: var(--early-block); color: inherit; width: 42px; height: 42px; font-size: 28px; cursor: pointer; }
.oudship-early-placeholder { margin: 24px 0; }
.oudship-early-placeholder i { display: block; height: 78px; margin-bottom: 16px; border-radius: 12px; background: var(--early-block); animation: oudship-early-pulse 1s infinite alternate; }
.oudship-early-fallback { display: inline-block; margin-top: 16px; color: var(--early-ink); text-decoration: underline; }
.oudship-search-pending { position: fixed; z-index: 1080; box-sizing: border-box; padding: 20px; border: 1px solid var(--early-accent); border-radius: 14px; background: var(--early-bg); color: var(--early-ink); box-shadow: 0 12px 28px #0002; pointer-events: none; }
@keyframes oudship-early-pulse { to { opacity: .45; } }
@keyframes oudship-early-in { from { opacity: 0; transform: translateY(16px); } }
@media (prefers-reduced-motion: reduce) { .oudship-early-panel, .oudship-early-placeholder i { animation: none; } }