#portfolio-document{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;background:#000;scrollbar-width:thin;scrollbar-color:#444 #050505;outline:none}
#portfolio-document[hidden]{display:none!important}
.portfolio-fixed-back{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:80;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#e5e5e5;mix-blend-mode:difference;cursor:pointer;display:none;place-items:center}
.portfolio-fixed-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2}
.portfolio-fixed-back:focus-visible{outline:1px solid currentColor;outline-offset:2px;border-radius:50%}
body.continuous-open>.portfolio-fixed-back{display:grid}
body.continuous-returning>.portfolio-fixed-back{visibility:hidden;pointer-events:none}
/* Preserve header spacing, but render only one navigation arrow across the document. */
#portfolio-document :is(.profile-back,.writing-back,.ai-back),body.continuous-open .evidence-back{visibility:hidden!important;pointer-events:none!important}
#portfolio-document.flow-locked{overflow:hidden}
body.continuous-open>main{visibility:hidden;pointer-events:none}
body.continuous-returning>main{visibility:visible}
#portfolio-document>.profile-page,#portfolio-document>.characters-page,#portfolio-document>.writing-shell,#portfolio-document>.ai-shell{position:relative;inset:auto;width:100%;height:auto;overflow:visible;scroll-snap-type:none;opacity:1;transform:none;z-index:auto}
#portfolio-document .about-flow-page,#portfolio-document .chapter-flow-page{scroll-snap-align:none}
#portfolio-document .about-profile{display:flow-root}
#portfolio-document .writing-shell{height:100svh;min-height:620px}
#portfolio-document .writing-stage{position:relative;inset:auto;height:100%;overflow:visible;scroll-snap-type:none}
#portfolio-document .writing-flow-page{height:100%;scroll-snap-align:none}
#portfolio-document .writing-flow-page iframe{height:100%}
#portfolio-document .ai-scroll{height:auto;overflow:visible;scroll-snap-type:none}
#portfolio-document .ai-track{height:400svh}
#portfolio-document .ai-mj{height:100svh;scroll-snap-align:none}
#portfolio-document .ai-stop{scroll-snap-align:none;scroll-snap-stop:normal}
#portfolio-document .chapter-stars{position:absolute}
#portfolio-document #chapter-scene{display:none}
body.continuous-open .chapter-pagination{display:none!important}
#portfolio-document .chapter-flow-intro .chapter-body{padding-bottom:60px}
@media(prefers-reduced-motion:reduce){#portfolio-document{scroll-behavior:auto}}

/* Give the character dialog the full viewport without moving or reloading its iframe. */
#portfolio-document.character-modal-open #characters-intro{z-index:50}
#portfolio-document.character-modal-open .chapter-flow-page[data-page="creation"]{overflow:visible;z-index:50}
#portfolio-document iframe.modal-viewport{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;z-index:100;background:#030407}