:root{--visual-viewport-height:100vh;--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px}
@supports(padding:env(safe-area-inset-top)){:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left)}}
button,a,input,select,textarea{touch-action:manipulation}button,select,input[type=checkbox],input[type=range]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px}dialog:not([open]){display:none}
.entry-scene{height:var(--visual-viewport-height,100vh);max-height:var(--visual-viewport-height,100vh)}.entry-topline{top:max(26px,calc(var(--safe-top) + 12px));left:max(4%,calc(var(--safe-left) + 12px));right:max(4%,calc(var(--safe-right) + 12px))}.entry-bottomline{bottom:max(30px,calc(var(--safe-bottom) + 20px))}.entry-top-actions button,.entry-action,.notebook-tools button,.menu-toggle,.language-toggle,.reader-options button,.study-object-caption,.study-object-target,.entry-replay{min-height:44px;min-width:44px}.entry-manual-play,.scene-manual-play{display:block;min-height:48px;margin:12px auto;padding:12px 22px;background:#e6d8b8;color:#182014;border:1px solid #ae9661;font-size:13px}.entry-manual-play[hidden],.scene-manual-play[hidden]{display:none}
.archive-notebook{top:max(8px,var(--safe-top));bottom:auto;left:max(5px,var(--safe-left));right:max(5px,var(--safe-right));width:auto;max-width:1320px;margin:0 auto;height:calc(var(--visual-viewport-height,100vh) - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom)))}.archive-notebook[open]{display:flex;flex-direction:column}.notebook-toolbar,.notebook-preview-note{flex-shrink:0}.notebook-scroll{flex:1;min-height:0;height:auto!important;-webkit-overflow-scrolling:touch}.notebook-toolbar{padding-left:max(15px,var(--safe-left));padding-right:max(15px,var(--safe-right))}.notebook-scroll{padding-bottom:max(0px,var(--safe-bottom))}
#episode-player{max-height:calc(var(--visual-viewport-height,100vh) - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)));margin-top:max(6px,var(--safe-top));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.episode-player-top{position:sticky;top:0;z-index:3;background:var(--ink);padding-bottom:10px}.episode-player-stage{width:240px;height:427px;min-width:200px;min-height:200px;max-width:100%;margin:auto}@supports(height:clamp(1px,2px,3px)){.episode-player-stage{height:clamp(356px,calc(var(--visual-viewport-height,100vh)*.61),640px);width:auto;aspect-ratio:9/16}}.episode-player-stage:fullscreen{width:100vw;height:100vh;max-width:none;min-width:0;min-height:0}.episode-player-stage:-webkit-full-screen{width:100vw;height:100vh;max-width:none;min-width:0;min-height:0}
.warden-audio{left:max(12px,calc(var(--safe-left) + 8px));bottom:max(12px,calc(var(--safe-bottom) + 8px))}.masthead nav.is-open{max-height:calc(var(--visual-viewport-height,100vh) - 100px - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.entry-scene{padding-top:max(22px,calc(var(--safe-top) + 12px));padding-bottom:max(26px,calc(var(--safe-bottom) + 18px))}.entry-topline,.entry-bottomline{top:auto;left:auto;right:auto;bottom:auto}.entry-topline,.entry-bottomline{width:calc(100% - max(24px,var(--safe-left)) - max(24px,var(--safe-right)))}.entry-topline{flex-wrap:wrap}.entry-wordmark{max-width:min(48vw,190px)}.entry-top-actions{margin-left:auto}.notebook-tools{flex-wrap:wrap}.masthead{padding-left:max(5%,var(--safe-left));padding-right:max(5%,var(--safe-right))}.study-actions{padding-bottom:var(--safe-bottom)}input[type=search],input[type=text],textarea,#chapter-select{font-size:16px}.notebook-scroll .search-wrap input{font-size:16px}.archive-notebook .reader-options button{min-height:44px;min-width:44px}.category-button{min-height:44px}.episode-link,.back-top{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.entry-scene,.entry-frame,.archive-atmosphere img{transition:none!important}.entry-dust,.journal-hotspot:before{animation:none!important}}
