:root{--bg: #1a1a2e;--bg2: #16213e;--bg3: #0f3460;--accent: #e94560;--accent2: #ff6b9d;--text: #e0e0e0;--text2: #a0a0b0;--green: #4ade80;--yellow: #fbbf24;--cyan: #22d3ee;--purple: #c084fc;--code-bg: #0d1117;--sidebar-w: 320px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}#progress-bar-container{position:fixed;top:0;left:0;width:100%;height:5px;background:var(--bg2);z-index:1000}#progress-bar{height:100%;background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,#8b00ff);transition:width .5s ease;width:0%}#sidebar{position:fixed;left:0;top:5px;width:var(--sidebar-w);height:calc(100vh - 5px);background:var(--bg2);border-right:1px solid #ffffff15;overflow-y:auto;z-index:100;transition:transform .3s ease;display:flex;flex-direction:column}#sidebar.hidden{transform:translate(calc(-1 * var(--sidebar-w)))}#sidebar-header{padding:20px;border-bottom:1px solid #ffffff15;flex-shrink:0}#sidebar-header h2{font-size:1.1em;color:var(--accent2)}#sidebar-header h2 a{color:inherit;text-decoration:none}#sidebar-header h2 a:hover{text-decoration:underline}.progress-text{font-size:.85em;color:var(--text2);margin-top:6px}#chapter-list{flex:1;overflow-y:auto;padding:8px 0}.chapter-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;transition:background .2s;font-size:.9em;border-left:3px solid transparent;text-decoration:none;color:var(--text)}.chapter-item:hover{background:#ffffff08}.chapter-item.active{background:#ffffff10;border-left-color:var(--accent);color:var(--accent2)}.chapter-item.completed .ch-check{color:var(--green)}.ch-check{font-size:1.2em;flex-shrink:0;color:#ffffff20;width:24px;text-align:center}.ch-title{flex:1}#sidebar-footer{padding:15px 20px;border-top:1px solid #ffffff15;flex-shrink:0}#sidebar-toggle{position:fixed;top:15px;left:15px;z-index:200;background:var(--bg3);border:1px solid #ffffff20;color:var(--text);width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2em;display:none;align-items:center;justify-content:center;transition:left .3s}#main{margin-left:var(--sidebar-w);min-height:100vh;padding:40px 20px;transition:margin-left .3s}#main.expanded{margin-left:0}.content{max-width:820px;margin:0 auto}.content h1{font-size:2em;color:var(--accent2);margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--accent)}.content h1:first-child{margin-top:0}.content h2{font-size:1.4em;color:var(--cyan);margin:30px 0 12px}.content h3{font-size:1.15em;color:var(--purple);margin:24px 0 10px}.content p{margin:10px 0}.content ul,.content ol{margin:10px 0 10px 24px}.content li{margin:4px 0}.content strong{color:var(--yellow)}.content em{color:var(--text2);font-style:italic}.content a{color:var(--cyan)}.content blockquote{border-left:4px solid var(--accent2);margin:16px 0;padding:10px 16px;background:#ffffff06;border-radius:0 8px 8px 0}.content hr{border:none;border-top:1px solid #ffffff15;margin:30px 0}.content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92em}.content th,.content td{border:1px solid #ffffff15;padding:8px 12px;text-align:left}.content th{background:var(--bg3);color:var(--cyan)}.content td{background:#ffffff05}.content code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:.9em;color:var(--green)}.content pre{background:var(--code-bg);border:1px solid #ffffff10;border-radius:8px;padding:16px;margin:12px 0;overflow-x:auto;position:relative}.content pre code{background:none;padding:0;font-size:.88em;color:var(--text);display:block;line-height:1.6}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff15;border:none;color:var(--text2);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8em;opacity:0;transition:opacity .2s}pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:#ffffff25;color:#fff}.chapter-complete-bar{margin:40px 0 20px;padding:20px;background:var(--bg2);border-radius:12px;border:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.complete-btn{padding:10px 28px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s}.complete-btn.incomplete{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.complete-btn.done{background:var(--green);color:#1a1a2e}.complete-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.nav-btns{display:flex;gap:10px}.nav-btn{padding:8px 18px;background:var(--bg3);border:1px solid #ffffff15;color:var(--text);border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.nav-btn:hover{background:#ffffff15;color:#fff}.nav-btn.disabled{opacity:.3;pointer-events:none}.save-section{margin-bottom:12px}.save-btn-main{width:100%;padding:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:600;transition:all .2s}.save-btn-main:hover{filter:brightness(1.15);transform:scale(1.02)}.save-link-box{margin-top:8px;padding:8px;background:var(--code-bg);border:1px solid #ffffff10;border-radius:6px;display:none}.save-link-box.visible{display:block}.save-link-url{font-size:.72em;color:var(--cyan);word-break:break-all;margin-bottom:6px;font-family:monospace}.save-link-copy{width:100%;padding:5px;background:var(--bg3);border:1px solid #ffffff15;color:var(--text);border-radius:4px;cursor:pointer;font-size:.78em;transition:all .2s}.save-link-copy:hover{background:#ffffff15;color:#fff}.save-link-info{font-size:.7em;color:var(--text2);margin-top:6px;line-height:1.4}#reset-btn{width:100%;padding:8px;margin-top:8px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:6px;cursor:pointer;font-size:.85em;transition:all .2s}#reset-btn:hover{background:var(--accent);color:#fff}#music-player{position:fixed;bottom:20px;right:20px;z-index:300}#music-toggle{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent2);background:var(--bg2);color:var(--accent2);font-size:1.5em;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}#music-toggle:hover{background:var(--accent2);color:#fff;transform:scale(1.1)}#music-toggle.playing{animation:pulse 1.5s infinite;background:var(--accent2);color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 #e9456080}50%{box-shadow:0 0 0 12px #e9456000}}#music-iframe{position:absolute;bottom:70px;right:0;width:320px;height:200px;border-radius:12px;border:1px solid #ffffff20;display:none;background:#000}.cat-ascii{font-family:monospace;font-size:1.2em;color:var(--cyan);line-height:1.3;margin:30px auto}.start-btn{padding:16px 48px;font-size:1.2em;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:all .3s;margin-top:20px;text-decoration:none;display:inline-block}.start-btn:hover{transform:scale(1.08);filter:brightness(1.15)}.ad-slot{margin-top:12px;padding:8px;text-align:center;font-size:.7em;color:var(--text2);opacity:.6}.confetti-piece{position:fixed;width:10px;height:10px;z-index:999;animation:confetti-fall 3s ease-out forwards;pointer-events:none}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@media(max-width:900px){:root{--sidebar-w: 280px}#sidebar{transform:translate(calc(-1 * var(--sidebar-w)))}#sidebar.visible{transform:translate(0)}#sidebar-toggle{display:flex}#main{margin-left:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}