.content-book-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;perspective:2500px;perspective-origin:50% 45%;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.content-book-stage.dragging{cursor:grabbing}.content-book-stage.completing{cursor:default}.content-measure{position:fixed;left:0;top:0;width:min(90vw,680px);opacity:0;pointer-events:none;z-index:-1;padding:2rem 2.5rem;font-size:.95rem;line-height:1.85}.content-measure h1,.content-measure h2,.content-measure h3,.content-measure h4{color:#fff;font-weight:700;margin:.5em 0 .3em}.content-measure h2{font-size:1.5rem;border-left:3px solid #00f0ff;padding-left:12px}.content-measure h3{font-size:1.2rem;color:#00f0ff}.content-measure p{margin-bottom:.8em;color:#c0c0d0}.content-measure blockquote{border-left:2px solid #00f0ff;padding:8px 14px;margin:.5em 0;background:#00f0ff0a;border-radius:0 6px 6px 0;color:#a0a0b8;font-style:italic}.content-measure code{background:#00f0ff14;color:#00f0ff;padding:1px 5px;border-radius:3px;font-family:monospace;font-size:.9em}.content-measure pre{background:#112c;border:1px solid #1a1a2e;border-radius:8px;padding:12px 16px;margin:.8em 0;font-size:.82em;overflow-x:auto}.content-measure pre code{background:none;padding:0}.content-measure ul,.content-measure ol{padding-left:1.5em;margin-bottom:.6em}.content-measure li{margin-bottom:.2em;color:#c0c0d0}.content-measure li::marker{color:#00f0ff}.content-measure hr{border-color:#1a1a2e;margin:.8em 0}.content-measure img{max-width:100%;border-radius:8px}#content-book{position:relative;width:min(90vw,760px);height:min(75vh,600px);display:flex;transform-style:preserve-3d;border-radius:4px 12px 12px 4px;box-shadow:0 20px 60px #0009,0 0 40px #00c8ff0d}#content-book:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#001e3cf2,#000f23fa 50%,#000a19f2);border-radius:inherit;z-index:0}.content-page{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;background:linear-gradient(135deg,#001932f7,#001226fa 50%,#000c1cf7);border-radius:0 8px 8px 0;border:1px solid rgba(0,180,220,.08);box-shadow:2px 0 20px #0006,inset 0 0 80px #00c8ff05;pointer-events:auto;overflow:hidden}.content-page:before{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 30%,transparent 60%);border-radius:inherit;opacity:0;transition:opacity .15s;pointer-events:none}.content-page.folding:before{opacity:1}.content-page-front,.content-page-back{position:absolute;inset:0;backface-visibility:hidden;padding:2rem 2.5rem;border-radius:inherit;display:flex;flex-direction:column}.content-page-back{transform:rotateY(180deg);background:linear-gradient(135deg,#001428f7,#000c1cfa)}.content-page-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,200,255,.15) transparent;font-size:.95rem;line-height:1.85;color:#c8cddce6}.content-page-body::-webkit-scrollbar{width:4px}.content-page-body::-webkit-scrollbar-thumb{background:#00c8ff26;border-radius:2px}.content-page-body h1,.content-page-body h2,.content-page-body h3,.content-page-body h4{color:#fff;font-weight:700;margin:.3em 0}.content-page-body h2{font-size:1.35rem;border-left:3px solid #00f0ff;padding-left:10px;text-shadow:0 0 8px rgba(0,240,255,.1)}.content-page-body h3{font-size:1.1rem;color:#00f0ff}.content-page-body p{margin-bottom:.6em}.content-page-body a{color:#00f0ff;text-decoration:none;border-bottom:1px solid rgba(0,240,255,.2)}.content-page-body strong{color:#fff}.content-page-body blockquote{border-left:2px solid #00f0ff;padding:6px 12px;margin:.5em 0;background:#00f0ff08;border-radius:0 6px 6px 0;color:#a0a0b8;font-style:italic}.content-page-body code{background:#00f0ff14;color:#00f0ff;padding:1px 5px;border-radius:3px;font-family:monospace;font-size:.88em}.content-page-body pre{background:#112c;border:1px solid #1a1a2e;border-radius:8px;padding:12px 16px;margin:.6em 0;font-size:.82em;overflow-x:auto}.content-page-body pre code{background:none;padding:0;color:#c0c0d0}.content-page-body ul,.content-page-body ol{padding-left:1.5em;margin-bottom:.5em}.content-page-body li{margin-bottom:.15em}.content-page-body li::marker{color:#00f0ff}.content-page-body hr{border-color:#1a1a2e;margin:.6em 0}.content-page-body img{max-width:100%;border-radius:8px;box-shadow:0 0 15px #00c8ff0f}.page-footer{margin-top:auto;padding-top:.8rem;border-top:1px solid rgba(0,200,255,.08);font-family:JetBrains Mono,monospace;font-size:.65rem;color:#00c8ff40;display:flex;justify-content:space-between}@media(max-width:640px){.content-book-stage{padding:.5rem .2rem}#content-book{width:96vw;height:min(65vh,460px)}.content-page-front,.content-page-back{padding:1.2rem}.content-page-body{font-size:.85rem}.content-measure{width:92vw;padding:1rem 1.2rem;font-size:.85rem}}