:root{--primary:#4f46e5;--bg-color:#0f172a;--surface-color:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0f172ae6;flex-direction:column;width:320px;min-width:320px;height:100%;transition:transform .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-header h1{background:linear-gradient(135deg,#a8c0ff 0%,#3f2b96 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.2rem;font-weight:600}.search-box{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.search-box:focus{border-color:var(--primary)}.tree-container{flex:1;padding:10px;overflow-y:auto}.tree-container::-webkit-scrollbar{width:6px}.tree-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.tree-item{cursor:pointer;color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;font-size:.9rem;transition:all .2s;display:flex}.tree-item:hover{color:var(--text-main);background:#ffffff0d}.tree-item.active{color:var(--primary);background:#4f46e526}.tree-children{border-left:1px solid #ffffff0d;margin-left:14px;padding-left:16px}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow-y:auto}.viewer-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;display:flex}.page-image{border-radius:8px;max-width:100%;box-shadow:0 10px 30px #00000080}.download-card{text-align:center;width:100%;max-width:400px;margin-top:10vh;padding:40px}.download-btn{background:var(--primary);color:#fff;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 15px #4f46e566}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e599}.empty-state{height:100%;color:var(--text-muted);opacity:.7;flex-direction:column;justify-content:center;align-items:center;display:flex}.ebook-reader{width:100%;position:relative}.ebook-controls{z-index:50;justify-content:center;gap:10px;margin-bottom:20px;padding:10px;display:flex;position:sticky;top:20px}.btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:6px;padding:8px 16px;transition:all .2s}.btn:hover{background:#fff3}.btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{align-items:center;padding:0 15px;font-weight:500;display:flex}.mobile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:40;background:#0f172ae6;align-items:center;gap:15px;padding:15px 20px;display:none;position:sticky;top:0}.menu-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:1rem}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{z-index:100;width:80%;max-width:320px;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 15px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;position:fixed;inset:0}.mobile-header{display:flex}.ebook-controls{gap:5px;padding:10px 5px;font-size:.85rem}.btn{padding:6px 10px;font-size:.85rem}.viewer-container{padding:20px 10px}}