::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.main-wrapper{display:flex;position:relative;max-width:1400px;margin:0 auto;padding:0 1.5rem}.sidebar{position:sticky;top:120px;width:280px;height:calc(100vh - 140px);overflow-y:auto;padding:2rem 1rem 2rem 0;border-right:1px solid #e2e8f0;background-color:#fff;display:none}.sidebar.visible{display:block}.back-button{font-size:.875rem}.sidebar-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6c757d;margin-bottom:1rem}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{color:#334155;text-decoration:none;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:6px;font-size:.95rem;transition:all .2s ease;border-left:3px solid transparent}.sidebar nav a:hover{background-color:#f1f5f9;color:#4f46e5}.sidebar nav a.active{background-color:#f1f5f9;color:#4f46e5;border-left-color:#4f46e5;font-weight:500}.sidebar nav a.level-1{padding-left:.75rem;font-weight:500}.sidebar nav a.level-2{padding-left:1.5rem;font-size:.9rem}.sidebar nav a.level-3{padding-left:2.25rem;font-size:.85rem;color:#6c757d}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.container{flex:1;max-width:800px;margin:0 auto;padding:0 2rem;width:100%}.container.with-sidebar{margin-left:0}.url-input-section{padding:2rem 0}.url-input-wrapper{display:flex;gap:.5rem}.url-input-section.hidden,.markdown-content{display:none}.markdown-content.visible{display:block}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3;color:#1e293b;scroll-margin-top:120px}.markdown-content h1{font-size:2.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem;margin-top:0}.markdown-content h2{font-size:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:.4rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content h5{font-size:1.1rem}.markdown-content h6{font-size:1rem;color:#6c757d}.markdown-content p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8;color:#334155}.markdown-content a{color:#4f46e5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.markdown-content a:hover{border-bottom-color:#4f46e5}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:2rem;font-size:1.125rem;color:#334155}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content ul ul{list-style-type:circle}.markdown-content ul ul ul{list-style-type:square}.markdown-content li{margin-bottom:.5rem;line-height:1.8;display:list-item}.markdown-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #4f46e5;background-color:#f1f5f9;font-style:italic;color:#555}.markdown-content code{background-color:#f1f5f9;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;color:#e11d48}.markdown-content pre{background-color:#282c34;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid #e2e8f0}.markdown-content pre code{background-color:transparent;padding:0;color:#abb2bf;font-size:.95rem;line-height:1.6}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1rem}.markdown-content table th,.markdown-content table td{padding:.75rem;border:1px solid #e2e8f0;text-align:left}.markdown-content table th{background-color:#f1f5f9;font-weight:600}.markdown-content table tr:nth-child(2n){background-color:#fafafa}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.markdown-content hr{border:none;border-top:2px solid #e2e8f0;margin:2rem 0}.error-message{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;border-left:4px solid #c33;margin:1rem 0;display:none}.error-message.visible{display:block}.loading{text-align:center;padding:2rem;font-size:1.125rem;color:#6c757d;display:none}.loading.visible{display:block}.mobile-menu-toggle{display:none;position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background-color:#4f46e5;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:200;transition:all .3s ease;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background-color:#4338ca;transform:scale(1.05)}.mobile-menu-toggle:active{transform:translateY(1px)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e2e8f0;rounded:.5rem;background:#fff;transition:all .2s}.history-item:hover{border-color:#4f46e5;box-shadow:0 2px 4px #0000000d}@media(max-width:1024px){.sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;z-index:150;padding:2rem 1rem;box-shadow:2px 0 8px #0000001a;transition:left .3s ease}.sidebar.mobile-open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:140}.sidebar-overlay.visible{display:block}.mobile-menu-toggle,.mobile-menu-toggle.visible{display:flex}.container.with-sidebar{margin-left:auto}}@media(max-width:768px){.container{padding:0 1rem}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.75rem}.markdown-content p,.markdown-content ul,.markdown-content ol{font-size:1rem}.url-input-wrapper{flex-direction:column}}