:root{font-family:Segoe UI,system-ui,sans-serif;color:#f3f1e7;background:#091b32;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent }button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:max(20px,env(safe-area-inset-top)) 24px 18px;border-bottom:1px solid #e8eff422;background:#0a192a20}header>a{font-size:13px}header>span{font-size:10px;letter-spacing:2px;color:#e7c47bd6}#renderHost{position:fixed;inset:0;pointer-events:none}#renderHost canvas{display:block;width:100%;height:100%;opacity:.94}#spatialUI{position:relative;z-index:2;min-height:100vh}main{max-width:560px;margin:35px auto;padding:0 24px 35px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#e7c47bd6;margin:24px 0 12px}h1{font-size:clamp(42px,8vw,64px);line-height:1.05;font-weight:500;margin:8px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;color:#e7c47be0}main>p{font-size:14px;color:#e2ecf4cf;line-height:1.65;max-width:440px;margin:0 auto 18px}.cover{display:block;height:180px;width:auto;margin:24px auto;opacity:.94;border-radius:7px}button,.secondary,#startAR{min-height:46px;padding:12px 18px;border:1px solid #e7c47b5c;border-radius:8px;background:#e7c47b38;color:#fff5dddf;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}button:hover,.secondary:hover{background:#e7c47b48}button:focus-visible,a:focus-visible{outline:3px solid #62d1cfb0;outline-offset:4px}#startAR{display:flex;width:100%;max-width:390px;margin:14px auto}.secondary{margin:9px auto;background:#0a192a29;color:#e7eef4d9;border-color:#e8eff438}.note{font-size:12px!important;line-height:1.6;color:#c2d2dfba!important}.error{background:#6a341747;border:1px solid #e7c47b3d;padding:14px;border-radius:8px;color:#f6d8b5!important}#nativeChoices{border-top:1px solid #e8eff422;margin:24px 0 15px;padding-top:20px}#nativeChoices h2{font-size:18px;font-weight:500}#quickLook{display:inline-flex;padding:8px;border:1px solid #e7c47b38;border-radius:8px;background:#0a192a20}#quickLook img{width:95px;height:auto;display:block;opacity:.94}body.spatial-active{background:transparent}body.spatial-active header{background:#0a192a1f;backdrop-filter:blur(5px)}#arControls{position:fixed;left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom));text-align:center;pointer-events:none}#arControls .buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#arControls button{pointer-events:auto;background:#0a192a30;border-color:#e7c47b50;backdrop-filter:blur(5px);text-shadow:0 1px 3px #0007}#arControls button#placeObject{background:#e7c47b40}.status{display:inline-block;max-width:calc(100vw - 40px);background:#0a192a35;border:1px solid #e8eff42e;border-radius:18px;padding:10px 16px;color:#f6f9fbe0;font-size:12px;backdrop-filter:blur(5px);text-shadow:0 1px 3px #0007}#placementNote{display:block;color:#edf3f8c9;font-size:10px;line-height:1.5;margin-top:14px;text-shadow:0 1px 4px #0009}dialog{width:min(440px,calc(100vw - 28px));padding:25px;border:1px solid #e7c47b47;border-radius:14px;background:#0a192a61;color:#eff5f9e0;backdrop-filter:blur(12px)}dialog::backdrop{background:#07132012}dialog h2{font-size:27px;font-weight:500}dialog p{font-size:13px;line-height:1.65}#closeInfo{position:absolute;right:8px;top:8px;padding:4px;min-height:30px;width:30px;font-size:22px;background:#0a192a25;border-color:#e8eff42e}#continueAR{width:100%}@media(max-width:600px){header{padding-left:18px;padding-right:18px}header>span{font-size:8px;letter-spacing:1px}main{margin-top:25px}#arControls button{font-size:11px;padding:9px 12px;min-height:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Interactive pages share the same transparent controls as the embedded book. */
#arControls #spatialReading{margin-top:12px;pointer-events:auto}
#arControls .passport-reading{max-width:480px}
#arControls .passport-reading button,#arControls .passport-reading a{min-height:44px;pointer-events:auto}
#arControls .passport-reading-text{background:rgba(10,25,42,.32)}

body.reading-complete #arControls>.buttons,body.reading-complete #endAR{display:none!important}