/* Tuesday's keepsake sky. Legacy styles remain in style.css for ?legacy. */
body:not(.personal-worlds) .keepsake-home, body:not(.personal-worlds) .keepsake-dialog { display:none }
html:has(body.personal-worlds) { height:auto; min-height:100%; overflow:auto; background:#07111e }
body.personal-worlds { position:relative; height:auto; min-height:100svh; overflow:visible; font:14px/1.6 Arial,sans-serif; color:#efece2; background:#07111e; --gold:#e5cea1; --muted:#b6c4d0 }
.personal-worlds #room { position:fixed; inset:0; z-index:0; width:100%; height:100%; overflow:hidden; background:#07111e }
.personal-worlds #room > :not(#environment):not(.environment-shade) { display:none!important }
#environment { position:absolute; inset:0; width:100%; height:100%; pointer-events:none }
.environment-shade { position:absolute; inset:0; background:linear-gradient(90deg,#05101ed9, #06101d55 43%,#06101d18 76%),linear-gradient(0deg,#06101ded,transparent 42%,#05101e55); pointer-events:none }
.keepsake-home { position:relative; z-index:2; display:flex; flex-direction:column; min-height:100svh; max-width:1920px; margin:auto; padding:0 clamp(24px,4vw,76px) }
.personal-worlds button,.file-label { cursor:pointer; font-family:Arial,sans-serif; -webkit-tap-highlight-color:transparent }
.personal-worlds button:focus-visible,.personal-worlds a:focus-visible,.personal-worlds textarea:focus-visible,.file-label:focus-within { outline:2px solid #f1d5a2; outline-offset:5px }
.personal-worlds button:disabled { cursor:wait; opacity:.6 }
.personal-worlds [hidden] { display:none!important }
.world-header { display:flex; align-items:center; gap:30px; min-height:104px; position:relative; z-index:3 }
.wordmark { color:#f1e8d4; font:italic 44px/1 var(--serif); text-decoration:none; letter-spacing:-2px }
.wordmark span { color:#e8c985 }
.header-caption { font:10px var(--mono); color:#b3bfcb; letter-spacing:.025em; border-left:1px solid #bacada35; padding-left:26px }
.world-navigation { margin-left:auto; display:flex; align-items:center; gap:27px }
.world-navigation button { color:#dddfe2; font-size:12px; background:none; border:0; min-height:44px }
#journal-count { font:9px var(--mono); color:var(--gold); margin-left:5px }
.world-navigation .nav-customize { border:1px solid #cbd7e13d; border-radius:5px; padding:0 15px; display:flex; gap:24px; align-items:center; background:#12202c80 }
.account-button { display:flex; align-items:center; gap:10px; max-width:160px }
.account-button svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1 }
.account-button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.home-stage { display:grid; grid-template-columns:minmax(310px,.8fr) minmax(400px,1.2fr); gap:8%; flex:1; align-items:center; min-height:550px; padding:24px 1.5% 30px }
.world-welcome { max-width:390px }
.welcome-eyebrow { display:flex; align-items:center; gap:9px; font:9px/1.5 var(--mono); letter-spacing:.17em; color:#c9c9b8 }
.welcome-eyebrow > span { width:5px; height:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 15px var(--gold) }
.world-welcome h2 { font:italic 300 clamp(58px,6.3vw,100px)/.91 var(--serif); letter-spacing:-.045em; margin:25px 0 25px }
.world-welcome h2 em { font-weight:300; color:var(--gold) }
.welcome-deck { color:#c2ccd4; font:14px/1.8 Arial,sans-serif }
#moment-form { margin-top:29px; border-top:1px solid #becbd52b; padding-top:18px }
.prompt-line { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-bottom:8px }
.prompt-line label { font-size:12px; color:#e0e2df; line-height:1.6 }
#change-prompt { background:none; border:1px solid #b6c4d038; color:#d4d9dc; border-radius:50%; flex:0 0 30px; height:30px; font-size:20px }
#moment-text { background:#07111c9c; border:1px solid #b9c5d44a; border-radius:5px; resize:vertical; min-height:79px; max-height:170px; width:100%; color:#f4efe3; font:14px/1.65 Arial,sans-serif; padding:12px 14px; display:block; caret-color:var(--gold) }
#moment-text::placeholder { color:#99a8b7 }
.moment-form-foot { display:flex; align-items:center; justify-content:space-between; margin-top:12px; gap:16px }
#moment-length { font:9px var(--mono); color:#afbecb }
.cream-button { display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid #ead9b6; border-radius:4px; background:#eadfc9; color:#172333; padding:11px 17px; min-height:44px; font-size:12px; transition:background .2s,transform .2s }
.cream-button:hover { background:#fff1d6; transform:translateY(-1px) }
.cream-button span { font-size:20px; line-height:1 }
#moment-privacy { color:#a6b6c4; font-size:10px; line-height:1.8; margin:12px 0 0 }
#moment-privacy button { font:inherit; background:none; border:0; color:#ddd4be; text-decoration:underline; text-underline-offset:3px; padding:0 2px }
#moment-error { color:#ffd2b8; background:#301f27e8; padding:12px; margin-top:14px; border-radius:4px; font-size:12px }
.welcome-actions { display:flex; gap:18px; align-items:center; margin-top:17px }
.quiet-button { background:none; border:0; color:#d4dddF; padding:7px 0; min-height:36px; font-size:12px; text-align:left }
.quiet-button:hover,.nav-text:hover { color:#fff2d8 }
.welcome-actions > span { font:9px var(--mono); color:#a4b4c0 }
.personal-sky { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0 }
.sky-heading { display:flex; justify-content:space-between; gap:18px; font:9px var(--mono); color:#c5cfd3; letter-spacing:.15em }
#sky-total { color:var(--gold); letter-spacing:.03em }
.star-map { height:310px; position:relative; margin-top:12px; isolation:isolate }
#star-lines,#star-buttons { position:absolute; inset:0; width:100%; height:100%; overflow:visible }
#star-lines line { stroke:#ead4ad6b; stroke-width:.85; vector-effect:non-scaling-stroke; stroke-dasharray:2 5 }
.sky-star { position:absolute; width:48px; height:48px; margin:-24px 0 0 -24px; background:none; border:1px solid transparent; border-radius:50%; color:#f2ddb3; display:grid; place-items:center; font-size:27px; text-shadow:0 0 12px #fff2d7; transition:background .3s,box-shadow .3s,border-color .3s }
.sky-star::before { content:""; position:absolute; inset:10px; border:1px solid #e9d6b020; border-radius:50% }
.sky-star:hover,.sky-star[aria-pressed="true"] { border-color:#f2d59f8c; background:#e9d5aa0c; box-shadow:0 0 30px #d6c6a21f }
.sky-star.new-star { animation:star-arrival 1.4s ease-out }
@keyframes star-arrival { from { opacity:0; transform:scale(.15); filter:blur(4px) } 50% { opacity:1; transform:scale(1.35) } to { transform:scale(1) } }
#sky-empty { position:absolute; inset:10% 0 0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center }
.empty-orbit { width:110px; height:110px; display:grid; place-items:center; border:1px solid #edddba33; border-radius:50%; color:#edd7af; font-size:40px; margin-bottom:32px; box-shadow:0 0 80px #cad7d909; position:relative }
.empty-orbit:before { content:""; position:absolute; inset:-26px; border:1px dashed #edddba18; border-radius:50% }
#sky-empty p { font:italic 27px/1.3 var(--serif); color:#e8e5db }
#sky-empty > span:last-child { margin-top:10px; color:#bac7cf; font-size:11px }
.selected-moment { border-top:1px solid #d4dfe034; padding:20px 24px; background:linear-gradient(110deg,#081827d9,#0818278c); border-radius:0 0 6px 6px; margin-top:20px }
.moment-meta { display:flex; align-items:center; justify-content:space-between; gap:15px; font:9px var(--mono); color:#c9c7b9; letter-spacing:.07em }
.moment-meta button { border:0; background:none; color:#b7c6d2; font-size:10px; min-height:30px }
#selected-text { font:italic 29px/1.25 var(--serif); color:#f4eee1; margin:15px 0 10px; overflow-wrap:anywhere; white-space:pre-wrap }
#moment-postcard { font-size:11px; color:var(--gold) }
.sky-caption { margin-top:18px; text-align:center; font:10px/1.7 var(--mono); color:#b7c4ce }
.horizon-bar { display:flex; align-items:center; gap:25px; padding:13px 0; border-top:1px solid #d0d5d525; position:relative }
.world-identity { display:flex; align-items:center; gap:12px; margin-right:auto; min-width:0 }
.identity-orbit { color:#ddcda9; font-size:30px }
#world-title { font:italic 22px/1.15 var(--serif); max-width:380px; overflow-wrap:anywhere }
#world-scene-label { color:#b6c2cb; font:8px var(--mono); letter-spacing:.12em; margin-top:6px }
#world-note { max-width:28%; color:#d0d3cc; font:italic 16px/1.4 var(--serif); overflow-wrap:anywhere; white-space:pre-wrap }
.horizon-bar .quiet-button { font-size:10px; flex-shrink:0 }
.world-selection { margin-top:15px }
.selection-head { display:flex; align-items:center; gap:20px; margin-bottom:12px; color:#b7c4ce; font:8px var(--mono); letter-spacing:.13em }
.selection-hint { color:#afbbc7; font:11px Arial,sans-serif; letter-spacing:0 }
.preset-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px }
.world-preset { background:#1021308c; color:#bac6cc; border:1px solid #c3d6df26; border-radius:5px; padding:4px; display:flex; align-items:center; gap:10px; text-align:left; min-width:0; transition:border-color .2s,background .2s }
.world-preset:hover { border-color:#e2d2b491 }
.world-preset.selected { border-color:#e5c997a3; color:#f3e5cc; background:#293039a6 }
.preset-preview { flex:0 0 44px; height:42px; border-radius:2px; background-size:cover; background-position:center }
.preview-observatory { background-image:url('assets/world-observatory-thumb.webp') }.preview-aurora { background-image:url('assets/world-aurora-thumb.webp') }.preview-coast { background-image:url('assets/world-coast-thumb.webp') }.preview-dunes { background-image:url('assets/world-dunes-thumb.webp') }.preview-forest { background-image:url('assets/world-forest-thumb.webp') }.preview-cosmos { background-image:url('assets/world-cosmos-thumb.webp') }
.preset-name { display:flex; flex-direction:column; gap:3px; font:10px/1.4 Arial,sans-serif }
.preset-name small { font:8px var(--mono); color:#acb6b9 }
.world-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0 19px }
.founder-link { color:#d4c7ae; background:none; border:0; font-size:10px; text-align:left; min-height:36px }
.founder-link span { color:#adbac4; margin-left:5px }
.world-tools { display:flex; align-items:center; gap:22px }
.world-tools button { border:0; background:none; color:#bdc8ce; font-size:10px; min-height:36px }
#fullscreen-btn { font-size:22px }
.world-toast { position:fixed; bottom:26px; left:50%; transform:translateX(-50%); z-index:100; max-width:min(560px,calc(100vw - 32px)); width:max-content; background:#112335; color:#f3e8d2; border:1px solid #ddca9e5e; box-shadow:0 10px 50px #0008; border-radius:6px; padding:13px 20px; font:12px/1.6 Arial,sans-serif; pointer-events:none }
.world-toast:empty { display:none }
.personal-worlds.immersed .keepsake-home { opacity:0; visibility:hidden; pointer-events:none }
.personal-worlds.immersed .environment-shade { opacity:.2 }
.leave-immersion { position:fixed; bottom:30px; left:50%; transform:translateX(-50%); z-index:20; background:#112334d9; color:#eadfc9; border:1px solid #e4d8ba66; border-radius:30px; padding:13px 22px; font-size:12px }
.keepsake-dialog { color:#ede9dd; background:#101d2b; border:1px solid #cfdbde40; border-radius:12px; padding:36px; width:min(580px,calc(100vw - 28px)); max-height:calc(100dvh - 36px); overflow:auto; margin:auto; box-shadow:0 28px 100px #0009; scrollbar-width:thin }
.keepsake-dialog::backdrop { background:#030a13b5; backdrop-filter:blur(9px) }
.dialog-close { position:absolute; top:14px; right:14px; color:#c4d0d8; background:#ffffff08; border:0; width:36px; height:36px; border-radius:50%; font-size:24px }
.keepsake-dialog h2 { font:italic 36px/1.1 var(--serif); margin:16px 0 12px; color:#f1e7d4; letter-spacing:-.025em }
.dialog-deck { color:#b6c4ce; font-size:12px; line-height:1.85; margin-bottom:22px }
.journal-tools { display:flex; flex-wrap:wrap; align-items:center; gap:20px; padding-bottom:16px }
.archive-scope,.archive-legacy { font:12px/1.7 Arial,sans-serif;color:#c3ced7 }
.archive-scope { margin:0 0 16px;max-width:62ch }
.archive-legacy { border-bottom:1px solid #cbd6de2b;padding-bottom:20px }
.archive-legacy summary { cursor:pointer;width:fit-content;color:#e9dfc6 }
.archive-legacy p { max-width:60ch }
.file-label { position:relative; overflow:hidden; color:#d5c7aa; font-size:12px; text-decoration:underline; text-underline-offset:4px; min-height:40px; display:flex; align-items:center }
.file-label input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100% }
#journal-status,#card-status { color:#e8d0a0; font-size:12px; line-height:1.8; margin:15px 0 }
.journal-entry { padding:20px 0; border-bottom:1px solid #b6c6d129 }
.journal-date { color:#b1c1cb; font:9px var(--mono); letter-spacing:.07em }
.journal-entry p { font:italic 24px/1.35 var(--serif); color:#ede6d6; margin:10px 0; overflow-wrap:anywhere; white-space:pre-wrap }
.journal-entry-actions { display:flex; gap:24px }
.journal-entry-actions button { border:0; background:none; font-size:11px; color:#c9d0d2; min-height:34px }
.journal-entry-actions button:last-child { margin-left:auto; color:#c3b4ac }
.card-dialog { width:min(500px,calc(100vw - 28px)) }
#postcard-preview { width:100%; height:auto; display:block; border-radius:3px; box-shadow:0 8px 30px #0005 }
.card-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:20px }
.about-section { border-top:1px solid #afc1d028; padding:20px 0 0; margin-top:20px }
.about-section h3 { font:italic 23px/1.2 var(--serif); color:#e5d3af; margin-bottom:12px }
.about-section p { color:#b9c7d1; font-size:12px; line-height:1.9 }
.no-script-note { position:fixed; z-index:100; top:20%; left:10%; right:10%; padding:30px; background:#14283a; color:white }
/* Opaque surfaces keep settings legible over every landscape. */
.personal-worlds .studio-dialog { background:#101d2bf5; color:#e8e5dc; box-shadow:0 20px 80px #0008 }
.personal-worlds .studio-dialog::backdrop { background:#030a1370 }
.personal-worlds .studio-shared-note { bottom:auto; top:100px; z-index:20; background:#112334f5 }
@media(min-width:1600px) { .home-stage { gap:12%; padding-top:65px; padding-bottom:70px }.world-welcome { max-width:440px }.star-map { height:380px } }
@media(max-width:1100px) { .header-caption { display:none }.home-stage { gap:6%; padding-left:0; padding-right:0; grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr) }.world-welcome h2 { font-size:70px }.preset-preview { flex-basis:32px }.preset-name { font-size:9px }.world-tools { gap:16px }.founder-link span { display:block; margin:0 }.horizon-bar { gap:18px } }
@media(max-width:760px) {
 .keepsake-home { padding:0 23px }.world-header { min-height:85px; gap:12px }.wordmark { font-size:35px }.world-navigation { gap:14px }.world-navigation button { font-size:11px }.world-navigation .nav-customize { padding:0 10px; gap:8px; font-size:0 }.nav-customize::before { content:'View'; font-size:11px }.nav-customize span { font-size:14px }.account-button { gap:0; font-size:0!important; max-width:28px }.account-button span { display:none }.account-button svg { width:24px;height:24px }
 .home-stage { display:flex; flex-direction:column; align-items:stretch; gap:25px; padding:23px 0 30px; min-height:0 }.world-welcome { max-width:none }.welcome-eyebrow { font-size:8px }.world-welcome h2 { font-size:64px; margin:20px 0 15px; line-height:.93 }.world-welcome h2 br { display:none }.world-welcome h2 em { display:block }.welcome-deck { font-size:13px }.welcome-deck br { display:none }#moment-form { margin-top:21px; padding-top:14px }.prompt-line label { font-size:12px }#moment-text { min-height:78px }.moment-form-foot { margin-top:10px }#moment-privacy br { display:none }#moment-privacy { font-size:10px }.welcome-actions { margin-top:11px; justify-content:space-between }.welcome-actions>span { font-size:8px }
 .personal-sky { min-height:280px; padding-top:23px; border-top:1px solid #cbd8df36 }.sky-heading { font-size:8px }.star-map { height:260px; margin:14px 7px 0 }#sky-empty { inset:8px 0 0 }.empty-orbit { width:64px; height:64px; font-size:30px; margin-bottom:26px }.empty-orbit:before { inset:-14px }#sky-empty p { font-size:23px }#sky-empty >span:last-child { font-size:10px }.sky-caption { font-size:9px; margin-top:20px }.selected-moment { padding:16px 18px; margin-top:12px }#selected-text { font-size:25px }.horizon-bar { flex-wrap:wrap; column-gap:24px; row-gap:2px; padding:15px 0 12px }.world-identity { flex-basis:100%; margin-bottom:7px }#world-title { font-size:22px }#world-note { max-width:none; width:100%; font-size:16px; margin:4px 0 10px }.horizon-bar .quiet-button { font-size:10px }.selection-head { font-size:7px; gap:14px }.selection-hint { font-size:10px }.preset-grid { display:flex; gap:8px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#7f8e9b55 transparent }.world-preset { flex:0 0 128px; scroll-snap-align:start }.preset-preview { flex-basis:38px }.preset-name { font-size:9px }
 .world-footer { flex-direction:column-reverse; align-items:stretch; gap:12px; padding:18px 0 max(24px,env(safe-area-inset-bottom)) }.world-tools { justify-content:space-between; gap:10px }.world-tools button { font-size:10px }#fullscreen-btn { display:none }.founder-link { text-align:center; font-size:10px }.founder-link span { display:inline }.world-toast { bottom:16px; font-size:11px; padding:12px 16px }.environment-shade { background:linear-gradient(90deg,#05101ea6,#06101d55),linear-gradient(0deg,#06101dbd,transparent 70%,#05101e40) }.keepsake-dialog { padding:30px 22px; max-height:calc(100dvh - 24px) }.keepsake-dialog h2 { font-size:32px }.card-actions { gap:12px }.card-actions .cream-button { font-size:11px; padding:10px 12px }.journal-tools { gap:16px }.journal-tools .cream-button { font-size:11px; padding:10px 12px }.file-label { font-size:11px }.personal-worlds .studio-shared-note { top:80px; left:14px; right:14px; transform:none; width:auto; font-size:10px }
}
@media(max-width:360px) { .keepsake-home { padding:0 17px }.world-navigation { gap:10px }.wordmark { font-size:32px }.world-welcome h2 { font-size:58px }.welcome-actions { gap:12px }.welcome-actions>span { font-size:7px }.sky-heading { letter-spacing:.08em } }
@media(prefers-reduced-motion:reduce) { .personal-worlds *, .personal-worlds *::before,.personal-worlds *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important } }

#update-notice { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; background:#243d50; color:#f7ead0; padding:12px 18px; margin-bottom:12px; border-radius:5px; font:12px/1.6 Arial,sans-serif }
#update-notice .update-actions { display:flex; gap:8px; flex-shrink:0 }
#update-notice button { color:#172333; border:0; border-radius:4px; background:#eadfc9; padding:8px 14px; min-height:44px }
#update-notice #dismiss-update { background:transparent; color:#f7ead0; border:1px solid #cbd7e16b }
.welcome-eyebrow b { font-weight:400 }
.draft-note { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; color:#c6d0d4; font:10px/1.6 Arial,sans-serif }
.draft-note button { flex-shrink:0; min-height:44px; padding:2px 0; border:0; background:none; color:#e6d0aa; font-size:10px; text-decoration:underline; text-underline-offset:3px }
.draft-note:has(#draft-status:empty) { margin:0 }
#moment-edit { font-size:11px; color:#d4dce0 }
#edit-help { font-size:12px; line-height:1.7; color:#bdccd4; margin-bottom:22px }
#edit-form label { display:block; font-size:12px; color:#dfded4; margin:0 0 9px }
#edit-text { display:block; width:100%; min-height:115px; resize:vertical; border:1px solid #b7c8ce55; border-radius:4px; padding:14px; background:#091522; color:#eee4d0; font:16px/1.7 Arial,sans-serif }
#edit-count { display:block; text-align:right; margin-top:7px; font:10px var(--mono); color:#bdc6cd }
#edit-error { color:#ffcdb9; font-size:12px; line-height:1.7; margin:16px 0 }
#edit-conflict { border:1px solid #bd98724d; padding:16px; margin-top:16px; font-size:12px; color:#d0d2c7 }
#edit-latest { margin:10px 0; font:italic 23px/1.4 var(--serif); color:#eadfc9; overflow-wrap:anywhere; white-space:pre-wrap }
#edit-overwrite { color:#f3d49d; min-height:44px; line-height:1.5 }
.edit-actions { display:flex; align-items:center; gap:25px; margin-top:24px }
.month-keepsake { margin-top:23px; border:1px solid #cfb88b45; border-radius:5px; padding:17px 20px; background:#102031d9; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px 20px }
.month-eyebrow { color:#d7c39e; font:8px var(--mono); letter-spacing:.12em }
.month-keepsake h3 { font:italic 26px/1.2 var(--serif); margin:6px 0; color:#eee5d4; overflow-wrap:anywhere }
.month-keepsake >div { min-width:0 }
.month-keepsake #month-date { color:#e1cfac; font:9px/1.5 var(--mono); margin:0 0 5px }
.month-keepsake p { color:#b7c6d0; font-size:11px; margin:0 }
.month-keepsake .month-footnote { grid-column:1/-1; border-top:1px solid #ccd4db20; padding-top:9px; font-size:10px; line-height:1.6 }
.month-keepsake button { color:var(--gold); font-size:11px; max-width:160px; line-height:1.6 }
.memory-kind { font:9px var(--mono); letter-spacing:.08em; color:#e0c594; margin:0 0 15px }
.memory-actions { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center }
#another-memory { font-size:11px; color:#d4dce0 }
#write-today { display:none }
.journal-find { display:grid; grid-template-columns:1fr 1.4fr; gap:14px; margin:22px 0 10px }
.journal-find label { font:11px Arial,sans-serif; color:#c6d0d8; display:grid; gap:9px }
.journal-find input,.journal-find select { width:100%; min-width:0; font:14px Arial,sans-serif; color:#f0e7d4; background:#081522; border:1px solid #adbec34a; border-radius:4px; padding:12px 10px; min-height:44px }
.journal-find select option { background:#102130 }
.journal-find input:focus-visible,.journal-find select:focus-visible { outline:2px solid #f1d5a2; outline-offset:3px }
.journal-chapter { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #cbd8df2b }
#journal-results { font:10px var(--mono); color:#c2cbd1 }
#journal-book { color:var(--gold); font-size:11px }
@media(min-width:761px) { .personal-sky .star-map { height:260px; flex-shrink:0 }.home-stage { padding-top:16px;padding-bottom:24px }.returning .world-welcome h2 { font-size:clamp(64px,6vw,90px) } }
@media(max-width:760px) {
 .month-keepsake { padding:15px 16px; gap:8px 12px; grid-template-columns:1fr }.month-keepsake h3 { font-size:24px }.month-keepsake button { max-width:none; min-height:44px; justify-self:start }.month-footnote { font-size:10px }
 .returning .personal-sky { border-top:0; padding-top:0 }
 .returning #selected-moment { margin-top:16px }.returning .star-map { height:250px }.returning .sky-caption { margin-top:6px }
 .returning .world-welcome { border-top:1px solid #cbd8df36; padding-top:24px }.returning .world-welcome h2 { font-size:48px; margin:15px 0 }.returning .world-welcome h2 em { display:inline }.returning .world-welcome h2 em::before { content:' ' }
 .returning #write-today { display:block; border-top:1px solid #b7c6d033; padding-top:14px; margin-top:9px; width:100%; color:#f0d7a8; font-size:12px }
 .journal-find { grid-template-columns:1fr; gap:14px }.journal-find input,.journal-find select { font-size:16px }
}