/* Critical CSS for above-the-fold content — loading spinner */
/* Extracted from inline <style> to allow strict style-src-elem CSP */
/* Theme-aware: data-ui-pack is set synchronously in index.html before paint */
/* Hex values computed from ui-packs.css HSL tokens to prevent FOUC */
:root{--cr-bg:#f5f2f8;--cr-fg:#2e2438;--cr-accent:#cc5cb9}
:root[data-ui-pack="bioluminescent"]{--cr-bg:#0f1324;--cr-fg:#e4ebf1;--cr-accent:#c858e4}
:root[data-ui-pack="liquid-amber"]{--cr-bg:#221e1b;--cr-fg:#eae6e1;--cr-accent:#db9443}
:root[data-ui-pack="boutique"]{--cr-bg:#f5f3ef;--cr-fg:#3b2e26;--cr-accent:#b77f57}
:root{--background:var(--cr-bg);--foreground:var(--cr-fg);--primary:var(--cr-accent);--primary-foreground:#fff}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{font-family:Manrope,Poppins,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;--font-heading:'Orange Squash','OrangeSquashPro',Georgia,serif;--font-body:Manrope,Poppins,system-ui,sans-serif}
:root[data-ui-pack="boutique"]{--font-heading:'Cormorant Garamond','Cormorant',Georgia,serif}
body{background:var(--background);color:var(--foreground);min-height:100vh}
img,picture,video,canvas,svg{display:block;max-width:100%}
.initial-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--cr-bg)}
.initial-loader-spinner{width:40px;height:40px;border:3px solid transparent;border-top-color:var(--cr-accent);border-radius:50%;animation:spin 1s linear infinite}
.initial-loader-text{margin-top:16px;color:var(--cr-fg);opacity:0.6;font-size:14px}
@keyframes spin{to{transform:rotate(360deg)}}