/* The retained parent and active surface share the sole native dialog/top layer. */
#media-parent-layer{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-start;justify-content:center;padding-top:90px;overflow:hidden;pointer-events:none;filter:blur(9px) brightness(.55)}
#media-parent-layer>div{width:min(1280px,calc(100vw - 32px));height:calc(100dvh - 106px);overflow:hidden}
#media-parent-layer *{animation-play-state:paused!important;transition:none!important}
#media-parent-layer .paper-gateway{height:100%;min-height:0}
#media-parent-layer .paper-view-heading{top:5%}
#media-parent-layer .paper-close{display:none}
#reader.media-parent-context{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;background:transparent;overflow:hidden}
#reader.media-parent-context #reader-surface{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 80px));height:min(760px,calc(100dvh - 80px));z-index:1;overflow:hidden}
#reader.media-parent-context #reader-surface.media-case-surface .reader-toolbar{background:#182c22cc;color:#fff4d8}
#reader.media-parent-context .media-case-surface #reader-scroll{flex:1;min-height:0;height:auto}
#reader[data-view="personal-gallery"] #reader-surface{width:min(1280px,calc(100vw - 32px));height:calc(100dvh - 32px);color:#fff4d8;background:transparent}
#reader[data-view="personal-gallery"] .reader-toolbar{background:#182c22cc;color:inherit}
#reader[data-view="personal-gallery"] .reader-toolbar button{color:inherit}
#reader[data-view="personal-gallery"] #reader-scroll{padding:0;overflow:hidden}
#reader[data-view="personal-gallery"] #module-slot,#reader[data-view="personal-gallery"] #module-slot>div{height:100%}
#reader[data-view="personal-gallery"] .personal-back-papers{display:none}
@media(max-width:800px){#media-parent-layer>div{overflow:hidden}#media-parent-layer .paper-gateway{height:auto;min-height:1000px}#media-parent-layer .paper-view-heading{top:64px}}
@media(max-width:480px){#media-parent-layer .paper-gateway{min-height:930px}}
@media(max-width:520px){#media-parent-layer{padding-top:80px}#media-parent-layer>div{height:calc(100dvh - 96px)}#reader.media-parent-context #reader-surface{width:calc(100vw - 24px);height:calc(100dvh - 24px)}#reader[data-view="personal-gallery"] #reader-surface{width:calc(100vw - 24px);height:calc(100dvh - 24px)}}