@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-app: #000000;--bg-panel: rgba(15, 15, 15, .95);--bg-content: #0a0a0a;--bg-card: #111111;--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-active: 1px solid rgba(255, 255, 255, .2);--border-focus: 1px solid rgba(41, 151, 255, .5);--text-primary: #ededed;--text-secondary: #999999;--text-muted: #555555;--accent-blue: #2997ff;--accent-purple: #9d4edd;--accent-orange: #ff7b00;--accent-green: #00c853;--accent-red: #ff3b30;--accent-hover: rgba(41, 151, 255, .15);--header-h: 50px;--toolbar-h: 40px;--sidebar-w: 260px;--radius-md: 12px;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;height:100%;width:100%}.glass{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#555}.main-layout{display:flex;flex-direction:column;height:100vh;width:100%}.navbar{height:var(--header-h);border-bottom:var(--border-subtle);display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:0 20px;z-index:50}.nav-identity{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(41,151,255,.3))}.logo-text{display:flex;align-items:baseline;gap:6px}.logo-text h1{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.badge{font-size:9px;padding:2px 4px;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:4px;font-weight:600}.nav-center{display:flex;justify-content:center;gap:15px}.nav-btn{position:relative;background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:500;gap:6px}.nav-btn .lucide{margin-bottom:0}.nav-btn:hover,.nav-btn.active{color:#fff;background:#ffffff0d}.nav-btn.active .glow-bar{display:none}.nav-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px}.tool-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.tool-btn:hover{color:var(--text-primary)}.sep{width:1px;height:16px;background:var(--border-subtle)}.user-btn{background:transparent;border:none;cursor:pointer}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#333,#111);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.content-area{flex:1;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 20%,#1a1a1a,#000 80%)}.book-overlay{position:fixed;inset:0;background:var(--bg-app);z-index:1000;display:flex;flex-direction:column;animation:fadeIn .3s ease}.book-container{display:flex;flex:1;overflow:hidden;height:100vh;width:100vw}.book-sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:var(--border-subtle);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative;z-index:10;overflow:hidden}.book-sidebar.collapsed{transform:translate(-100%);width:0;border:none}.sidebar-header{height:50px;padding:0 20px;border-bottom:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#16161680;flex-shrink:0}.sidebar-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-content{flex:1;overflow-y:auto;padding:10px 0}.toc-item{display:block;width:100%;text-align:left;padding:10px 20px;font-size:13px;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;transition:all .2s;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item:hover{background:#ffffff0d;color:var(--text-primary)}.toc-item.active{background:var(--accent-hover);color:var(--accent-blue);border-left-color:var(--accent-blue);font-weight:600}.book-main{flex:1;display:flex;flex-direction:column;background:var(--bg-app);position:relative;width:100%}.reader-toolbar{height:50px;background:var(--bg-card);border-bottom:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.toolbar-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;transition:.2s;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#ffffff1a;color:var(--text-primary)}.book-content-wrapper{flex:1;overflow-y:auto;padding:40px;display:block;scroll-behavior:smooth;background:radial-gradient(circle at 50% 20%,#1a1a1a,#000 80%)}.book-article{width:100%;max-width:800px;margin:0 auto;color:#e0e0e0;font-family:var(--font-sans);line-height:1.8;font-size:1.1rem;padding-bottom:10px}.book-article h1,.book-article h2,.book-article h3{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:700}.book-article h1{font-size:2.2rem;text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--border-subtle);padding-bottom:20px}.book-article h2{color:var(--accent-blue)}.book-article p{margin-bottom:1.5rem;text-align:justify}.book-article ul,.book-article ol{margin-bottom:1.5rem;padding-left:2rem;color:var(--text-secondary)}.book-article pre{background:transparent;padding:20px;border-radius:8px;overflow-x:auto;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:.9em}.book-article pre code.hljs{background:transparent!important;padding:0}.book-article blockquote{border-left:4px solid var(--accent-purple);color:var(--text-secondary);font-style:italic;background:#ffffff05;padding:10px 15px;border-radius:0 4px 4px 0}.book-article img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 20px #00000080}.book-article table{width:100%;border-collapse:collapse;margin:20px 0;background:#111;border-radius:8px;overflow:hidden;border:1px solid #333}.book-article th,.book-article td{padding:12px 15px;text-align:left;border-bottom:1px solid #222}.book-article th{background:#1a1a1a;font-weight:600;color:var(--text-primary)}.book-article tr:nth-child(2n){background:#ffffff05}.book-article tr:hover{background:#ffffff0d}.reader-footer{height:60px;background:var(--bg-card);border-top:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0}.nav-step-btn{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #333;padding:8px 20px;border-radius:30px;color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all .2s}.nav-step-btn:hover:not(:disabled){background:var(--text-primary);color:var(--bg-app);border-color:var(--text-primary)}.nav-step-btn:disabled{opacity:.3;cursor:not-allowed}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ff4d4f;text-align:center;padding:2rem}.error{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.error-detail{font-size:1rem;color:#ffccc7;font-family:monospace;margin-bottom:.5rem;background:#ff00001a;padding:10px;border-radius:4px;word-break:break-all}