:root{--glass-bg:#ffffff26;--glass-border:#ffffff4d;--text-color:#2c3e50}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#p5-container{z-index:0;width:100vw;height:100vh;position:absolute;top:0;left:0}#book-canvas{z-index:1;cursor:grab;width:100vw;height:100vh;transition:filter .5s;position:absolute;top:0;left:0}#book-canvas:active{cursor:grabbing}.canvas-blurred{filter:blur(8px)brightness(.8);pointer-events:none}#ui-layer{z-index:10;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}#ui-layer.ui-visible{opacity:1;pointer-events:auto}.ui-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;background:#ffffffd9;border-radius:20px;width:90%;max-width:500px;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(30px);box-shadow:0 25px 50px -12px #00000040}#ui-layer.ui-visible .ui-panel{transform:translateY(0)}#close-panel{color:#666;cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:15px;right:20px}#close-panel:hover{color:#000}#book-title{color:#1a1a1a;margin-bottom:.2rem;font-size:2.2rem;font-weight:800}#book-subtitle{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}#book-description{color:#444;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.read-btn{color:#fff;background:#ff6b6b;border-radius:30px;padding:12px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 15px #ff6b6b66}.read-btn:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}