*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw}#reader-pane{display:flex;flex-direction:column;position:relative;overflow:hidden}#viewer{flex:1;overflow:hidden}#right-pane{background:#fafafa;border-left:1px solid #e0e0e0}#controls{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;border-top:1px solid #e0e0e0;background:#fff}#controls button{background:none;border:1px solid #ccc;border-radius:4px;padding:8px 20px;font-size:24px;cursor:pointer;color:#333;line-height:1}#controls button:hover{background:#f0f0f0}#controls button:active{background:#e0e0e0}#progress{font-size:14px;color:#666}#library-toggle{position:absolute;top:12px;left:12px;z-index:20;cursor:pointer;font-size:24px;color:#666;background:#ffffffe6;border:1px solid #ddd;border-radius:4px;padding:4px 10px;line-height:1}#library-toggle:hover{background:#f0f0f0}#library{position:absolute;top:0;left:0;bottom:0;width:300px;background:#fff;border-right:1px solid #ddd;z-index:15;overflow-y:auto;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 8px #0000001a}#library.open{transform:translate(0)}#library h2{padding:16px 20px;font-size:18px;border-bottom:1px solid #eee;color:#333}.book-item{padding:14px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer}.book-item:hover{background:#f8f8f8}.book-item.active{background:#e8f0fe;border-left:3px solid #1a73e8}.book-title{font-size:15px;font-weight:500;color:#222;margin-bottom:4px}.book-author{font-size:13px;color:#888;margin-bottom:4px}.book-progress{font-size:12px;color:#aaa}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:16px;text-align:center;padding:40px}