/* Soft, finite cues live on controls and paper only, never over the photographs. */
.magic-cue{position:relative;isolation:isolate;animation:magic-invite 2.6s ease-out .35s 2}
.magic-cue:before{content:'';position:absolute;inset:-5px;border:1px solid #b9a6ce75;border-radius:inherit;pointer-events:none;opacity:0;animation:magic-orbit 2.6s ease-out .35s 2}
.magic-cue:after{content:'';position:absolute;left:auto;bottom:auto;right:13px;top:5px;border:0;width:5px;height:5px;border-radius:50%;background:#fffdf8;box-shadow:0 0 5px #fff,0 0 13px #bb9ed9,9px 5px 0 -1px #c4b5d5,-6px 9px 0 -1px #d8dfd1;pointer-events:none;opacity:0;animation:magic-dust 2.6s ease-out .35s 2}
.magic-cue:not(:disabled):hover{box-shadow:inset 0 1px 0 #fff,0 0 0 1px #c6b5d65c,0 4px 23px #baa0d533}
.magic-click{animation:magic-press .45s ease-out!important}
.magic-click.magic-cue:before{animation:magic-orbit .65s ease-out!important}.magic-click.magic-cue:after{animation:magic-dust .65s ease-out!important}
.world-intro__page{animation:journal-turn .4s ease-out}
.world-intro__luggage-tag.magic-name-reveal{animation:name-settle .55s ease-out}
.guide-note{display:flex;align-items:center;gap:19px;padding:16px 20px;margin:0 0 23px;border:1px solid #fffcf5;border-radius:8px 18px 18px 8px;background:linear-gradient(120deg,#fffdf693,#ece5f0a1 65%,#e8ede47a);box-shadow:inset 0 1px 0 #fff9,0 0 0 1px #c7b8d027;position:relative}
.guide-note-mark{display:grid;place-items:center;flex:none;width:37px;height:44px;color:#8f789f;font:27px var(--serif);border-right:1px solid #c4b4cd54;padding-right:14px}
.guide-note-copy{min-width:0;flex:1}.guide-note small{display:block;font:9px/1.6 var(--sans);letter-spacing:.12em;color:#796d81;margin-bottom:3px}.guide-note h2{font:17px/1.6 var(--serif);margin:0 0 3px}.guide-note p{font-size:11px;line-height:1.85;color:#68645f;margin:0}
.guide-note button{flex:none;background:transparent;border:0;border-radius:10px;box-shadow:none;font-size:11px;min-height:44px;padding:7px 12px;color:#74607f;white-space:nowrap}.guide-note .guide-dismiss{padding:0;width:44px;flex:none;font-size:18px;color:#8d8390}
.guide-steps{display:flex;gap:8px;margin-top:9px}.guide-steps i{height:3px;width:22px;background:#e5dfea;border:1px solid #fff9;border-radius:5px}.guide-steps i.is-reached{background:#bfadce}
.magic-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin:18px 0}.magic-setting button{min-height:44px;background:linear-gradient(120deg,#fffdf6bd,#ebe3f09e);border-color:#fff8;padding:8px 15px;border-radius:24px}
.discovery-note{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:11px;color:#7d648b}.discovery-note:before{content:'✧';font:22px var(--serif);color:#a590b2}.discovery-note strong{font-weight:400}
.world-photo .wp-finish{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:11px 16px;border:1px solid #fffdf6;border-radius:25px;background:linear-gradient(120deg,#fffdfa,#eae3f1b3);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b9a4c52b;color:#6f587e;font-size:11px;width:100%}
.city-progress{font:10px/1.7 var(--sans);color:#776a7f;display:block;margin-top:4px}.gallery-card.is-latest{outline:1px solid #ba9dcc73;outline-offset:5px}.gallery-caption .new-memory{display:inline-block;color:#81678f;font-size:9px;letter-spacing:.08em;margin-bottom:7px}
.travel-notepad .travel-memento strong{font-weight:400;color:#74617e}.waiting-note{font-size:10px;color:#746c79;line-height:1.9;margin:12px 0 0}
@keyframes magic-invite{0%,65%,100%{box-shadow:inset 0 1px 0 #fff9,0 0 0 1px #c7b5d52e,0 2px 10px #c2acd10d}28%{box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b9a1cc70,0 0 25px #baa0d538}}
@keyframes magic-orbit{0%,75%,100%{opacity:0;transform:scale(.99)}22%{opacity:.7}55%{opacity:0;transform:scale(1.045)}}
@keyframes magic-dust{0%,80%,100%{opacity:0;transform:translate(-12px,5px) scale(.5)}26%{opacity:.85;transform:translate(0,0) scale(1)}65%{opacity:0;transform:translate(9px,-9px) scale(.65)}}
@keyframes magic-press{0%{filter:brightness(1);transform:translateY(0)}35%{filter:brightness(1.07);transform:translateY(1px)}100%{filter:brightness(1);transform:translateY(0)}}
@keyframes journal-turn{from{opacity:.6;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
@keyframes name-settle{from{opacity:.65;transform:rotate(-1.5deg) translateY(-3px)}to{opacity:1;transform:rotate(-1.5deg) translateY(0)}}
@media(max-width:700px){.guide-note{align-items:flex-start;gap:10px;padding:14px;flex-wrap:wrap;margin-bottom:20px}.guide-note-mark{width:25px;font-size:23px;padding-right:9px}.guide-note-copy{flex-basis:calc(100% - 83px)}.guide-note h2{font-size:16px}.guide-note button[data-guide-go]{margin-left:34px;margin-top:-4px;padding-inline:0}.guide-note .guide-dismiss{position:absolute;right:4px;top:5px}.guide-note p{font-size:10px}.magic-setting{align-items:flex-start;gap:12px}.discovery-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.magic-click.magic-cue:before,.magic-click.magic-cue:after,.magic-cue,.magic-cue:before,.magic-cue:after,.magic-click,.world-intro__page,.world-intro__luggage-tag.magic-name-reveal{animation:none!important;transition:none!important}.magic-cue:before{opacity:.55}.magic-cue:after{display:none}}
body[data-magic-motion=off] .magic-cue,body[data-magic-motion=off] .magic-cue:before,body[data-magic-motion=off] .magic-cue:after,body[data-magic-motion=off] .magic-click,body[data-magic-motion=off] .world-intro__page,body[data-magic-motion=off] .world-intro__luggage-tag.magic-name-reveal{animation:none!important;transition:none!important}body[data-magic-motion=off] .magic-cue:before{opacity:.45}body[data-magic-motion=off] .magic-cue:after{display:none}
@media(prefers-reduced-transparency:reduce){.guide-note{background:#f0eaf2}.magic-setting button,.world-photo .wp-finish{background:#eee5f2}}
@media(forced-colors:active){.guide-note,.magic-setting button,.world-photo .wp-finish{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.magic-cue,.magic-click{animation:none!important}.magic-cue:before,.magic-cue:after{display:none}.guide-note-mark,.guide-note h2,.guide-note p,.guide-note small,.guide-note button,.discovery-note,.city-progress{color:CanvasText}.guide-steps i{background:Canvas;border-color:CanvasText}.guide-steps i.is-reached{background:Highlight}.gallery-card.is-latest{outline-color:Highlight}}