/* Local guided flow: original app typography, cards, artwork and controls. */
.ss-page{max-width:1000px;margin:28px auto 60px}.ss-page.story-wizard{max-width:840px}.ss-page p{line-height:1.6}.ss-page h1:focus{outline:none}.ss-page .ss-intro{margin:12px 0 26px;max-width:680px}.ss-welcome{display:flex;align-items:center;gap:32px;max-width:940px}.ss-welcome-art{width:130px;height:170px;object-fit:contain}.ss-welcome h2{max-width:620px}.ss-welcome p{max-width:620px}.ss-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:26px 0 16px}.ss-small,.ss-field-hint{font-size:13px;line-height:1.55}.ss-field-hint{display:block;margin:8px 0 22px;color:#657260}.ss-price-note{display:grid;gap:6px;margin:24px 0;font-size:14px}.ss-price-note strong{color:#29332d}.ss-guided-heading{margin-bottom:24px}.ss-guided-heading .eyebrow{margin-bottom:12px}.ss-guided-heading h1{max-width:700px;margin:0}.ss-wizard-progress{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dedfce;padding:0 0 20px;margin:0 0 28px}.ss-wizard-progress>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d8679}.ss-wizard-progress b{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #c6ceb9;border-radius:50%;font-weight:600;background:#fffaf0}.ss-wizard-progress .active{font-weight:700;color:#29332d}.ss-wizard-progress .active b{background:#3f775e;color:#fffaf0;border-color:#3f775e}.ss-wizard-progress .done b{color:#3f775e}.ss-guided-card{min-width:0}.ss-guided-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #dedfce;padding-top:20px;margin-top:28px}.ss-guided-actions>p{margin:0;font-size:12px}.ss-guided-actions>button{border-color:transparent;box-shadow:none;font-size:13px;padding-left:0}.ss-cost-reminder{font-size:12px;color:#657260;padding-bottom:16px;border-bottom:1px solid #dedfce}.ss-error{color:#a53228!important;white-space:pre-wrap}.ss-error:empty{display:none}.ss-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ss-duty,.ss-parent-cue{padding:16px 18px;border-left:3px solid #b58a43;background:#f5f2e6;margin:22px 0;font-size:14px}.ss-duty p,.ss-parent-cue p{margin:6px 0 12px}.ss-summary{display:grid;gap:9px;padding:20px 0;border-top:1px solid #dedfce;border-bottom:1px solid #dedfce;font-size:14px}.ss-summary strong{font-size:17px}.ss-summary a{font-size:13px;margin-top:8px}.ss-card{padding:22px 0;margin:16px 0;border-top:1px solid #dedfce}.ss-card h2{font-size:22px}.ss-demo-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.ss-demo-invite p{font-size:13px;margin:6px 0}.ss-details{padding:18px 0;margin:20px 0;border-top:1px solid #dedfce;font-size:13px}.ss-intro-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start}.ss-intro-list{list-style:none;padding:0;margin:0}.ss-intro-list li{display:flex;gap:14px;align-items:flex-start;margin:0 0 24px}.ss-intro-list li>span{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.ss-intro-list img{width:100%;height:100%;object-fit:contain}.ss-intro-list h2{font-size:19px;margin:0 0 6px}.ss-intro-list p{font-size:14px;margin:0}.ss-map{height:270px;background:#e8efe1;z-index:0}.ss-inline-map{margin:0 0 24px!important;box-shadow:4px 5px 0 #d08c55}.ss-inline-map .maphead,.ss-intro-map .maphead{padding:12px 16px}.ss-intro-map{margin:0!important;box-shadow:4px 5px 0 #d08c55}.ss-intro-map .ss-map{height:230px}.ss-intro-letter{display:flex;gap:10px;align-items:center;padding:12px;border-top:1px solid #dedfce}.ss-intro-letter>span{display:block;width:32px;height:32px;flex-shrink:0}.ss-intro-letter img{height:100%;width:100%;object-fit:contain}.ss-intro-letter p{font-size:12px;margin:0}.ss-map-caption{font-size:12px;margin:0;padding:10px 14px;border-top:1px solid #dedfce}.ss-page .marker .map-icon-art,.ss-preview .marker .map-icon-art{width:100%;height:100%;object-fit:contain}.ss-page .leaflet-tooltip,.ss-preview .leaflet-tooltip{font:12px system-ui,sans-serif}.ss-day-road{display:flex;align-items:center;gap:14px;margin:28px 0}.ss-day-road>div{display:grid;justify-items:center;text-align:center;gap:8px;flex:1}.ss-day-road img{width:64px;height:64px;object-fit:contain}.ss-day-road strong{font-size:14px}.ss-day-road small{font-size:12px}.ss-day-road>span{color:#b58a43;font-size:24px}.ss-guided .personal-preview{margin:22px 0 26px}.ss-letter-example{display:flex;align-items:flex-start;gap:14px;margin:26px 0}.ss-letter-avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1.5px solid #29332d;border-radius:50%;background:#f6efd9;padding:4px}.ss-letter-avatar img{height:100%;width:100%;object-fit:contain}.ss-letter-example .bubble{margin:0;flex:1}.ss-letter-example .bubble p{margin:8px 0 0}.ss-origin-note{display:flex;align-items:center;gap:10px;padding:12px 0;border-block:1px solid #dedfce;font-size:13px}.ss-origin-note img{width:36px;height:36px;object-fit:contain}.ss-search-row{display:flex;align-items:stretch;gap:10px}.ss-search-row input{min-width:0;flex:1}.ss-place-results{display:grid;gap:8px;margin-bottom:20px}.ss-place-results button{text-align:left;font-size:14px;white-space:normal}.ss-place-choice{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0 22px}.ss-place-choice span{font-size:13px;color:#3f775e}#ss-place-selected{margin-top:20px}#ss-place-map{height:285px;border:1.5px solid #829583;border-radius:4px;z-index:0}#ss-place-label{font-size:17px;margin:12px 0}.ss-arrival-choice>label,.ss-retention-option{display:flex;align-items:flex-start;gap:12px;padding:14px;margin:12px 0;border:1.5px solid #cdd6c5;border-radius:6px;font-size:14px;cursor:pointer}.ss-arrival-choice>label:has(:checked),.ss-retention-option:has(:checked){border-color:#3f775e;background:#eef2e5;box-shadow:2px 2px 0 #3f775e}.ss-arrival-choice input,.ss-retention-option input,.ss-suggestion input{width:18px;min-height:18px;flex-shrink:0;margin:3px 0;accent-color:#3f775e}.ss-arrival-choice small,.ss-retention-option small,.ss-suggestion small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.ss-suggested-messages{margin:24px 0}.ss-suggestion{display:flex;gap:12px;align-items:flex-start;padding:12px 0;margin:0;border-bottom:1px solid #dedfce}.ss-custom-message{margin:22px 0}.ss-message-review{border-top:1px solid #dedfce;padding:20px 0}.ss-message-title{display:flex;justify-content:space-between;gap:12px;align-items:start;font-size:14px}.ss-message-title label{margin:0;font-size:12px}.ss-message-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.ss-arrival-note{font-size:12px;border-left:3px solid #b58a43;padding-left:12px}.ss-message-review details{font-size:13px}.ss-message-review textarea{margin-top:8px}.ss-omitted .ss-message-copy{opacity:.5}.ss-suggested-list{border-top:1px solid #dedfce;padding-top:12px;font-size:14px}.ss-approval{padding:22px 0 10px}.ss-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px}.ss-price strong{font:700 40px Georgia,serif}.ss-price span{font-size:13px}.ss-purchase{border:1.5px dashed #b58a43;padding:24px;background:#f5f2e6}.ss-terms{flex-wrap:wrap;font-size:13px!important}.ss-preview{width:min(940px,calc(100% - 24px));max-width:940px;padding:28px;background:#fffaf0;border:1.5px solid #29332d;border-radius:5px;box-shadow:7px 8px 0 #d08c55}.ss-preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ss-preview-heading h2{font-size:26px}.ss-preview-heading button{min-width:40px}.ss-preview-safe{font-size:13px;margin:12px 0 20px}.ss-preview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.ss-preview-grid #ss-preview-map{height:340px;border:1.5px solid #829583;z-index:0}.ss-preview-messages{min-width:0;padding:16px;background:#f6efd9;border:1px solid #d8d9c9}.ss-preview-messages>.ss-letter-avatar{float:left;margin-right:12px}.ss-preview-messages h3{font-size:18px;margin:12px 0 20px}.ss-preview-text{clear:both}.ss-message-bubble{background:#fffdf7;border:1px solid #d8d9c9;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.ss-preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}.ss-preview-bottom p{font-size:13px;flex:1;margin:0}.ss-preview-bottom button{flex-shrink:0}.ss-magic-copy{clear:both;border-left:3px solid #b58a43;padding:12px;background:#fffaf0;font-size:15px}.ss-share{margin-top:20px;padding:16px;background:#f5f2e6}.ss-share strong{font-size:24px;letter-spacing:4px}.ss-steps{display:flex;gap:18px;padding:0;list-style:none;font-size:12px}.ss-steps li{display:flex;gap:6px;align-items:center}.ss-steps li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #c6ceb9}.ss-steps [aria-current]{font-weight:700;color:#3f775e}.ss-steps [aria-current]>span{background:#3f775e;color:#fffaf0}#local-fresh-user{font-size:11px;padding:5px 9px;margin-left:10px;box-shadow:none}
@media(max-width:700px){.ss-page{margin:20px auto 40px}.ss-welcome{align-items:flex-start;gap:16px}.ss-welcome-art{width:64px;height:85px}.ss-welcome h2{font-size:23px}.ss-welcome p{font-size:14px}.ss-wizard-progress{gap:4px;margin-bottom:24px}.ss-wizard-progress>span{flex-direction:column;font-size:9px;gap:5px;flex:1}.ss-wizard-progress b{width:24px;height:24px}.ss-intro-layout{grid-template-columns:1fr;gap:20px}.ss-intro-list li{margin-bottom:20px}.ss-intro-map{max-width:none}.ss-intro-map .ss-map{height:210px}.ss-map{height:240px}.ss-inline-map .maphead{gap:8px}.ss-two{grid-template-columns:1fr;gap:0}.ss-guided-actions{align-items:start;gap:12px}.ss-guided-actions>p{max-width:190px;text-align:right;font-size:11px}.ss-actions{align-items:stretch;flex-direction:column}.ss-actions>button{width:100%}.ss-guided-card>button.primary,.ss-guided-card form>button.primary,.ss-approval>button,.ss-purchase>button.primary{width:100%}.ss-demo-invite{align-items:stretch;flex-direction:column}.ss-day-road{gap:5px}.ss-day-road img{width:48px;height:48px}.ss-day-road strong{font-size:12px}.ss-day-road small{font-size:11px}.ss-day-road>span{font-size:18px}.ss-preview{padding:18px}.ss-preview-grid{grid-template-columns:1fr;gap:16px}.ss-preview-grid #ss-preview-map{height:230px}.ss-preview-heading h2{font-size:23px}.ss-preview-bottom{align-items:stretch;flex-direction:column}.ss-preview-messages{padding:14px}.ss-message-title{font-size:13px}.ss-letter-avatar{width:40px;height:40px}.ss-purchase{padding:18px}.ss-steps{gap:9px;font-size:10px}.ss-search-row button{padding-inline:10px}}
@media(max-width:600px){.ss-page.story-wizard{margin:0 auto}.ss-page.story-wizard .icon-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ss-page.story-wizard .map-icon-option{min-height:94px;padding:9px 4px;gap:5px}.ss-page.story-wizard .map-icon-option .icon-art{width:46px;height:46px}.ss-page.story-wizard .map-icon-option .icon-label{font-size:10px}.ss-page.story-wizard .map-icon-option .icon-selection{width:18px;height:18px;font-size:11px;top:3px;right:3px}}

/* Guided rehearsal retains the actual production child screen and chat. */
.ss-playback-guide{max-width:1000px;margin:16px auto 24px;padding:20px 24px}.ss-playback-guide h2{font-size:24px;margin:8px 0}.ss-playback-guide p{font-size:14px;margin:10px 0 16px}.ss-playback-guide .button,.ss-playback-guide button{display:inline-block;font-size:14px;margin-right:12px;margin-top:8px}.notice:has(#local-fresh-user){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 12px;font-size:11px}.notice #local-fresh-user{margin:0;font-size:10px;padding:4px 7px}.ss-guided-actions>*{min-width:0}.ss-guided-actions>p{flex:1;text-align:right;max-width:220px}
@media(max-width:700px){.ss-playback-guide{margin:14px 0;padding:16px}.ss-playback-guide h2{font-size:22px}.ss-playback-guide button,.ss-playback-guide .button{width:100%;text-align:center;margin:8px 0 0}.ss-inline-map #ss-symbol-map{height:200px}.ss-guided-actions{font-size:12px}.ss-guided-actions>p{max-width:170px}.ss-page.story-wizard .ss-guided-heading .ss-intro{margin-bottom:20px}}

.ss-add-message{padding:20px 0}.ss-add-message>p{margin:12px 0 0}.ss-remove-message{font-size:12px!important;color:#a53228!important;border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important}.ss-route-review{border-top:1px solid #dedfce;margin-top:26px;font-size:14px}.ss-route-review .ss-summary{margin:0 0 20px;border-top:0}.ss-route-review .ss-summary button{justify-self:start;font-size:13px;box-shadow:none;margin-top:8px}.ss-messages>h2{font-size:22px}.ss-message-review>.ss-message-title{align-items:center}.ss-message-review .date-time-picker{margin-top:8px}.ss-message-review details>label{margin:14px 0}.ss-details>button{font-size:13px}

.ss-foundation-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.ss-foundation-links button{font-size:12px!important;margin:0!important;padding:8px 10px!important}.ss-message-review [aria-invalid="true"]{outline:2px solid #ce3e32;outline-offset:2px}

.ss-story-context{font-size:13px;font-weight:650;color:#3f775e;margin:10px 0 12px}.ss-page .personal-preview[role="status"]{font-size:13px;margin:16px 0}

/* Guidance inside the original story wizard; the application shell stays intact. */
.native-guide-map{height:280px;width:100%;border-radius:16px;margin:16px 0;isolation:isolate}.native-guide-map .leaflet-container{font:inherit}#native-guide p{line-height:1.65}#native-step-hint{line-height:1.55}#native-confirm-place{margin:12px 0}#native-symbol-map{height:220px}@media(max-width:600px){.native-guide-map{height:230px}}

#native-step-hint,#native-guide p,#native-arrival-help{font-size:20px;line-height:1.55;color:#000}

.native-vanish-point{border:2px solid #285340;border-radius:50%;background:#fffaf0;color:#285340;text-align:center;line-height:26px;font-size:22px}#native-magic-explanation p{color:#000;font-size:20px;line-height:1.55}#native-magic-explanation .row{gap:10px;flex-wrap:wrap}

.story-wizard:has(#native-magic-explanation) #picker{height:360px}

/* The marker's grid styling must never override magical disappearance. */
#map .marker[hidden]{display:none!important}

.magic-glimpse{box-shadow:0 0 18px 7px #e6bd5966;pointer-events:none}

.timeline-message>.milestone-actions{margin:16px 0 22px}

.setup [data-step="5"]>.choices{margin-bottom:8px}
#native-arrival-help{margin-top:8px}

.setup .wizard-actions #native-confirm-place{margin:0;min-width:0}
@media(max-width:600px){.setup .wizard-actions #native-confirm-place{flex-basis:100%;width:100%;order:1}.setup .wizard-actions #previous-step{order:2}.setup .wizard-actions #save-exit{order:3}}

.checkout-memory>p{font-size:20px;line-height:1.55;color:#000}
.checkout-memory .memory-options{display:grid;gap:14px;margin:24px 0}
.checkout-memory .memory-options .choice{font-size:18px;line-height:1.5;padding:16px;align-items:flex-start}

/* Local rehearsal: compact controls; the map remains the main experience. */
.ss-rehearsal-toolbar{padding:8px 16px;gap:14px;flex-wrap:wrap}
.ss-rehearsal-transport{display:flex;align-items:center;justify-content:center;gap:10px;flex:1}
.ss-rehearsal-transport button{font-size:14px;min-height:38px;padding:7px 12px;margin:0}
.ss-rehearsal-transport .rehearsal-speed-label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}
.ss-rehearsal-transport select{width:auto;min-height:38px;padding:6px 10px;margin:0}
.ss-rehearsal-toolbar>a{font-size:14px;white-space:nowrap}
.ss-ready-control{position:absolute;z-index:710;bottom:22px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;max-width:calc(100% - 28px)}
.ss-ready-control button{margin:0;min-height:54px;padding:12px 24px;font-size:18px;white-space:nowrap}
.ss-ready-control span:not(:empty){font-size:13px;line-height:1.4;padding:6px 10px;background:#fffaf0;color:#000;border-radius:5px;text-align:center}
.ss-rehearsal-intro-copy p{font-size:18px;line-height:1.55;color:#000}
body.guided-stories.child-mode #inbox-button{background:#fffaf0;color:#29332d;border:1px solid #ccd6c5;border-radius:18px;box-shadow:0 6px 22px #203d3226;min-height:64px;padding:10px 18px 10px 10px;gap:12px;font-size:18px;font-weight:650;transition:background-color .18s,box-shadow .18s}
body.guided-stories.child-mode #inbox-button:hover{box-shadow:0 8px 26px #203d3238}
body.guided-stories.child-mode #inbox-button:focus-visible{outline:3px solid #3f775e;outline-offset:4px}
body.guided-stories.child-mode #inbox-button .envelope{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:0;background:transparent;color:#3f775e;box-shadow:none;font-size:25px}
body.guided-stories.child-mode #inbox-button.has-unread .envelope{background:transparent;color:#fffaf0}
body.guided-stories.child-mode #inbox-button.has-unread{background:#ce3e32;color:#fffaf0;border-color:#b3352b}
body.guided-stories.child-mode #inbox-button .badge{background:#fffaf0;color:#a62e25;font-weight:750;border:0;box-shadow:none;min-width:26px;height:26px;font-size:14px}
@media(max-width:900px){body.guided-stories.child-mode #inbox-button{min-height:54px;padding:8px 10px;gap:8px;border-radius:14px;font-size:13px}body.guided-stories.child-mode #inbox-button .envelope{width:32px;height:32px;flex-basis:32px;font-size:21px}}
@media(max-width:900px){.ss-ready-control{bottom:86px}}
@media(max-width:600px){.ss-rehearsal-toolbar{padding:8px 12px;gap:6px 10px}.ss-rehearsal-toolbar>strong{font-size:14px}.ss-rehearsal-toolbar>a{font-size:12px;margin-left:auto}.ss-rehearsal-transport{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.ss-rehearsal-transport button{font-size:12px;padding:7px 9px}.ss-ready-control button{font-size:16px;min-height:48px}.ss-ready-control span:not(:empty){max-width:270px}}

@media(max-width:900px){.ss-guided-playback .ss-ready-control{bottom:130px}.ss-guided-playback .rehearsal-child-screen .mapcontrols{right:164px}}

.first-message-tip{position:absolute;z-index:731;right:20px;bottom:96px;margin:0;max-width:280px;padding:10px 14px;border-radius:12px;background:#fffaf0;color:#29332d;box-shadow:0 4px 16px #203d3226;font-size:15px;line-height:1.4}.milestone-parent-tip{font-size:16px;line-height:1.5;color:#29332d;background:#edf2e7;padding:12px 14px;border-radius:8px}@media(max-width:900px){.first-message-tip{right:12px;bottom:76px;max-width:190px;font-size:13px}}

.ss-guided-playback .rehearsal-parent-panel>.ss-ready-control{position:static;transform:none;max-width:none;padding:16px 20px 0}
.ss-guided-playback .rehearsal-ready-primary{display:none}
