/* Oasis Suite guide + invitation. Scoped .osg-* */
.osg-coach,.osg-invite{position:fixed;z-index:2147483002;left:50%;transform:translateX(-50%);
  width:min(420px,calc(100vw - 20px));box-sizing:border-box;display:flex;flex-direction:column;gap:10px;
  padding:14px 44px 14px 14px;border-radius:16px;background:#101627d9;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:#f8f0dc;text-shadow:0 1px 2px #0007;border:1px solid #e3c88673;
  box-shadow:0 16px 40px #0008;font:600 17px/1.3 Georgia,"Times New Roman",serif}
.osg-coach{top:var(--osg-top,auto);bottom:auto}
.osg-coach:not([style*="--osg-top"]){top:auto;bottom:max(16px,env(safe-area-inset-bottom))}
.osg-coach.osg-low{top:auto!important;bottom:max(10px,env(safe-area-inset-bottom));padding:10px 44px 10px 12px;font-size:15px}
.osg-invite{bottom:max(16px,env(safe-area-inset-bottom));flex-direction:row;flex-wrap:wrap;align-items:center}
.osg-main{display:flex;align-items:center;gap:12px}
.osg-pic{flex:0 0 44px;width:44px;height:44px;color:#e0b94a;display:block}
.osg-low .osg-pic{flex-basis:30px;width:30px;height:30px}
.osg-pic svg{width:100%;height:100%;display:block}
.osg-coach[data-step="suite"] .osg-pic,.osg-coach[data-step="clarity"] .osg-pic{animation:osgTap 1.4s ease-in-out infinite}
.osg-say,.osg-q{margin:0;flex:1;min-width:0}
.osg-invite .osg-q{flex:1 1 160px}
.osg-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.osg-b{font:600 15px/1 Georgia,serif;min-height:42px;padding:10px 18px;border-radius:999px;border:1px solid #e3c88680;background:#ffffff10;color:#f5ecd6;cursor:pointer}
.osg-b:hover{background:#e3c88626}
.osg-gold{background:#e0b94a;border-color:#e0b94a;color:#1b1405}
.osg-gold:hover{background:#ecc964}
.osg-link{font:500 13px/1.2 system-ui,sans-serif;color:#e0c47a;background:none;border:0;padding:8px 4px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.osg-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:1px solid #e3c88655;background:none;color:#f5ecd6;font:400 20px/1 system-ui,sans-serif;cursor:pointer}
.osg-coach :focus-visible,.osg-invite :focus-visible{outline:2px solid #e0b94a;outline-offset:2px}
.osg-ring{position:fixed;z-index:2147483002;pointer-events:none;border-radius:14px;border:3px solid #e0b94a;box-shadow:0 0 0 9999px #05081266;animation:osgPulse 1.6s ease-in-out infinite}
.osg-ring[hidden]{display:none}
.osg-ring.ord-ring{box-sizing:border-box;animation:none;transform:none}
.osg-coach[hidden]{display:none}
.osg-coach.osg-inline{position:relative;inset:auto;transform:none;width:100%;margin:14px 0 8px;z-index:auto;font-size:14px;line-height:1.45;box-shadow:none;text-align:left;flex-shrink:0}
.osg-inline .osg-pic{width:26px;height:26px;flex-basis:26px}
.osg-inline .osg-row:empty{display:none}
.osg-inline .osg-pic{display:none}
.osg-inline .osg-say{font-size:14px;line-height:1.4}
/* Reserve the real reader toolbar's space rather than floating over Flow. */
html.qr-reading.osg-guiding #clarityWrap,
html.qr-reading.osg-guiding #kwWrap,
html.qr-reading.osg-guiding #hjWrap,
html.qr-reading.osg-guiding #lexWrap{bottom:calc(70px + env(safe-area-inset-bottom));box-sizing:border-box}
html.qr-reading.osg-guiding #clarityCard,
html.qr-reading.osg-guiding #kwCard,
html.qr-reading.osg-guiding #hjCard,
html.qr-reading.osg-guiding #lexCard{max-height:100%}
/* While guiding, hide only overlays that compete with the guide; removing the class restores them. */
html.osg-guiding .omb-beacon,html.osg-guiding #lrToolsHint,html.osg-guiding #lwChoose,html.osg-guiding #lwQuick,
html.osg-guiding .qr-pop,html.osg-guiding .lw-unlock,html.osg-guiding .osg-invite{visibility:hidden!important}
@keyframes osgPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.75}}
@keyframes osgTap{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.osg-ring,.osg-pic{animation:none!important}}
.ord-coach{font-size:15px;max-height:calc(100dvh - 24px);overflow:auto}
#lrHalfView{display:none;position:absolute;left:max(10px,env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;min-height:44px;padding:8px 12px;border:1px solid #c8ae6b;border-radius:999px;background:#101627;color:#f5ecd6;font:600 12px Georgia,serif;cursor:pointer}
#libraryReader.mode-focus:not(.lw-vault-on) #lrHalfView{display:block}
#lrHalfView:focus-visible{outline:3px solid #e0b94a;outline-offset:3px}
@media(max-width:600px){html.qr-reading #lrHalfView{bottom:calc(58px + env(safe-area-inset-bottom))}}
html.osg-page-guiding #libraryReader .lr-pg-arrow{opacity:1!important;pointer-events:auto!important}
html.osg-page-guiding #libraryReader #lrPgPrev,
html.osg-page-guiding #libraryReader #lrPgNext{z-index:50}
.osg-coach.osg-inline{-webkit-backdrop-filter:none;backdrop-filter:none;background:#101627f2}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.osg-coach,.osg-invite{background:#101627f2}}