.tour-help-button { position:static; z-index:auto; display:flex; align-items:center; justify-content:center; gap:.35rem; min-width:44px; min-height:44px; padding:.42rem .62rem; border:1px solid color-mix(in srgb,var(--portal-accent,#f1c94b),transparent 48%); border-radius:13px; background:linear-gradient(135deg,color-mix(in srgb,var(--portal-soft,#242015),#111 30%),#111113); color:#fff; font-size:.7rem; font-weight:900; box-shadow:none; cursor:pointer; }
.tour-help-button span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--portal-accent,#f1c94b); color:#101012; font-size:.9rem; }
.tour-help-button em { font-style:normal; }
.guided-tour-root[hidden] { display:none!important; }
.guided-tour-root { position:fixed; z-index:1000; inset:0; pointer-events:none; }
.tour-shade { position:absolute; inset:0; background:rgba(0,0,0,.45); pointer-events:auto; }
.tour-spotlight { position:fixed; z-index:2; border:2px solid var(--portal-accent,#f1c94b); border-radius:16px; box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 0 5px color-mix(in srgb,var(--portal-accent,#f1c94b),transparent 72%),0 18px 55px #000b; pointer-events:none; transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease; }
.tour-popover { position:fixed; z-index:3; width:min(360px,calc(100vw - 24px)); padding:1.15rem; border:1px solid color-mix(in srgb,var(--portal-accent,#f1c94b),transparent 45%); border-radius:20px; background:#161619; color:#fff; box-shadow:0 24px 70px #000c; pointer-events:auto; }
.tour-popover::before { content:''; position:absolute; width:16px; height:16px; border-left:1px solid color-mix(in srgb,var(--portal-accent,#f1c94b),transparent 45%); border-top:1px solid color-mix(in srgb,var(--portal-accent,#f1c94b),transparent 45%); background:#161619; transform:rotate(45deg); }
.tour-popover[data-side="bottom"]::before { top:-9px; left:var(--arrow-x,28px); }
.tour-popover[data-side="top"]::before { bottom:-9px; left:var(--arrow-x,28px); transform:rotate(225deg); }
.tour-popover[data-side="right"]::before { top:var(--arrow-y,28px); left:-9px; transform:rotate(-45deg); }
.tour-popover[data-side="left"]::before { top:var(--arrow-y,28px); right:-9px; transform:rotate(135deg); }
.tour-kicker { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.55rem; color:var(--portal-accent,#f1c94b); font-size:.66rem; font-weight:950; letter-spacing:.11em; }
.tour-close { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid #3a3a3f; border-radius:50%; background:#222226; color:#bbb; cursor:pointer; }
.tour-popover h2 { margin:0 0 .5rem; font-size:1.35rem; }
.tour-popover p { margin:0; color:#bdbdc4; font-size:.9rem; line-height:1.55; }
.tour-progress { height:4px; margin:1rem 0; overflow:hidden; border-radius:99px; background:#303035; }
.tour-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--portal-accent,#f1c94b),var(--portal-accent-2,#e3222b)); transition:width .2s ease; }
.tour-actions { display:flex; justify-content:space-between; gap:.6rem; }
.tour-actions > div { display:flex; gap:.5rem; }
.tour-action { min-height:42px; padding:.55rem .85rem; border:1px solid #3c3c42; border-radius:11px; background:#202024; color:#fff; font-size:.78rem; font-weight:850; cursor:pointer; }
.tour-action.is-primary { border-color:var(--portal-accent,#f1c94b); background:var(--portal-accent,#f1c94b); color:#0e0e10; }
.tour-target-active { position:relative!important; z-index:1001!important; scroll-margin:110px; pointer-events:none!important; }
body.tour-is-open { overflow:hidden; }
@media (max-width:540px) {
  .tour-help-button { min-height:44px; padding:.36rem; }
  .tour-help-button span { width:22px; height:22px; }
  .tour-help-button em { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .tour-popover { width:calc(100vw - 20px); padding:1rem; }
  .tour-popover h2 { font-size:1.2rem; }
  .tour-popover p { font-size:.84rem; }
  .tour-action { padding:.5rem .7rem; }
}
@media (prefers-reduced-motion:reduce) { .tour-spotlight,.tour-progress span { transition:none; } }