.library-container{min-height:100vh;padding:4rem 2rem;max-width:1200px;margin:0 auto;animation:fadeIn var(--transition-smooth)}.library-header{text-align:center;margin-bottom:4rem}.library-header h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.library-header p{font-size:1.2rem;color:var(--text-muted)}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;justify-content:center}.book-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--glass-border);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);display:flex;flex-direction:column;align-items:center;text-align:center}.book-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#4f46e54d}.book-cover{width:100%;max-width:220px;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-md);position:relative}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.book-card:hover .book-cover img{transform:scale(1.05)}.book-info h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-main)}.read-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);width:100%}.read-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.reader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-darker);z-index:1000;animation:fadeIn var(--transition-smooth)}.reader-header{position:absolute;top:1.5rem;left:1.5rem;z-index:10000}.back-btn{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-main);padding:.75rem 1.25rem;border-radius:9999px;font-family:var(--font-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.back-btn:hover{background:#ffffff1a;transform:translate(-4px)}#flipbookContainer{width:100%;height:100%}.df-ui-wrapper{background:var(--glass-bg)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-lg)!important;border-radius:12px!important}.df-ui-btn{color:var(--text-main)!important;transition:color var(--transition-fast),background var(--transition-fast)!important}.df-ui-btn:hover{color:var(--accent)!important;background:#ffffff0d!important}.df-ui-page{background-color:transparent!important}.df-ui-page input{color:var(--text-main)!important;border-color:var(--glass-border)!important}.df-ui-page label{color:var(--text-muted)!important}.df-icon-powered{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.library-header h1{font-size:2rem}.library-container{padding:2rem 1rem}.book-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.back-btn{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 767px){.reader-container{background-color:#0a0a0a;height:100dvh;height:100vh}#flipbookContainer{width:100%;height:100%}.df-ui-wrapper,.df-ui-prev,.df-ui-next{display:none!important}.df-book-page,.df-page-front,.df-page-back{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.df-container .loading-info{bottom:80px!important;top:auto!important;font-size:12px!important}}html:-webkit-full-screen,html:fullscreen{background-color:#0a0a0a!important}body:-webkit-full-screen,body:fullscreen{background-color:#0a0a0a!important}#mob-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.mob-bottom-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,16px));left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:6px;background:#08080cf0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;min-width:280px;box-shadow:0 8px 32px #0009,0 0 0 .5px #ffffff0d inset;white-space:nowrap;pointer-events:all;transition:opacity .22s ease,transform .22s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.mob-nav-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.mob-progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff0f;overflow:hidden;z-index:9999;pointer-events:none;transition:opacity .22s ease}.mob-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#06b6d4);transition:width .4s cubic-bezier(.4,0,.2,1)}.mob-nav{width:42px;height:42px;border-radius:50%;border:none;background:transparent;color:#ffffffe0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s,transform .1s;flex-shrink:0}.mob-nav:active{background:#ffffff24;transform:scale(.88)}.mob-share,.mob-fs{color:#ffffffd1}body.is-fullscreen .mob-fs{color:#ffffff8c}.mob-page-info{display:flex;align-items:center;justify-content:center;gap:2px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:#ffffffeb;min-width:64px;padding:0 4px;-webkit-user-select:none;user-select:none;letter-spacing:-.01em}.mob-page-sep{color:#ffffff38;font-weight:300;margin:0 1px}.mob-page-total{color:#ffffff61;font-weight:400}