.ev-root{--ev-ink:var(--color-ink,#221c18);--ev-paper:var(--color-paper,#f5efe4);--ev-mat:var(--color-viewer-mat,#e6e3dd);flex-direction:column;height:100vh;height:100dvh;width:100%;background-color:var(--ev-mat);color:var(--ev-ink);font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.ev-root,.ev-stage{position:relative;display:flex;overflow:hidden}.ev-stage{flex:1 1 auto;min-height:0;align-items:center;justify-content:center;container-type:size;touch-action:manipulation;outline:none}.ev-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--ev-ink)}.ev-fit{display:flex;width:100%;aspect-ratio:var(--ev-r);width:min(100cqw,calc(100cqh * var(--ev-r)));height:min(100cqh,calc(100cqw / var(--ev-r)));background-color:rgb(34 28 24/.06);box-shadow:0 .75rem 2.5rem rgb(48 34 22/.18);transition:width .18s ease,height .18s ease}.ev-fit,.ev-panel{position:relative;overflow:hidden}.ev-panel{flex:0 0 auto;width:calc(100% * var(--ev-share));height:100%}.ev-art{left:calc(-100% * var(--ev-off) / var(--ev-frac));height:100%;width:calc(100% / var(--ev-frac));max-width:none;object-fit:contain;object-position:center;display:block;user-select:none;-webkit-user-drag:none}.ev-art,.ev-zone{position:absolute;top:0}.ev-zone{bottom:0;width:30%;pointer-events:none}.ev-zone--prev{left:0}.ev-zone--next{right:0}.ev-wm-line{right:.5rem;bottom:.4rem;margin:0;font-size:clamp(.5rem,2.2cqw,.7rem);letter-spacing:.02em;color:rgb(255 255 255/.62);text-shadow:0 1px 2px rgb(0 0 0/.75)}.ev-wm-line,.ev-wm-tiles{position:absolute;pointer-events:none;user-select:none}.ev-wm-tiles{inset:0;background-repeat:repeat;background-size:240px 150px;opacity:0;transition:opacity .16s ease}.ev-wm-tiles--on{opacity:1}@media print{.ev-wm-tiles{transition:none}.ev-wm-line,.ev-wm-tiles{opacity:1!important}}.ev-bar{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 0px));background-color:rgb(34 28 24/.05)}.ev-btn{appearance:none;border:1px solid rgb(34 28 24/.22);border-radius:999px;background-color:rgb(34 28 24/.04);color:inherit;font:inherit;font-size:.8125rem;line-height:1;padding:.5rem .85rem;min-height:2.5rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease;white-space:nowrap;flex:0 0 auto}@media (max-width:25rem){.ev-bar{gap:.25rem;padding-left:.375rem;padding-right:.375rem}.ev-btn{font-size:.75rem;padding:.5rem .6rem}}.ev-btn:hover:not(:disabled){background-color:rgb(34 28 24/.1)}.ev-btn:focus-visible{outline:2px solid var(--ev-ink);outline-offset:2px}.ev-btn:disabled{opacity:.32;cursor:default}.ev-btn--on{background-color:rgb(34 28 24/.16);border-color:rgb(34 28 24/.55)}.ev-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.ev-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--color-ink-subtle,#6b6358)}.ev-progress{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--ev-ink)}.ev-empty{margin:auto;padding:2rem;text-align:center;color:var(--color-ink-muted,#4a443c);font-size:.875rem}.ev-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.ev-fit{transition:none}}.ev-art--frame{border:0;display:block;background-color:var(--ev-paper);overflow:hidden}