@font-face{font-family:Roboto;src:url(fonts/roboto-latin-400-normal.woff2)}#view-viewport,#view-viewport *{box-sizing:border-box}html:has(body.memo-reader),body.memo-reader{height:100%;margin:0;overflow:hidden}#view-viewport{color:#666;font:12px Roboto,Arial,sans-serif;background:#e8e7e1}#view-viewport a{color:inherit;text-decoration:none}#view-viewport button{color:inherit;background:none;border:0;font:inherit;padding:10px 15px;cursor:pointer;touch-action:manipulation}#view-viewport button:disabled{opacity:.25;cursor:default}#view-viewport button:focus-visible,#view-viewport a:focus-visible{outline:2px solid #89957c;outline-offset:3px}#view-viewport [hidden]{display:none!important}#view-viewport{position:fixed;inset:var(--memo-site-top,150px) 0 0;z-index:1;overflow:hidden;--book-left:8px;--book-top:8px;--book-width:calc(100vw - 16px);--book-height:calc(100dvh - 16px);--book-center:50vw;--pager-top:calc(100dvh - 68px);--hint-top:calc(100dvh - 20px);background:radial-gradient(ellipse at 50% 45%,#f2f1ec,#e5e4dd)}#book-stage{position:absolute;inset:7px 9px;touch-action:none;user-select:none;-webkit-user-select:none}#flipbook{position:absolute;inset:0;width:100%;height:100%;min-width:0!important;min-height:0!important;touch-action:none;isolation:isolate}#flipbook .stf__wrapper{width:100%;height:100%;padding:0!important}#flipbook .stf__block{touch-action:none}.memo-view-page{overflow:hidden;background:#faf9f4;border:1px solid #e6e4d9;box-shadow:inset 12px 0 19px -18px #0009;isolation:isolate;touch-action:none;will-change:transform}.memo-view-page.--left{box-shadow:inset -15px 0 23px -20px #000a}.memo-page-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.memo-view-page:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000009,transparent 3%,transparent 97%,#00000005)}.memo-page-folio{position:absolute;bottom:16px;right:20px;font-size:8px;color:#b0ad9d;letter-spacing:1px;pointer-events:none}.memo-view-page.--left .memo-page-folio{left:20px;right:auto}#book-edge{position:absolute;left:var(--book-left);top:var(--book-top);width:var(--book-width);height:var(--book-height);border-radius:1px 5px 5px 1px;pointer-events:none;box-shadow:0 15px 38px #262c1c24,2px 2px 0 #e6e5da,4px 4px 0 #bdbfae,6px 6px 0 #f5f4e9;z-index:0}#book-stage{z-index:1}.view-header{position:absolute;z-index:50;left:calc(var(--book-left) + 14px);top:calc(var(--book-top) + max(12px,env(safe-area-inset-top)));display:flex;align-items:center;gap:14px;padding:6px 10px;border:1px solid #deded5a6;border-radius:12px;background:#ffffffe6;backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000009;max-width:calc(var(--book-width) - 28px);font-size:10px}.view-header h1{font-size:10px;font-weight:400;margin:0 auto 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:240px;color:#a1a08f}.view-header a,.view-header button{white-space:nowrap;padding:6px 4px;line-height:18px}.view-header button{font-size:9px}.view-header svg{display:block}#view-fullscreen{display:flex;align-items:center;justify-content:center}#view-message{position:absolute;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#8e9580;background:#faf9f4ed;padding:16px 22px;text-align:center;line-height:1.8;border-radius:10px;box-shadow:0 5px 25px #0000000a;max-width:80%;pointer-events:none}#view-retry{position:absolute;z-index:61;left:50%;top:calc(50% + 56px);transform:translateX(-50%);padding:9px 17px;background:#fff;border:1px solid #ddd;border-radius:7px}.view-pager{position:absolute;z-index:50;left:var(--book-center);top:var(--pager-top);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;padding:3px 5px;border:1px solid #dfdfd4a0;background:#ffffffe8;backdrop-filter:blur(12px);border-radius:13px;box-shadow:0 4px 20px #0000000a;font-size:9px;letter-spacing:1px;white-space:nowrap}.view-pager button{padding:9px 12px;display:grid;place-items:center;border-radius:9px;min-width:42px}.view-pager button:hover{background:#e9ede3}#view-count{min-width:64px;text-align:center}#view-hint{position:absolute;z-index:50;left:var(--book-center);top:var(--hint-top);transform:translateX(-50%);font-size:8px;letter-spacing:.4px;color:#a5a68f;pointer-events:none;white-space:nowrap;margin:0}#view-hint span{padding:0 8px}body.has-turned #view-hint{opacity:0;transition:opacity 1s}.memo-loading-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#aaa;background:#faf9f4}.memo-loading-mark:empty{display:none}.memo-cover-page{background:linear-gradient(90deg,#d7d8cc,#f0f0e4 6%,#eeeee2 94%,#d7d7ca);box-shadow:inset 8px 0 16px -12px #0009;display:flex;align-items:center;justify-content:center}.memo-cover-inner{position:absolute;inset:14px;border:1px solid #c9cbbb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:5%;color:#777f68}.memo-cover-inner strong{font-size:clamp(16px,2vw,34px);font-weight:400;letter-spacing:1px;text-align:center}.memo-cover-inner small{font-size:9px;letter-spacing:3px;color:#969e84}#flipbook .stf__item.--hard{border-radius:0 4px 4px 0}body.spread-view .memo-page-art{padding:4% 2%}body.spread-view .memo-view-page:after{background:linear-gradient(90deg,#0000000b,transparent 9%,transparent 94%,#00000005)}
@media(max-width:700px){#book-stage{inset:4px}.view-header{left:calc(var(--book-left) + 8px);top:calc(var(--book-top) + max(8px,env(safe-area-inset-top)));max-width:calc(var(--book-width) - 16px);gap:10px;font-size:9px;padding:4px 8px}.view-header h1{display:none}.view-header button{font-size:8px}.view-header a,.view-header button{padding:5px 2px}.view-pager{gap:10px;padding:2px 4px;font-size:8px}.view-pager button{padding:8px;min-width:36px}#view-count{min-width:52px}#view-hint{font-size:7px}.memo-page-folio{font-size:7px;bottom:12px;right:12px}.memo-cover-inner{inset:9px}.memo-cover-inner strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.has-turned #view-hint{transition:none}}
#flipbook .stf__block{cursor:grab}body[data-book-state="user_fold"] #flipbook .stf__block{cursor:grabbing}

.memo-3d-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}.memo-gpu-book .stf__item,.memo-gpu-book [class*=Shadow]{opacity:0!important}.memo-gpu-book .stf__wrapper{z-index:35}.memo-gpu-book .stf__block{background:transparent}.memo-cover-page.memo-hard-cover .memo-cover-title{font-size:var(--memo-size);font-weight:400;color:var(--memo-ink);letter-spacing:0}.memo-cover-page.memo-hard-cover[data-cover-layout=large] .memo-cover-title{font-size:calc(var(--memo-size)*1.34)}.memo-cover-page.memo-hard-cover .memo-cover-mark{color:var(--memo-ink);letter-spacing:1px}.memo-cover-page.memo-hard-cover .memo-cover-inner{border:0;inset:0}

