/* Local ux23: actions stay in flow; scrollable content never sits behind them. */
.library-shortcuts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 16px}
.access-note{font-size:14px;line-height:1.5;color:var(--muted);padding:12px 16px;background:var(--sky);border-radius:12px;margin:12px 0 24px}
.compact-resume{margin:0 0 24px;padding:12px 18px;gap:16px;background:var(--sage)}
.compact-resume .eyebrow{font-size:10px;margin:0 0 3px}.compact-resume strong{font-size:16px}
.home-return #returnMoment{display:none}.book-editing{display:flex;flex-direction:column;gap:16px}
.workbook-layout.is-empty{grid-template-columns:1fr;max-width:760px}.workbook-layout.is-empty .book-settings{padding:12px 20px;border:0;background:transparent}.workbook-layout.is-empty #backupSettings{border:0;padding:0}
#workbookEmpty .button,#workbookEmpty .quiet{margin:4px 8px}.row-actions{align-items:center}
.preview-dialog[open]{display:flex;flex-direction:column;padding:0;max-height:calc(var(--viewport-height,100dvh) - 24px);overflow:hidden}
.preview-dialog>.close-button{z-index:2;background:var(--paper);border-radius:50%}
.preview-dialog .preview-layout{padding:52px 32px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:16px}
.preview-dialog>.preview-actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);max-height:44dvh;overflow:auto}
.preview-dialog>.preview-actions .button{flex:1;min-width:150px}.preview-dialog>.preview-actions .quiet{font-size:14px}
.preview-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.preview-paper>p{text-align:center;margin:8px 0 0;font-size:12px}
.preview-dialog.is-zoomed .preview-layout{display:block}.preview-dialog.is-zoomed .preview-paper{max-width:none}.preview-dialog.is-zoomed .preview-paper img{max-height:none;width:100%;height:auto}.preview-dialog.is-zoomed .preview-zoom{cursor:zoom-out}
.auth-recovery{flex-wrap:wrap;justify-content:start}.auth-recovery>.button{flex:1 1 100%}
#phoneTitle:focus{outline:2px solid var(--green);outline-offset:4px}#phoneDialog{scroll-margin-top:8px}.phonefeedback{scroll-margin-bottom:85px}
#readySetsTitle,#browseTitle,#search,#packSuggestion{scroll-margin-top:16px}
@media(max-width:650px){
 .library-shortcuts{gap:4px 12px;margin:0 0 12px}.library-shortcuts .quiet{font-size:14px}.library-shortcuts .button{flex-basis:100%;justify-content:start;min-height:44px}
 .access-note{font-size:13px;padding:10px 12px}.compact-resume{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;margin-bottom:18px}.compact-resume .quiet{font-size:13px;max-width:130px;flex-shrink:0}
 .activity-card{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start}.card-preview{padding:10px 8px;min-height:0;height:100%;border-radius:0}.card-preview img{height:132px;width:100%}.card-copy{padding:14px 12px}.card-copy h3{font-size:20px;line-height:1.2}.card-copy .card-meta{font-size:11px;margin-bottom:6px}.card-copy .card-description{display:none}.card-copy>p.card-supplies{font-size:13px;line-height:1.4;margin:8px 0}.card-copy>p.card-readiness{font-size:12px;line-height:1.4;margin:0 0 6px}.card-actions{flex-wrap:wrap;gap:4px 8px}.card-actions .button{min-height:44px;padding:8px 10px}.card-actions .quiet{font-size:13px}
 .preview-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);border-radius:16px;margin:auto}.preview-dialog .preview-layout{padding:46px 16px 20px;gap:20px;display:block}.preview-dialog .preview-paper{max-width:240px;padding:12px}.preview-dialog .preview-paper img{max-height:255px}.preview-dialog .preview-layout h2{font-size:25px;margin:16px 0 10px}.preview-dialog .preview-layout p{font-size:14px}.preview-dialog>.preview-actions{display:grid;grid-template-columns:1fr 1fr;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:4px 8px}.preview-dialog>.preview-actions .button{min-width:0;padding:10px 6px;font-size:14px;min-height:44px}.preview-dialog>.preview-actions #previewAdd{grid-column:1/-1}.preview-dialog>.preview-actions #previewPhone{grid-column:1/-1}.preview-dialog.is-zoomed .preview-paper{max-width:none}
 .is-playing .site-header .brand,.is-playing .personal-nav{display:none}.is-playing .header-inner{padding:4px 18px}.is-playing .site-header .main-nav{order:0;flex-basis:100%;margin:0}.is-playing .environment-note{font-size:11px;padding:5px 12px}.is-playing .play-page{padding-top:12px}.is-playing .play-topline{margin-bottom:8px}.is-playing .play-topline>div{display:none}.is-playing .play-topline>button{min-height:40px}.phone-dialog.inline-play{padding:12px}.phone-dialog.inline-play h2{font-size:23px;margin:8px 0 12px}.inline-play #phonePictures{padding:8px;margin-bottom:10px}.phone-dialog.inline-play .quick-scene{max-height:140px}.inline-play .memorycover{min-height:120px}.phone-dialog.inline-play #phonePrompt{font-size:19px}.inline-play .phonechoice.picturechoice{min-height:68px}.inline-play .phonechoice.picturechoice svg{height:40px}.inline-play .phonecontrols{position:sticky;bottom:0;background:white;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1}.inline-play #phoneGuide{margin-top:14px}.inline-play .phonehead .eyebrow{font-size:11px}
}
@media(max-width:380px) and (max-height:700px){.phone-dialog.inline-play .quick-scene{max-height:108px}.inline-play .memorycover{min-height:98px}.phone-dialog.inline-play h2{font-size:21px}.inline-play .phoneanswerhelp{font-size:12px;margin:6px 0}.inline-play .phonechoice.picturechoice svg{height:34px}.inline-play .phonechoice.picturechoice{min-height:62px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}