.uk-walkthrough{width:min(1200px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:48px;border:1px solid #ffffff60;border-radius:32px;background:#f7f5fbeb;color:#252422;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 24px 80px #0002;overflow:auto}
.uk-walkthrough::backdrop{background:#19191f55;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.uk-walkthrough-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border:1px solid #6e638133;border-radius:50%;background:#ffffff66;color:inherit;font-size:24px;cursor:pointer}
.uk-walkthrough-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.uk-walkthrough-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.uk-walkthrough-tabs button{padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;color:inherit;opacity:.5;font:14px/1.4 Arial;cursor:pointer}
.uk-walkthrough-tabs button[aria-selected="true"]{opacity:1;border-bottom-color:#7255ed}
.uk-walkthrough-copy{min-height:216px;padding:32px;border:1px solid #6e63812e;border-radius:24px;background:#ffffff40}
.uk-walkthrough-copy small{font-size:12px;letter-spacing:.08em;opacity:.6}.uk-walkthrough-copy h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:16px 0}.uk-walkthrough-copy p{font-size:16px;line-height:1.5;opacity:.65;margin:0}
.uk-walkthrough-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.uk-walkthrough-steps button{width:64px;padding:8px 4px;border:0;border-radius:12px;background:transparent;color:inherit;font:12px/1.4 Arial;opacity:.5;cursor:pointer}
.uk-walkthrough-steps button[aria-current="step"]{opacity:1;background:#7255ed12}
.uk-walkthrough-steps svg{display:block;width:24px;height:24px;margin:0 auto 8px;fill:none;stroke:currentColor;stroke-width:1.5}
.uk-walkthrough-preview{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:center}
.uk-walkthrough-arrow{width:40px;height:40px;border:1px solid #6e638133;border-radius:50%;background:#ffffff44;color:inherit;font-size:24px;cursor:pointer}.uk-walkthrough-arrow:disabled{opacity:.25;cursor:default}
.uk-walkthrough-phone{aspect-ratio:9/19.5;width:100%;max-width:264px;margin:auto;padding:8px;border:2px solid #9b9b98;border-radius:40px;background:#17171a;box-shadow:0 12px 32px #0002}
.uk-walkthrough-screen{height:100%;position:relative;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#ece5fa,#ebf2d5);color:#6e6381;font:14px Arial;text-align:center;padding:24px}
.uk-walkthrough-screen::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:72px;height:20px;border-radius:999px;background:#17171a}
.uk-walkthrough-count{text-align:center;margin:16px 0 0;font-size:14px;opacity:.6}
[data-theme="dark"] .uk-walkthrough{background:#28262deb;color:#f0edf5;border-color:#ffffff30}[data-theme="dark"] .uk-walkthrough-copy{background:#ffffff06;border-color:#ffffff26}[data-theme="dark"] .uk-walkthrough button{color:inherit}[data-theme="dark"] .uk-walkthrough-close,[data-theme="dark"] .uk-walkthrough-arrow{background:#ffffff0d;border-color:#ffffff26}
.uk-walkthrough button:focus-visible{outline:3px solid #7255ed;outline-offset:4px}
@media(max-width:800px){.uk-walkthrough{padding:48px 24px 24px}.uk-walkthrough-layout{grid-template-columns:1fr;gap:32px}.uk-walkthrough-preview{max-width:360px;margin:auto}.uk-walkthrough-phone{max-width:192px}.uk-walkthrough-copy{padding:24px;min-height:0}.uk-walkthrough-steps{gap:4px}}

/* App-style bottom sheet, anchored flush to the viewport edge. */
.uk-walkthrough {
  position: fixed;
  inset: auto 0 0;
  margin: 0;
  width: 100%;
  max-width: none;
  height: min(840px, 88dvh);
  max-height: 92dvh;
  box-sizing: border-box;
  padding: 48px max(32px, calc((100vw - 1104px) / 2)) 32px;
  padding-bottom: max(32px, env(safe-area-inset-bottom));
  border-bottom: 0;
  border-radius: 32px 32px 0 0;
  box-shadow: 0 -12px 48px #0002;
  overscroll-behavior: contain;
}
.uk-walkthrough::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  width: 48px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  opacity: .2;
  transform: translateX(-50%);
}
.uk-walkthrough-layout { min-height: 100%; }
.uk-walkthrough-phone { max-width: min(264px, 29dvh); }
@media(max-width:800px) {
  .uk-walkthrough { height: 92dvh; padding: 48px 24px max(24px, env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; }
  .uk-walkthrough-layout { min-height: 0; }
  .uk-walkthrough-phone { max-width: 192px; }
}

/* Thin arrow icons in the same quiet circular glass controls. */
.uk-walkthrough-arrow {
  display: grid;
  place-items: center;
  padding: 8px;
  border: 1px solid rgba(110,99,129,.22);
  border-radius: 50%;
  background: rgba(110,99,129,.04);
  color: #6e6381;
}
.uk-walkthrough-arrow svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
[data-theme="dark"] .uk-walkthrough .uk-walkthrough-arrow {
  border-color: rgba(236,229,250,.18);
  background: rgba(236,229,250,.04);
  color: #d4cde0;
}
.uk-walkthrough-arrow:hover:not(:disabled) { background: rgba(110,99,129,.1); }

/* A real dismiss button replaces the decorative grab line. */
.uk-walkthrough::before { display: none; }
.uk-walkthrough-handle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 96px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.uk-walkthrough-handle span { width: 48px; height: 4px; border-radius: 999px; background: currentColor; opacity: .2; }
.uk-walkthrough-handle:hover span { opacity: .4; }

.uk-walkthrough-steps .uk-step-icon { display:block; width:24px; height:24px; margin:0 auto 8px; object-fit:contain; }
.uk-walkthrough-steps svg.uk-step-icon.is-filled { fill:currentColor; stroke:none; }
.uk-walkthrough-steps svg.uk-step-icon.is-outline { fill:none; stroke:currentColor; }

/* Keep every feature name on one line with content-sized step buttons. */
.uk-walkthrough-tabs button,
.uk-walkthrough-steps button {
  white-space: nowrap;
}
.uk-walkthrough-steps {
  column-gap: 16px;
  row-gap: 16px;
}
.uk-walkthrough-steps button {
  width: auto;
  min-width: 64px;
  flex: 0 0 auto;
  padding: 8px;
}

.uk-walkthrough-layout > div > .uk-walkthrough-steps {
  margin-top: 0;
  margin-bottom: 24px;
}

/* A quieter, more compact feature selector. */
.uk-walkthrough-steps {
  column-gap: 8px;
  row-gap: 8px;
}
.uk-walkthrough-steps button {
  min-width: 48px;
  padding: 6px 8px;
  font-size: 11px;
  opacity: .45;
  border-radius: 8px;
}
.uk-walkthrough-steps .uk-step-icon {
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
}
.uk-walkthrough-steps button[aria-current="step"] {
  opacity: .8;
  background: #7255ed08;
}
.uk-walkthrough-layout > div > .uk-walkthrough-steps { margin-bottom: 16px; }

.uk-walkthrough-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}
.uk-walkthrough-tags li {
  padding: 6px 12px;
  border: 1px solid #6e63811c;
  border-radius: 999px;
  background: linear-gradient(135deg, #ece5fa55, #ebf2d566);
  font-size: 12px;
  line-height: 1.4;
}
[data-theme="dark"] .uk-walkthrough-tags li { background: #ffffff08; border-color: #ffffff20; }

.uk-functions-end { display:flex; justify-content:center; padding:24px 24px 48px; }