.journey-dialog:not([open]){display:none}
.journey-dialog{width:min(920px,calc(100% - 32px));max-width:920px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #76528f;border-radius:18px;background:#181321;color:#f0e7fb;overflow:auto;box-shadow:0 35px 100px #000b}
.journey-dialog::backdrop{background:#08050de8;backdrop-filter:blur(8px)}
.journey-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #493253}
.journey-label{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;color:#d3b3f1}
.journey-skip{border:1px solid #684b80;border-radius:7px;background:#2a1e38;color:#eedfff;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer;min-height:44px}
.journey-art{position:relative;width:100%;aspect-ratio:836/470;overflow:hidden;background:#140c24;isolation:isolate}
.journey-art img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0;display:block;object-fit:fill}
.journey-art[data-scene="2"] img,.journey-art[data-scene="4"] img{left:-100%}
.journey-art[data-scene="3"] img,.journey-art[data-scene="4"] img{top:-100%}
.journey-copy{padding:23px 26px 25px}
.journey-copy h2{font-size:clamp(23px,4vw,32px);line-height:1.25;letter-spacing:-.7px;color:#f2e9fc;margin:0}
.journey-caption{font-size:15px;line-height:1.7;color:#d0bddf;margin-top:12px;max-width:720px}
.journey-note{font-size:11px;line-height:1.7;color:#a991bc;margin-top:13px}
.journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}
.journey-dots{display:flex;gap:8px;align-items:center;color:#b595d1;font-family:var(--mono);font-size:11px}
.journey-dots span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #58416c;border-radius:50%}
.journey-dots span[aria-current="step"]{color:#251331;background:#d7b8ff;border-color:#d7b8ff}
.journey-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.journey-actions .button{min-height:44px;font-size:13px;padding:12px 18px}
.journey-dialog [hidden]{display:none!important}
.journey-replay{border:0;padding:8px 0;background:none;font:inherit;color:#bea0d7;cursor:pointer;min-height:32px;text-align:left}
.journey-replay:hover{color:#efdcff}
.journey-dialog :focus-visible,.journey-replay:focus-visible{outline:2px solid #e0c6ff;outline-offset:4px}
@media(min-width:541px){.journey-dialog[open]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.journey-top{grid-column:1/-1}.journey-art{align-self:center}.journey-copy{min-width:0;border-left:1px solid #493253}.journey-bottom{align-items:flex-start;flex-direction:column;gap:16px}.journey-actions{width:100%}.journey-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:no-preference){.journey-dialog[open]{animation:journey-arrive .16s ease-out}@keyframes journey-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:540px){.journey-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.journey-top{padding:12px 15px;gap:9px}.journey-label{font-size:8px;letter-spacing:.6px}.journey-copy{padding:19px 18px 21px}.journey-caption{font-size:14px;line-height:1.75}.journey-note{font-size:10px}.journey-bottom{align-items:flex-start;flex-direction:column;gap:16px}.journey-actions{width:100%}.journey-actions .button{width:100%;justify-content:center}.journey-dots span{width:25px;height:25px}.journey-replay{min-height:44px}}