:root{color-scheme:dark;--ink:#0b1722;--surface:#132737;--gold:#d7b774;--muted:#aebac6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#233a4b 0,#102231 50%,#08131d 100%);color:#f5f6f7;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;height:100dvh;display:flex;flex-direction:column}button,a,input{font:inherit}button,a{font-size:14px;min-height:42px;border:1px solid #ffffff29;border-radius:6px;background:#ffffff06;color:#f5f6f7;padding:9px 16px;text-decoration:none;cursor:pointer}button:hover,a:hover{background:#ffffff15;border-color:#d7b774}button:focus-visible,a:focus-visible,input:focus-visible,#book:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.3;cursor:default}header{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid #ffffff14;gap:20px;background:#0b1722bb}.identity{display:flex;align-items:center;gap:18px}.identity>b{font-family:Georgia,serif;font-size:23px;white-space:nowrap}.identity span{color:var(--gold)}.divider{width:1px;height:24px;background:#ffffff24}h1{font-size:17px;font-weight:500;margin:0;white-space:nowrap}nav{display:flex;gap:8px}main{position:relative;flex:1;min-height:0;display:flex;overflow:hidden}#readingArea{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 20px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}#stage{flex:1;width:100%;min-height:0;display:flex;justify-content:center;align-items:center;perspective:2400px}#book{position:relative;aspect-ratio:420/297;height:100%;max-width:100%;filter:drop-shadow(0 18px 25px #0007);touch-action:pan-y;user-select:none;transform-style:preserve-3d;flex-shrink:0}.page{position:absolute;top:0;width:50%;height:100%;background:#fff;overflow:hidden;backface-visibility:hidden}.page img,.face img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.left{left:0;border-radius:3px 0 0 3px}.right{left:50%;border-radius:0 3px 3px 0}.page.empty{background:transparent;box-shadow:none}.page:not(.empty)::after{content:'';position:absolute;inset:0;pointer-events:none}.left:not(.empty)::after{background:linear-gradient(90deg,transparent 90%,#00000017)}.right:not(.empty)::after{background:linear-gradient(90deg,#00000012,transparent 9%)}.spine{position:absolute;left:50%;width:2px;height:100%;background:#0004;pointer-events:none;z-index:2}.cover .spine{display:none}.flip{position:absolute;top:0;width:50%;height:100%;z-index:10;transform-style:preserve-3d;will-change:transform}.flip.forward{left:50%;transform-origin:left center}.flip.backward{left:0;transform-origin:right center}.face{position:absolute;inset:0;backface-visibility:hidden;background:white;overflow:hidden}.face.back{transform:rotateY(180deg)}.face::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 25%,#0001);pointer-events:none}.flip.forward.go{transform:rotateY(-180deg)}.flip.backward.go{transform:rotateY(180deg)}.flip{transition:transform .68s cubic-bezier(.35,.03,.2,1)}.hint{font-size:13px;color:var(--muted);margin:10px 0 0}#message{font-size:13px;margin:3px 0 5px;min-height:16px;color:var(--gold)}footer{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 20px 16px;background:#0b1722bb;border-top:1px solid #ffffff14}#prev,#next{background:var(--gold);border-color:var(--gold);color:#142331;font-weight:650;min-width:74px}#jump{display:flex;align-items:center;gap:9px;font-size:14px}input{width:60px;text-align:center;background:#ffffff0b;border:1px solid #ffffff30;border-radius:5px;color:white;height:40px}#total{color:var(--muted)}.spread-label{font-size:13px;color:var(--muted);min-width:70px}aside{width:286px;flex-shrink:0;background:#0b1925;overflow:auto;border-right:1px solid #ffffff1a;padding:22px 16px}.toc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font-size:17px;margin:0}.toc-head button{padding:5px 10px}.toc-item{width:100%;text-align:left;display:flex;gap:12px;margin-bottom:8px;align-items:center;line-height:1.5;border-color:transparent;padding:13px 10px}.toc-item em{font-style:normal;color:var(--gold);font-size:12px}.toc-item span{flex:1;font-size:14px}dialog{padding:0;width:min(95vw,1400px);height:94dvh;max-height:94dvh;border:1px solid #ffffff30;border-radius:10px;background:#102231;color:white}dialog::backdrop{background:#000b}.zoom-toolbar{position:sticky;top:0;display:flex;align-items:center;gap:8px;height:65px;padding:10px 16px;background:#102231;z-index:2}.zoom-toolbar span{flex:1}.zoom-toolbar button{font-size:16px}#zoomScroll{height:calc(100% - 65px);overflow:auto;padding:20px;background:#33414b;text-align:center}#zoomImage{display:block;width:100%;max-width:none;height:auto;margin:auto;background:white}.mobile #book{aspect-ratio:210/297}.mobile .left,.mobile .spine{display:none}.mobile .right{left:0;width:100%}.mobile .flip{left:0;width:100%;transform-origin:left center}.mobile .flip.go{transform:rotateY(-100deg);opacity:.2}.mobile .flip{transition:transform .5s,opacity .5s}.mobile .flip.backward{transform-origin:right center}.mobile .flip.backward.go{transform:rotateY(100deg)}@media(max-width:700px){header{padding:12px;gap:8px;flex-wrap:wrap}.identity{gap:12px}.identity>b{font-size:21px}h1{font-size:16px}nav{margin-left:auto;gap:5px}nav button,nav a{padding:7px 10px;font-size:13px;min-height:36px}#readingArea{padding:10px 12px 0}.eyebrow{display:none}.hint{font-size:12px}footer{gap:8px;padding:10px 8px;flex-wrap:wrap}#jump{gap:5px}#jump label{display:none}.spread-label{display:none}#prev,#next{min-width:59px;padding:8px 11px}aside{position:absolute;inset:0 auto 0 0;z-index:20;width:min(85vw,300px);box-shadow:20px 0 60px #0008}.zoom-toolbar{padding:8px}.zoom-toolbar span{font-size:14px}#zoomScroll{padding:5px}}@media(prefers-reduced-motion:reduce){.flip{transition-duration:.01s}}

[hidden]{display:none!important}nav{flex-wrap:wrap}header h1{white-space:normal}button,a{font-size:14px;min-height:44px}.hint,#message{font-size:14px}@media(max-width:700px){nav button,nav a{font-size:14px;min-height:44px}}
.preview-notice{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#102231;flex-shrink:0;font-size:14px}.preview-notice span{flex:1}.preview-notice a{white-space:nowrap}@media(max-width:700px){.preview-notice{flex-wrap:wrap;padding:8px 12px}.preview-notice span{flex-basis:100%;font-size:12px}}
.chapter-nav{display:flex;gap:8px;padding:10px 24px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid #ffffff20;background:#102231}.chapter-nav a{white-space:nowrap;font-size:14px;padding:10px 14px}.chapter-nav a[aria-current]{background:var(--gold);color:#142331;font-weight:700}.chapter-switch{display:none;align-items:center;gap:10px;padding:8px 12px;flex-shrink:0}.chapter-switch select{font:inherit;font-size:16px;background:#132737;color:white;border:1px solid #ffffff40;border-radius:6px;padding:8px;flex:1;min-width:0}.chapter-switch label{font-size:14px}header{flex-shrink:0}footer{flex-shrink:0}@media(max-width:700px){.chapter-nav{display:none}.chapter-switch{display:flex}header .identity{flex:1}header nav{margin:0}.zoom-toolbar{flex-wrap:wrap;height:auto;min-height:65px}.zoom-toolbar button{padding:8px}}

.chapter-nav a{font-size:16px;min-height:48px}.chapter-nav{flex-wrap:wrap;padding:8px 20px}.chapter-switch select{min-height:48px}

body.theory-night .page img,body.theory-night .face img,body.theory-night #zoomImage{filter:invert(.88) hue-rotate(180deg)}body.theory-night .page:not(.empty),body.theory-night .face{background:#202c37}#themeButton{white-space:nowrap}@media(max-width:900px){header{flex-wrap:wrap;padding:10px 16px;gap:10px}header nav{flex-wrap:wrap}}

.identity>a.home-brand{font-family:Georgia,serif;font-size:23px;font-weight:700;white-space:nowrap;border:0;background:transparent;padding:0;min-height:42px;display:inline-flex;align-items:center;gap:.25em;text-decoration:none}.identity>a.home-brand:hover{background:transparent;color:#fff}.identity>a.home-brand:focus-visible{outline:3px solid var(--gold);outline-offset:5px}