/* Mobile app shell. Media scope also protects desktop when this file is loaded directly. */
@media(max-width:800px){
 #ivyr-app.storybook{--paper:#eff3ee;--surface:#fff;--line:#dce5da;background:var(--paper)}
 #ivyr-app.storybook .site-header{position:sticky;top:0;z-index:40;background:#f7faf6f5;border-bottom:1px solid #dce5da;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 #ivyr-app.storybook .header-inner{height:60px;padding:0 18px;gap:12px}
 #ivyr-app.storybook .brand{font-size:18px;gap:9px;letter-spacing:0;min-height:44px}
 #ivyr-app.storybook .brand>svg{width:32px;height:32px;padding:7px;background:#dfeadc}
 #ivyr-app.storybook .site-header .brand>span{padding-bottom:0}
 #ivyr-app.storybook .ivy-brand-caption{display:none}
 #ivyr-app.storybook .header-end{display:flex;margin-left:auto}
 #ivyr-app.storybook .status-pill{font-size:10px;gap:5px}
 #ivyr-app.storybook .main-wrap{padding:24px 16px 36px}
 #ivyr-app.storybook :is(h1,h2,h3,section,[id]),#ivyr-app.storybook .article-card :is(h2,h3)[id]{scroll-margin-top:20px}
 #ivyr-app.storybook h1,#ivyr-app.storybook[data-page=room] .room-heading h1,#ivyr-app.storybook .game-page .section-head h1{font-family:inherit;font-size:27px;line-height:1.4;font-weight:750;letter-spacing:-.02em;text-wrap:pretty}
 #ivyr-app.storybook :is(.page-heading,.room-heading,.notebook-heading){padding:0;margin:0 0 24px;border:0;gap:12px}
 #ivyr-app.storybook :is(.eyebrow,.ivy-section-label){font-size:10px;letter-spacing:.08em;margin-bottom:8px}
 #ivyr-app.storybook :is(.page-intro,.notebook-heading>p){font-size:13px;line-height:1.8;margin-top:10px}
 #ivyr-app.storybook[data-page=room] .room-heading>div{grid-template-rows:auto auto auto auto;row-gap:12px}
 #ivyr-app.storybook[data-page=room] .room-heading .page-intro{min-height:0}
 #ivyr-app.storybook .date-label{border:0;padding:0;min-width:0;display:flex;gap:10px;font-size:11px}
 #ivyr-app.storybook .ivy-home-links{gap:8px 16px}
 #ivyr-app.storybook .ivy-action-link{border-radius:14px;min-height:48px;padding:12px 16px}
 #ivyr-app.storybook .ivy-secondary-link{font-size:12px}
 #ivyr-app.storybook .home-grid{gap:20px}
 #ivyr-app.storybook .home-grid .room-scene{height:340px;border-radius:24px}
 #ivyr-app.storybook .ivy-home-layout .ivy-play-drawer{border-radius:16px;background:#fff;border-color:var(--line);padding:6px 16px}
 #ivyr-app.storybook .home-observation{border:0;padding:0;gap:12px}
 #ivyr-app.storybook .ivy-home-layout .home-observation .ivy-comfort{border-radius:20px;padding:16px;background:#e0ecdb}
 #ivyr-app.storybook .home-photo{padding:16px;background:#fff;border-radius:20px;border:1px solid var(--line)}
 #ivyr-app.storybook .home-photo h2{font-size:16px}
 #ivyr-app.storybook .home-photo img{height:140px;border-radius:12px}
 #ivyr-app.storybook .ivy-home-layout #ivy-panel{margin-top:28px}
 #ivyr-app.storybook :is(.journal-filter,.shelf-index,.ivy-note-search,.ivy-post-form,.article-card,.diary-entry,.note-feature){background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 18px #233d3204}
 #ivyr-app.storybook .journal-filter{padding:16px;margin-bottom:20px;gap:10px}
 #ivyr-app.storybook .diary-photo-grid .diary-photo{border-radius:19px 19px 0 0}
 #ivyr-app.storybook .diary-photo-grid .diary-caption{padding:18px}
 #ivyr-app.storybook :is(.button,.quiet-button,.journal-filter button){border-radius:12px;min-height:46px}
 #ivyr-app.storybook :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){border-radius:12px;min-height:46px;background:#f8faf6}
 #ivyr-app.storybook .topic-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 2px 10px;scroll-padding-inline:8px}
 #ivyr-app.storybook .topic-nav a{flex:none;min-height:44px;border-radius:14px;padding:10px 16px}
 #ivyr-app.storybook .note-item{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}
 #ivyr-app.storybook .note-list{gap:12px}
 #ivyr-app.storybook .shelf-index{padding:18px}
 #ivyr-app.storybook .data-heading{padding-bottom:0}
 #ivyr-app.storybook .data-heading .ivy-page-jumps{position:static;margin:16px 0 0;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 8px}
 #ivyr-app.storybook .ivy-page-jumps a{flex:none;border-radius:12px;min-height:44px;padding:10px 12px;font-size:12px}
 #ivyr-app.storybook.ivy-data-organized :is(section.ivy-soil,.graph-panel,.ivy-data-reference),#ivyr-app.storybook .ivy-home-layout :is(#ivy-soil,.ivy-body-observation){border-radius:20px;padding:20px 16px}
 #ivyr-app.storybook .ivy-data-latest>div{border-radius:14px}
 #ivyr-app.storybook .ivy-soil-controls button,#ivyr-app.storybook .segmented button{border-radius:10px}
 #ivyr-app.storybook .article-card{padding:22px 18px}
 #ivyr-app.storybook .article-prose h2{font-family:inherit;font-size:22px;line-height:1.6;letter-spacing:-.02em}
 #ivyr-app.storybook .ivy-footer-directory{display:none}
 #ivyr-app.storybook .site-footer{margin-inline:20px;padding:24px 0 calc(112px + env(safe-area-inset-bottom,0px));gap:16px}
 #ivyr-app.storybook .mobile-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;border:1px solid #d2dece;border-radius:24px;background:#fffffff5;box-shadow:0 6px 28px #233d3224;padding:6px;gap:2px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 #ivyr-app.storybook .mobile-nav a{min-height:54px;border-radius:18px;padding:7px 2px;gap:4px;font-size:10px;line-height:1.3;color:#526459;justify-content:center}
 #ivyr-app.storybook .mobile-nav svg{width:21px;height:21px;flex:none}
 #ivyr-app.storybook .mobile-nav a:is([aria-current=page],[data-current-section=true]){color:#fff;background:#244f3e;border-radius:18px;box-shadow:none;font-weight:700}
 #ivyr-app.storybook .mobile-nav a:active{background:#dbe8d7;color:#233d32}
 #ivyr-app.storybook .mobile-nav a:focus-visible{outline-offset:-3px;outline-color:#78a487}
 #ivyr-app.storybook .ivy-reading-menu{bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:18px;z-index:45}
}
@media(max-width:380px){
 #ivyr-app.storybook .header-inner{height:auto;padding:8px 16px;row-gap:0}
 #ivyr-app.storybook .status-pill{font-size:9px}
 #ivyr-app.storybook .home-observation{grid-template-columns:1fr}
 #ivyr-app.storybook .home-photo img{height:200px}
 #ivyr-app.storybook .mobile-nav{left:8px;right:8px}
}
@media(max-width:800px){
 #ivyr-app.storybook .room-heading{display:flex;flex-direction:column;align-items:stretch}
 #ivyr-app.storybook .room-heading .date-label{order:-1;align-self:stretch;justify-content:space-between;white-space:nowrap;font-size:11px;margin:0 0 4px}
 #ivyr-app.storybook .room-heading .date-label>*{white-space:nowrap}
}
/* Keep keyboard destinations and opened indexes clear of the fixed app chrome. */
@media(max-width:800px){
 html:has(#ivyr-app.storybook){scroll-padding-top:80px;scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
 #ivyr-app.storybook .ivy-reading-menu nav{max-height:min(45dvh,calc(100dvh - 240px - env(safe-area-inset-bottom,0px)))}
 #ivyr-app.storybook[data-page=room] .room-scene:not(.is-fullscreen) .speech{max-width:148px;padding:12px;font-size:12px;line-height:1.7;word-break:normal;text-wrap:pretty}
}