@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500&display=swap');
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:#193347;background:radial-gradient(ellipse at 100% 0%,#dfedf1,transparent 65%),linear-gradient(#f6fafc,#e7eff6);font:400 14px/1.8 Manrope,sans-serif;min-height:100vh}main{max-width:470px;padding:28px 26px 48px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.brand{font:500 24px Newsreader,Georgia,serif}.mark{position:relative;width:34px;height:25px}.mark:before,.mark:after{content:'';position:absolute;width:23px;height:23px;border:1.6px solid #234b63;border-radius:50%;left:0;top:0}.mark:after{left:10px;border-color:#4e9bb3}h1{font:400 48px/1.03 Newsreader,Georgia,serif;letter-spacing:-1.5px;margin:0 0 28px}em{font-weight:400;color:#6e9aa8}h2{font:400 30px/1.12 Newsreader,Georgia,serif;letter-spacing:-.6px;margin:22px 0}p{color:#4e687a}.eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:24px}.lead{margin-bottom:30px}label{display:block;font-size:12px;margin:22px 0}input,select{display:block;width:100%;color:#193347;background:transparent;border:0;border-bottom:1px solid #adc4d2;border-radius:0;padding:13px 0;font:400 16px/1.5 Manrope,sans-serif}select{background:#edf4f8}button{font:500 13px Manrope,sans-serif;cursor:pointer;min-height:46px}button:disabled{cursor:default;opacity:.45}.primary{width:100%;border:0;border-radius:14px;background:radial-gradient(ellipse at 80% 0%,#416f85,transparent 75%),#193347;color:#f3f8fb;padding:21px;text-align:left;margin:24px 0 8px}.quiet{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#385f75;padding:12px 0}.choices{display:grid;gap:12px;margin:34px 0}.choice{border:1px solid #b5cbd6;border-radius:15px;background:#f5f9fc;color:#193347;text-align:left;padding:22px;display:flex;gap:15px;justify-content:space-between;align-items:center}.choice strong{font:400 23px Newsreader,Georgia,serif}.choice small{display:block;font:400 12px/1.8 Manrope,sans-serif;margin-top:9px}.choice[aria-pressed=true]{background:#193347;color:#f2f8fc}.choice .mark{visibility:hidden;flex:none}.choice[aria-pressed=true] .mark{visibility:visible}.choice .mark:before{border-color:#d5e5ec}.choice .mark:after{border-color:#79bed0}.note{font-size:12px;margin:24px 0}.orbital{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#355b70,transparent 70%),#182f41;color:#eff7fb;padding:25px;border-radius:17px;margin:26px 0}.orbital:before{content:'';position:absolute;right:-100px;top:-55px;width:300px;height:220px;border:1px solid #a8cad92e;border-radius:50%;transform:rotate(42deg);pointer-events:none}.orbital p{color:#c2d7e3;font-size:12px}.orbital small{font-size:11px;color:#c2d7e3}.agree{display:flex;align-items:flex-start;gap:12px;font-size:12px}.agree .consent-mark{position:relative;width:33px;height:27px;flex:none}.consent-mark input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;margin:0;cursor:pointer}.consent-symbol{display:block;position:absolute;left:0;top:2px;width:21px;height:21px;border:1px solid #6c8798;border-radius:4px;background:#f5f9fc}.consent-symbol b{display:none;position:absolute;width:20px;height:20px;border:1.7px solid #234b63;border-radius:50%;left:0;top:0}.consent-symbol b+b{left:9px;border-color:#4e9bb3}.consent-mark input:checked+.consent-symbol{width:30px;border-color:transparent;background:transparent}.consent-mark input:checked+.consent-symbol b{display:block}.consent-mark input:focus-visible+.consent-symbol{outline:2px solid #2c7f95;outline-offset:4px}.identity{border-top:1px solid #b8cbd8;border-bottom:1px solid #b8cbd8;padding:22px 0;margin:25px 0}.identity small{display:block;color:#4e687a}.link-box{width:100%;font-size:12px;overflow-wrap:anywhere;color:#365f76}.collection{padding:22px 0;border-bottom:1px solid #bdd0dc}.collection h2{margin-top:0}.badge{font-size:11px;color:#526f80}.error{color:#8a3030}footer{border-top:1px solid #bfd1dd;margin-top:45px;padding-top:20px;font-size:11px;color:#536d7d}.toolbar{display:flex;gap:20px;align-items:center;margin-bottom:25px}a{color:#365f76}.testing{font-size:11px;color:#536d7d;margin:0 0 30px}#status{font-size:12px;white-space:pre-line}input[type=checkbox]{accent-color:#193347}@media(max-width:350px){main{padding:24px 20px}h1{font-size:43px}}
.story-video{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#122c40;border-radius:15px;margin:25px 0}.prompt-deck{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 22px}.prompt-deck .choice{flex:0 0 88%;min-height:170px;scroll-snap-align:start;font:400 26px/1.2 Newsreader,Georgia,serif;background:#d9eaf3}.story-entry{display:block;width:100%;border:0;border-bottom:1px solid #b7cdd9;background:transparent;text-align:left;color:#193347;padding:22px 0;font:400 26px/1.2 Newsreader,Georgia,serif}.story-entry small{display:block;font:400 11px Manrope,sans-serif;margin-top:12px}button:focus-visible{outline:2px solid #46829b;outline-offset:4px}
.person-option{border-bottom:1px solid #bdd0dc;padding:20px 0;align-items:center}.person-option strong{font:400 24px Newsreader,Georgia,serif}.person-option small{display:block;color:#4e687a;font-size:11px;overflow-wrap:anywhere}
#back-nav{margin:-24px 0 20px;font-size:12px}.choice input[type=radio]{width:20px;min-width:20px;height:20px;margin:0;accent-color:#193347}.choice:has(input:checked){background:#193347;color:#f2f8fc}.choice{cursor:pointer}details{font-size:12px;color:#526d7f;margin:18px 0}summary{cursor:pointer}.account-menu{margin:0}.toolbar{justify-content:space-between}
.collection-choice{display:flex;align-items:center;gap:12px;font-size:12px}.collection-choice input{width:18px;height:18px;margin:0;accent-color:#193347}
textarea{display:block;width:100%;color:#193347;border:1px solid #adc4d2;background:#f7fafc;border-radius:12px;padding:15px;font:400 16px/1.6 Manrope,sans-serif;resize:vertical}.person-option>input[type=checkbox]{width:22px;flex:none;margin:0}

.loading-status{display:flex;align-items:center;gap:12px}.loading-status::before{content:"";width:22px;height:22px;flex:none;border:1px solid #b9dcef;border-radius:50%;box-shadow:8px 0 0 -1px #213c56,8px 0 0 0 #b9dcef;animation:preparing-pulse 1.4s ease-in-out infinite;margin-right:8px}@keyframes preparing-pulse{50%{opacity:.35;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.loading-status::before{animation:none}}

/* Comfortable reading and touch targets throughout the pilot. */
body{font-size:17px;line-height:1.65}label,.agree{font-size:16px}p{color:#3f596b}button{font-size:16px;min-height:52px}.note,.choice small,.person-option small,.identity small{font-size:15px;line-height:1.65}.eyebrow,.testing,.badge,footer{font-size:14px}.story-entry small{font-size:15px}details{font-size:17px;color:#345166}summary{font-size:18px;min-height:48px;display:flex;align-items:center}#status,#back-nav,.collection-choice{font-size:16px}.orbital p,.orbital small{font-size:15px}.camera-frame{position:relative;margin:25px 0}.camera-frame .story-video{margin:0}#camera{aspect-ratio:auto;min-height:220px;max-height:65svh;object-fit:contain;background:#0c1f2e}.camera-countdown{position:absolute;inset:0;display:grid;place-items:center;border-radius:15px;background:#102c4055;color:white;font:500 100px/1 Manrope,sans-serif;pointer-events:none;text-shadow:0 2px 25px #0006}.record-state{font-size:18px;font-weight:500;color:#193347}.record-state.is-recording{padding:14px 16px;border-left:4px solid #b84040;background:#fff8f7}.story-video{background:#0c1f2e}small{font-size:15px}
.story-collection{margin:28px 0 20px}.story-collection h2{margin:0 0 24px}.story-browse{margin:0 0 26px;color:#345166;font-size:16px}.story-browse select{font-size:17px;padding:14px 0;background:transparent;min-height:52px}.story-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 18px;scrollbar-width:thin;scrollbar-color:#9cb5c5 transparent}.story-card{display:block;flex:0 0 82%;scroll-snap-align:start;min-width:0;border:0;padding:0;background:transparent;color:#193347;text-align:left}.story-card-cover.orbital{display:block;position:relative;aspect-ratio:16/11;margin:0;padding:0;border-radius:13px;background:radial-gradient(ellipse at 90% 5%,#416f85,transparent 72%),#193347;overflow:hidden}.cover-orbit{position:absolute;inset:20% -15% -22% 4%;border:1px solid #badfe74d;border-radius:50%;transform:rotate(-32deg)}.cover-orbit:after{content:'';position:absolute;inset:-20% 25% 20% -20%;border:1px solid #badfe729;border-radius:50%;transform:rotate(74deg)}.cover-play{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d0e7f18a;border-radius:50%;background:#14304770;color:#eef7fc}.cover-duration{position:absolute;bottom:16px;right:18px;color:#eef7fc;font-size:15px;letter-spacing:.02em}.story-card-title{display:block;margin-top:16px;padding-right:8px;font:400 27px/1.15 Newsreader,Georgia,serif;letter-spacing:-.3px;overflow-wrap:anywhere}.stories-empty{flex:0 0 100%;margin:4px 0 20px}.story-card:focus-visible{outline:2px solid #46829b;outline-offset:3px;border-radius:14px}@media(min-width:600px){.story-card{flex-basis:76%}}
.storyteller-name{font-style:italic;color:#6e9aa8}.storyteller-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:14px;margin:0 0 26px}.pathway-photo-choice.choice{position:relative;display:block;padding:0;overflow:hidden}.pathway-photo{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#193347}.pathway-copy{display:block;padding:20px}.pathway-photo-choice.choice input[type=radio]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:2;cursor:pointer}.pathway-photo-choice .pathway-selected.mark{position:absolute;right:16px;top:16px;visibility:hidden;filter:drop-shadow(0 1px 3px #102c40);background:#193347a6;border-radius:50%;width:36px;height:28px}.pathway-photo-choice .pathway-selected.mark:before{border-color:#edf7fc;left:2px;top:2px}.pathway-photo-choice .pathway-selected.mark:after{border-color:#9ed0dd;left:12px;top:2px}.pathway-photo-choice:has(input:checked) .pathway-selected.mark{visibility:visible}.pathway-photo-choice:has(input:focus-visible){outline:2px solid #46829b;outline-offset:4px}.question-from{color:inherit;opacity:.85;margin:0 0 12px!important;font-size:16px!important}.record-reassurance{font:400 23px/1.4 Newsreader,Georgia,serif;color:#406779;margin:22px 0}.saved-moment{display:flex;align-items:center;gap:18px;margin:0 0 24px;color:#365f76}.saved-moment p{margin:0;font:400 23px/1.3 Newsreader,Georgia,serif}.saved-moment .mark{border-radius:50%;animation:saved-orbit 1.8s ease-out 1}@keyframes saved-orbit{0%{box-shadow:0 0 0 0 #79bed044}45%{box-shadow:0 0 26px 12px #79bed055}100%{box-shadow:0 0 0 0 #79bed000}}@media(prefers-reduced-motion:reduce){.saved-moment .mark{animation:none}}.personal-note{margin:22px 0}#portrait-controls{margin-top:-12px;margin-bottom:22px}#portrait-file{font-size:16px;overflow:hidden}

.entry-cinematic .choice{position:relative;display:flex;align-items:flex-end;min-height:210px;isolation:isolate;overflow:hidden;padding:0;background:#102b43;color:#f5f9fc}.entry-cinematic .choice>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.entry-cinematic .choice:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102b4305 10%,#102b4370 45%,#0a2337f5 100%);z-index:-1}.entry-cinematic .entry-copy{display:block;padding:58px 22px 23px}.entry-cinematic .choice strong{color:#f5f9fc}.entry-cinematic .choice small{color:#e6f0f7}.entry-cinematic input[type=radio]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.entry-cinematic .entry-selected{position:absolute;right:17px;top:17px;visibility:hidden;filter:drop-shadow(0 1px 3px #102b43)}.entry-cinematic .entry-selected:before{border-color:#f5f9fc}.entry-cinematic .entry-selected:after{border-color:#a4d2e0}.entry-cinematic .choice:has(input:checked) .entry-selected{visibility:visible}.entry-cinematic .choice:has(input:checked){border-color:#79aaba;box-shadow:0 0 0 1px #79aaba}.entry-cinematic .choice:has(input:focus-visible){outline:2px solid #46829b;outline-offset:4px}

#pilot-bottom-nav[hidden]{display:none}#pilot-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center;padding:12px 20px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #d8e1e8;box-shadow:0 -6px 24px #1933470a;z-index:50}#pilot-bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:76px;min-height:52px;padding:4px 10px;border:0;background:transparent;color:#718797;font:500 13px/1.3 Arial,sans-serif;border-radius:8px}#pilot-bottom-nav button[aria-current=page]{color:#193347}#pilot-bottom-nav svg{width:24px;height:24px}#pilot-bottom-nav button:focus-visible{outline:2px solid #46829b;outline-offset:2px}.has-bottom-nav main{padding-bottom:calc(120px + env(safe-area-inset-bottom))}

.profile-identity{text-align:center;margin:16px 0 38px}.profile-avatar{width:104px;height:104px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#193347;color:#d4e9f6;font:400 46px Newsreader,Georgia,serif;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h2{font-size:27px;margin:0 0 10px}.profile-identity>p{font-size:17px;overflow-wrap:anywhere}.profile-photo-edit{text-align:left}.profile-photo-edit summary{text-align:center}.profile-section{border-top:1px solid #c9d8e2;padding-top:28px;margin-bottom:28px}.profile-section h2{font-size:22px;margin-bottom:24px}.profile-settings>details{border-top:1px solid #c9d8e2;padding:20px 0}.profile-settings summary{font-size:20px;font-weight:600;cursor:pointer}.profile-settings a{display:block;margin:16px 0;font-size:18px;color:#244f69}.profile-settings p{font-size:18px}.profile-section a{color:#244f69}.profile-section input[readonly]{opacity:.8}#account-photo input{max-width:100%;box-sizing:border-box}

/* Desktop is a responsive content layout; phone layouts stay unchanged. */
@media(min-width:960px){
 main{max-width:1160px;padding:38px 56px 70px}header{margin-bottom:32px}h1{font-size:68px;line-height:1.04;max-width:760px}p{font-size:17px;line-height:1.7}label{font-size:15px}input,select{font-size:18px}
 #screen{min-width:0}#screen>form,#screen>.choices,#screen>details,#screen>.identity{max-width:720px}
 #screen:has(>form):not(:has(.profile-identity)){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px 72px;align-items:start}
 #screen:has(>form):not(:has(.profile-identity))>h1{grid-column:1;grid-row:1/span 3;font-size:64px;margin:0}
 #screen:has(>form):not(:has(.profile-identity))>:not(h1){grid-column:2;margin-top:0}
 #screen:has(>form):not(:has(.profile-identity))>.eyebrow,#screen:has(>form):not(:has(.profile-identity))>.saved-moment{grid-column:1/-1;grid-row:auto}
 #screen:has(.entry-cinematic) .entry-cinematic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none}.entry-cinematic .choice{min-height:290px}.entry-cinematic .choice strong{font-size:23px}
 #screen:has(.pathway-photo-choice)>.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none}.pathway-photo-choice{margin:0}.pathway-photo{height:230px}
 .prompt-deck{max-width:760px}.story-rail{gap:24px}.story-card{flex-basis:310px}.storyteller-name{font-size:74px}.storyteller-photo{max-height:440px}.story-video{width:100%;max-width:760px;max-height:65vh;object-fit:contain;background:#102b43}.camera-frame{max-width:760px}
 #screen:has(#story-player){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 64px;align-items:start}#screen:has(#story-player)>h1{grid-column:1;grid-row:1/span 4;font-size:58px}#screen:has(#story-player)>:not(h1){grid-column:2;margin:0}
 #screen:has(.profile-identity){display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px 64px;align-items:start}#screen:has(.profile-identity)>h1{grid-column:1/-1}.profile-identity{grid-column:1;grid-row:2/span 3;margin:0}.profile-section,.profile-settings{grid-column:2}.profile-section{padding-top:20px}
 #pilot-bottom-nav{max-width:760px;border-radius:18px 18px 0 0}.primary{min-height:56px;font-size:17px;max-width:720px}#purchase-screen{max-width:760px;margin:auto}footer,#status{max-width:760px}
}
fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{padding:0;margin-bottom:16px;font-weight:500}.agree>.consent-mark{flex:0 0 30px}.agree .consent-mark input{width:30px;height:24px}

@media(min-width:960px){#screen:has(>form):not(:has(.profile-identity))>form{grid-row:2}#screen:has(>form):not(:has(.profile-identity))>p:not(.eyebrow):not(.note){grid-row:1}#screen:has(>form):not(:has(.profile-identity))>p.note{grid-row:3}#screen:has(>form):has(>.eyebrow)>h1{grid-row:2/span 4}#screen:has(>form):has(>.eyebrow)>.eyebrow{grid-column:1;grid-row:1}}

/* Keep text entry clear while retaining the browser's native blinking caret. */
input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea{caret-color:#193347;padding-inline:14px;cursor:text}
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus{outline:2px solid #46829b;outline-offset:3px;background:#f7fafc}
a.primary{display:block;text-decoration:none}
.empty-collection-action{margin-top:32px}

.portrait-dropzone{position:relative;min-height:160px;border:1px dashed #7c9caa;background:#edf5f866;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:12px;cursor:pointer;font-size:18px;text-align:center;overflow:hidden}.portrait-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.portrait-plus{font:300 34px Manrope,sans-serif;color:#638a9e}.portrait-dropzone:focus-within{outline:2px solid #46829b;outline-offset:4px}.entry-direct{width:100%;text-align:left;cursor:pointer;position:relative}.entry-direct:focus-visible{outline:2px solid #76a7bd;outline-offset:4px}.entry-direct .entry-orbit{position:absolute;right:18px;top:18px;width:26px;height:26px;border:1px solid #d6eaf0bb;border-radius:50%;box-shadow:0 0 14px #aacede55}.entry-direct .entry-orbit:after{content:'';position:absolute;inset:5px;border:1px solid #d6eaf077;border-radius:50%;transform:translateX(5px)}.invite-questions{display:block;margin:20px 0;font-size:16px}.person-option small{display:block;font-size:14px;line-height:1.7}.story-saved-done{margin-top:32px}

.portrait-dropzone.has-photo{min-height:64px;flex-direction:row}.portrait-dropzone.has-photo .portrait-plus{font-size:24px}.identity small{font-size:14px;line-height:1.7}