@media(prefers-reduced-motion:reduce){#book-stage{pointer-events:none}}

body.memo-reader .mainheader{position:relative;z-index:200;background:#fff;display:block;transform:none}body.memo-reader .mainpage{padding-bottom:0;min-height:0}#view-viewport .memo-cover-title{line-height:1.35}#view-viewport #view-hint{line-height:1.3}#view-viewport [hidden]{display:none!important}@media(min-width:1101px){#view-viewport{--memo-site-top:134px}}

/* Full viewport paper; the theme keeps its own logo, grid and menu typography. */
body.memo-reader #view-viewport{inset:0;background:#fff}
#book-camera{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
body.memo-reader #book-stage{inset:0;pointer-events:auto;touch-action:none}
body.spread-view .memo-page-art{padding:0}
body.memo-reader .mainheader{position:fixed;inset:0 0 auto;background:transparent;pointer-events:none}
body.memo-reader .mainheader .logo,body.memo-reader .mainheader .main-nav{pointer-events:auto}
body.memo-reader .view-header{left:16px;top:auto;bottom:18px;max-width:calc(50% - 32px)}
body.memo-reader .view-pager{left:50%;top:auto;bottom:18px}
body.memo-reader #view-hint{display:none}
.view-zoom{position:absolute;z-index:55;right:18px;bottom:18px;display:flex;align-items:center;background:rgba(255,255,255,.88);border:1px solid #dad8cf;border-radius:24px;box-shadow:0 3px 18px #0000000b;backdrop-filter:blur(12px)}
.view-zoom button{border:0;background:transparent;color:#303129;min-width:38px;height:40px;cursor:pointer;font:14px Arial,sans-serif;padding:0 9px}
.view-zoom button:focus-visible{outline:2px solid #606f51;outline-offset:-4px;border-radius:20px}
#view-zoom-fit{min-width:48px;font-size:11px}
@media(max-width:700px){body.memo-reader .view-header{bottom:70px;max-width:calc(100% - 32px)}body.memo-reader .view-pager{left:16px;transform:none}.view-zoom{right:16px}}

#memo-vector-detail{position:absolute;inset:0;width:100%;height:100%;z-index:35;pointer-events:none}#memo-vector-detail[hidden]{display:none}