/* R4-K: shared cinematic briefings; always launched from the identical topbar glyph. */
.omni-guide-backdrop[hidden]{display:none!important}
.omni-guide-backdrop{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:clamp(8px,2vw,26px);background:rgba(1,8,18,.84);backdrop-filter:blur(13px);overflow-y:auto}
.omni-guide-sheet{position:relative;isolation:isolate;box-sizing:border-box;width:min(780px,100%);max-height:calc(100dvh - 20px);overflow-y:auto;border:1px solid color-mix(in srgb,var(--guide-accent) 62%,#4f6475);border-radius:22px;background:radial-gradient(ellipse at 87% 4%,color-mix(in srgb,var(--guide-accent) 22%,transparent),transparent 43%),radial-gradient(ellipse at 0 100%,rgba(23,80,111,.32),transparent 60%),linear-gradient(140deg,#102738 0%,#0a1725 52%,#080f1c 100%);color:#f4faff;box-shadow:0 32px 95px rgba(0,0,0,.8),inset 0 1px 0 rgba(220,245,255,.12),0 0 62px color-mix(in srgb,var(--guide-accent) 10%,transparent);font-family:system-ui,Arial,sans-serif;text-align:left}
.omni-guide-sheet::before{content:'';position:absolute;inset:5px;z-index:-1;pointer-events:none;border:1px solid rgba(215,240,252,.07);border-radius:18px}
.omni-guide-sheet::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.2;background:repeating-linear-gradient(118deg,transparent 0 55px,rgba(173,231,255,.08) 56px,transparent 57px)}
.omni-guide-constellation{position:absolute;right:13px;top:35px;width:148px;height:148px;display:grid;place-items:center;pointer-events:none;opacity:.26;filter:drop-shadow(0 0 24px var(--guide-accent))}
.omni-guide-constellation::before,.omni-guide-constellation::after{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid var(--guide-accent);transform:rotate(38deg) scaleX(.68)}
.omni-guide-constellation::after{transform:rotate(-38deg) scaleX(.68)}
.omni-guide-constellation span{font-size:72px;color:var(--guide-accent);text-shadow:0 0 32px var(--guide-accent)}
.omni-guide-content{position:relative;padding:clamp(17px,3vw,30px)}
.omni-guide-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.omni-guide-eyebrow{color:var(--guide-accent);font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.18em}
.omni-guide-x{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(185,224,238,.3);background:rgba(14,34,47,.7);color:#f0faff;font-size:25px;cursor:pointer}
.omni-guide-sheet h2{position:relative;margin:7px 0 17px;max-width:590px;font:800 clamp(23px,3vw,33px)/1.13 Georgia,serif;letter-spacing:.005em;color:#fff;text-shadow:0 0 20px rgba(194,233,252,.22)}
.omni-guide-sheet h2 em{display:inline;font:600 .72em/1.12 system-ui,sans-serif;font-style:normal;color:var(--guide-accent)}
.omni-guide-special{position:relative;padding:10px 15px;margin:0 0 14px;border-left:3px solid var(--guide-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--guide-accent) 13%,transparent),transparent);color:#fcecd5;font-size:clamp(15px,1.9vw,19px);font-weight:750;line-height:1.38}
.omni-guide-sheet a{color:var(--guide-accent)!important;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:850}
.omni-guide-steps{position:relative;display:grid;gap:7px}
.omni-guide-step{display:grid;grid-template-columns:39px minmax(0,1fr);gap:12px;align-items:center;padding:9px 13px;min-width:0;border:1px solid rgba(156,207,233,.15);border-left:2px solid color-mix(in srgb,var(--guide-accent) 55%,transparent);border-radius:10px;background:linear-gradient(95deg,rgba(202,238,254,.065),rgba(193,231,250,.012));box-shadow:inset 0 1px 0 rgba(234,251,255,.035)}
.omni-guide-index{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--guide-accent) 13%,#05131d);border:1px solid color-mix(in srgb,var(--guide-accent) 56%,transparent);font:900 14px/1 system-ui,sans-serif;color:var(--guide-accent)}
.omni-guide-step strong{color:#f5fbff;font:800 clamp(14px,1.65vw,16px)/1.2 system-ui,sans-serif}
.omni-guide-step p{color:#c4dce8;margin:3px 0 0;font:500 clamp(12px,1.45vw,14px)/1.38 system-ui,sans-serif}
.omni-guide-limit{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;margin:13px 0 0;border-radius:10px;border:1px solid rgba(241,178,101,.39);background:linear-gradient(90deg,rgba(174,109,44,.17),rgba(134,83,35,.045));color:#f4d9b4}
.omni-guide-limit-symbol{font-size:11px;color:#ffd190;margin-top:3px}
.omni-guide-limit p{font:600 clamp(12px,1.5vw,14px)/1.4 system-ui,sans-serif;margin:0}
.omni-guide-footer{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:13px}
.omni-guide-footer p{margin:0;max-width:365px;color:#9ebfce;font-size:12px;line-height:1.4}
.omni-guide-footer strong{color:var(--guide-accent)}
.omni-guide-close{appearance:none;-webkit-appearance:none;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:19px!important;flex:0 0 auto;min-height:44px;padding:10px 13px 10px 17px!important;border:1px solid color-mix(in srgb,var(--guide-accent) 75%,#fff)!important;border-radius:5px 15px 5px 15px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--guide-accent) 33%,#081a2a),color-mix(in srgb,var(--guide-accent) 55%,#102a37))!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff33,0 0 28px color-mix(in srgb,var(--guide-accent) 15%,transparent)!important;font-family:Inter,system-ui,Arial,sans-serif!important;font-size:13px!important;line-height:1!important;font-weight:900!important;letter-spacing:.04em!important;cursor:pointer;text-transform:uppercase!important;white-space:nowrap}
.omni-guide-close span{font-weight:900!important;letter-spacing:.035em!important}
.omni-guide-close b{font-size:21px;color:#fff;font-weight:900!important}
.omni-guide-close:hover,.omni-guide-close:focus-visible{outline:2px solid var(--guide-accent);outline-offset:2px;filter:brightness(1.18)}
body.omni-guide-open{overflow:hidden}
@media(max-width:520px){.omni-guide-sheet{max-height:calc(100dvh - 12px)}.omni-guide-content{padding:15px}.omni-guide-constellation{width:80px;height:80px;right:8px;top:43px}.omni-guide-constellation span{font-size:38px}.omni-guide-step{grid-template-columns:27px minmax(0,1fr);padding:8px;gap:9px}.omni-guide-index{height:28px;width:27px;font-size:11px}.omni-guide-steps{gap:6px}.omni-guide-footer{flex-direction:column;align-items:stretch;gap:9px}.omni-guide-close{width:100%;min-height:39px}.omni-guide-sheet h2{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){.omni-guide-backdrop{backdrop-filter:none}.omni-guide-sheet *{animation:none!important;transition:none!important}}

/* Tool-specific luminous accents without inline runtime styles. */
.omni-guide-backdrop[data-guide-color="#78dbff"]{--guide-accent:#78dbff}
.omni-guide-backdrop[data-guide-color="#7fdbf0"]{--guide-accent:#7fdbf0}
.omni-guide-backdrop[data-guide-color="#86d6ed"]{--guide-accent:#86d6ed}
.omni-guide-backdrop[data-guide-color="#99d9f8"]{--guide-accent:#99d9f8}
.omni-guide-backdrop[data-guide-color="#9ddff4"]{--guide-accent:#9ddff4}
.omni-guide-backdrop[data-guide-color="#9fcff2"]{--guide-accent:#9fcff2}
.omni-guide-backdrop[data-guide-color="#b5d4fb"]{--guide-accent:#b5d4fb}
.omni-guide-backdrop[data-guide-color="#b6d7ef"]{--guide-accent:#b6d7ef}
.omni-guide-backdrop[data-guide-color="#c0a0ff"]{--guide-accent:#c0a0ff}
.omni-guide-backdrop[data-guide-color="#e7b575"]{--guide-accent:#e7b575}
.omni-guide-backdrop[data-guide-color="#e9b76a"]{--guide-accent:#e9b76a}
.omni-guide-backdrop[data-guide-color="#edc47e"]{--guide-accent:#edc47e}
.omni-guide-backdrop[data-guide-color="#ef96cf"]{--guide-accent:#ef96cf}
.omni-guide-backdrop[data-guide-color="#ef9e6f"]{--guide-accent:#ef9e6f}
.omni-guide-backdrop[data-guide-color="#f0b769"]{--guide-accent:#f0b769}
.omni-guide-backdrop[data-guide-color="#f4bb72"]{--guide-accent:#f4bb72}
.omni-guide-backdrop[data-guide-color="#f5c77f"]{--guide-accent:#f5c77f}
.omni-guide-backdrop[data-guide-color="#ffa765"]{--guide-accent:#ffa765}
.omni-guide-backdrop[data-guide-color="#ffab79"]{--guide-accent:#ffab79}

/* Tool pages have powerful button skins (clipped corners, global font changes,
   and controls that force width or geometry). The briefing footer is one
   invariant component; scope and explicitly override their button surfaces. */
.omni-guide-backdrop .omni-guide-sheet button.omni-guide-close{
 appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex:0 0 auto!important;width:auto!important;max-width:100%!important;
 height:auto!important;min-height:44px!important;margin:0!important;
 padding:10px 13px 10px 17px!important;gap:19px!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 border:1px solid color-mix(in srgb,var(--guide-accent) 75%,#fff)!important;
 border-radius:5px 15px 5px 15px!important;
 background:linear-gradient(110deg,color-mix(in srgb,var(--guide-accent) 33%,#081a2a),color-mix(in srgb,var(--guide-accent) 55%,#102a37))!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px 0 #ffffff33,0 0 28px color-mix(in srgb,var(--guide-accent) 15%,transparent)!important;
 font-family:Inter,system-ui,Arial,sans-serif!important;font-size:13px!important;
 line-height:1!important;font-weight:900!important;font-style:normal!important;
 letter-spacing:.04em!important;text-transform:uppercase!important;text-decoration:none!important;
 text-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;
}
.omni-guide-backdrop .omni-guide-sheet button.omni-guide-close span{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:900!important;letter-spacing:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
.omni-guide-backdrop .omni-guide-sheet button.omni-guide-close b{font-family:inherit!important;font-size:21px!important;font-weight:900!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important}