/* Integrated visual language for the real product; no demo state or simulated controls. */
:root{--font-serif:Rubik,"Arial Hebrew",system-ui,sans-serif;--radius-card:26px;--shadow-raised:0 2px 0 #2d29260a,0 10px 28px #2d292614}
body{ -webkit-font-smoothing:antialiased}h1,h2,.view-title{text-wrap:balance}.app .wrap{width:min(100% - 40px,600px)}
.hero-book{gap:16px}.hero-book h1{font-size:clamp(32px,5vw,48px)}.hero-book .sun.crew{min-height:130px;max-height:160px;order:3}.hero-book .sun.crew img{max-height:150px}.hero-book .lead{font-size:18px;line-height:1.65}
[data-stage-hidden=true]{display:none!important}.setup-progress{color:var(--accent-ink);font-size:14px;font-weight:700}.setup-actions{display:flex;gap:12px;margin-top:16px}.setup-actions>*{flex:1}.setup-actions [hidden]{display:none}.panel{padding-block:12px}#form>h2{font-size:30px;margin-block:12px 24px}#elders{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#elders .chip span{width:100%;justify-content:center;min-height:60px}.check label{font-weight:400}.app .btn{font-size:18px;min-height:54px}.app.elder .btn{min-height:64px;font-size:22px}.app.elder .btn.small{min-height:48px;font-size:18px}.view-title{font-size:32px}.home-sky{margin-bottom:20px}.home-sky .sky{height:130px}.home-sky .sky img{width:90px;margin-bottom:22px}.home-sky .plate{margin-top:-22px;min-height:58px}.home-sky .plate p{font-size:19px;line-height:1.5}.suggest .q{font-size:27px;line-height:1.42}.suggest{padding:20px 38px 20px 20px}.question .q{font-size:28px;line-height:1.4}.question{padding:20px 38px 20px 20px}#view{gap:16px}.rec-actions{position:sticky;bottom:0;z-index:5;background:var(--ground);padding:12px 0 calc(12px + env(safe-area-inset-bottom));gap:10px}#stage[data-recording] .home-sky .sky{display:none}#stage[data-recording] .home-sky .plate{margin:0;box-shadow:none;background:transparent;padding:8px 0}#stage[data-recording] .home-sky{margin-bottom:8px}.shelves{gap:12px}.shelf{min-height:90px}.appframe{max-width:600px}.tabbar-glass{background:var(--raised);backdrop-filter:none;-webkit-backdrop-filter:none}.chapter-title{font-family:var(--font-sans);font-size:28px}.chapter-page .book-p{font-family:var(--font-sans);font-size:20px}.life-phone{min-height:0;display:grid;grid-template-rows:1fr auto;gap:12px}.life-phone .focus{min-height:0;padding-bottom:12px}.life-nav{margin-top:0}.life-pic{min-height:110px}.life-pic .sun{min-height:110px}.arc{height:450px}.focus-year{font-size:42px}.screen-scroll{padding-bottom:140px}.app-header{padding-block:8px}.app-header-title{font-size:23px}
@media(min-width:900px){.app .wrap{width:min(100% - 64px,720px)}body.appbody{background:var(--ground)}.appframe{width:min(100% - 64px,1100px);max-width:1100px;height:100dvh;margin:0 auto;border-radius:0;box-shadow:none}.screen-scroll{padding:24px 60px 140px}.tabbar{max-width:560px;margin-inline:auto}.life-phone .focus{max-width:650px;width:calc(100% - 150px);margin-inline:auto}.book-cover{max-width:620px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chapter-page{max-width:740px;margin-inline:auto;width:100%}.life-pic{max-height:230px}.arc{left:20px}.app-header-title{font-size:30px}}
@media(max-height:700px){.home-sky .sky{height:80px}.home-sky .sky img{width:64px;margin-bottom:15px}.home-sky .plate{min-height:48px;padding:10px 16px}.life-pic,.life-pic .sun{min-height:90px}.life-pic .sun img{height:80px}.focus-year{font-size:34px}.focus-title{font-size:22px}.life-phone .focus{gap:8px}.arc{height:360px}.screen-scroll{padding-bottom:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.entry-actions{display:grid;gap:12px;margin-block:8px 32px}.entry-account{display:block;text-align:center;padding:12px;color:var(--action)}body.app:has(.entry-actions:not([hidden])) .hero-book{padding-top:clamp(24px,7vh,90px)}body.app:has(.entry-actions:not([hidden])) .hero-book h1{font-size:clamp(36px,6vw,52px)}.hero-book[hidden],.entry-actions[hidden]{display:none!important}
.home-sky .plate:has(p:empty){display:none}.drawer:modal{width:min(100% - 32px,560px);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:0;border-radius:28px;background:var(--ground);color:var(--ink)}.drawer::backdrop{background:#2d292680}.a11y-toolbar{position:fixed;inset-block-start:12px;inset-inline-end:16px;z-index:30;width:auto;margin:0;padding:0}.top,.bar{padding-top:18px}
.product-disclosure{background:var(--raised);border:1px solid var(--line-soft);border-radius:24px;padding:0 20px;margin-bottom:14px}.product-disclosure>summary{cursor:pointer;padding:18px 0;font-size:19px;font-weight:700;color:var(--ink)}.product-disclosure>section{margin:0;padding-block:8px 20px}.product-disclosure>section>h2{display:none}.account-destinations{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.account-destinations .btn[aria-pressed=true]{background:var(--action);color:white}
/* Reserve space for accessibility controls instead of covering the header's question/back actions. */
.a11y-toolbar{position:relative;inset:auto;z-index:20;min-height:44px;width:min(100% - 32px,600px);margin-inline:auto;padding-top:6px}.appframe{height:calc(100dvh - 44px)}
@media(min-width:900px){.appframe{height:calc(100dvh - 44px)}.a11y-toolbar{width:min(100% - 64px,1100px)}}
#elders .chip input:checked + span{background:var(--raised);color:var(--action);border-color:var(--action);box-shadow:inset 0 0 0 .5px var(--action)}

/* The original recording remains in view while its supporting material is staged. */
.chapter-view-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--raised);border:1px solid var(--divider,#ede3dc);border-radius:999px;padding:5px;margin-top:8px}
.chapter-view-tabs [role=tab]{min-height:46px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 16px var(--font-sans);cursor:pointer;padding:8px 4px}
.chapter-view-tabs [aria-selected=true]{background:var(--ink);color:var(--raised)}
.chapter-panel{display:grid;gap:12px;padding:8px 0 16px}.chapter-panel[hidden]{display:none!important}.chapter-panel>p{margin:0}.chapter-panel h3{margin:8px 0 0;font-size:20px}.chapter-panel .voice-moment{margin:0}.chapter-panel .saves{display:grid;gap:10px}.chapter-panel .saves .btn{width:100%;text-align:center}
.chapter-photo-dialog:not([open]){display:none}.chapter-photo-dialog[open]{display:grid;width:min(100% - 32px,900px);height:min(90dvh,900px);inset:0;margin:auto;border:0;border-radius:26px;padding:16px;grid-template-rows:minmax(0,1fr) auto;background:var(--ground);color:var(--ink);box-shadow:0 20px 80px #2d292666}.chapter-photo-dialog::backdrop{background:#2d2926dc}.chapter-photo-dialog img{width:100%;height:100%;object-fit:contain;min-height:0}.chapter-photo-dialog .btn{min-height:48px;width:100%}
.chapter-row.is-pending{opacity:.7;cursor:default}.rows>div.row{cursor:default}.chapter-page>.sunrise{max-height:170px}.chapter-page>.player{margin:0}.chapter-page .speed-tools{gap:4px;background:var(--ground);border-radius:999px;padding:4px}.chapter-page .speed-tools .btn{border:0;border-radius:999px;min-height:44px}.chapter-page .speed-tools [aria-pressed=true]{background:var(--ink);color:var(--raised)}
@media(max-width:360px){.chapter-view-tabs [role=tab]{font-size:14px}.chapter-title{font-size:25px}.chapter-page .player{padding:14px}.chapter-page .player-row{gap:10px}}

.chapter-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-list-heading .section-title{margin:8px 0}.chapter-list-heading select{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--line-strong,#8f857e);border-radius:16px;min-height:48px;padding:8px 12px;max-width:60%}.chapter-list>li[hidden]{display:none!important}.reply-head h2{margin:0;font-size:28px;line-height:1.25}.reply-card:not(button){cursor:default}

.life-phone{grid-template-rows:auto 1fr auto}.life-phone [hidden]{display:none!important}.life-view-toggle{justify-self:start;max-width:calc(100% - 95px)}.life-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;align-content:start}.life-phone>.arc{top:52px}.life-list .chapter-row{min-height:84px}.life-list .chapter-row strong{font-size:21px}.life-list .chapter-row span span{color:var(--ink-soft)}