.font-main{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#1e1e1e;color:#fff;height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{background:linear-gradient(90deg,#ff4e50,#f45c43);display:flex;justify-content:space-between;align-items:center;padding:10px 15px;gap:15px;height:80px;flex-shrink:0;position:relative;z-index:1001}.topbar .logo{display:flex;align-items:center;gap:15px;flex-shrink:0}.topbar img{width:50px;height:50px}.search-bar{display:flex;align-items:center;justify-content:flex-end;background:#727272;border-radius:50px;height:48px;min-width:48px;transition:all .4s ease-in-out}.search-bar input{border:none;outline:0;background:0 0;color:#fff;font-size:1rem;width:0;padding:0;opacity:0;transition:all .4s ease-in-out}.search-bar button{background:0 0;border:none;font-size:1.4rem;color:#fff;padding:0 12px}.hamburger{background:0 0;border:none;font-size:2rem;color:#fff;padding-right:10px}.layout{display:flex;flex:1;overflow:hidden}main#app{flex-grow:1;padding:0 0 20px;transition:margin-left .3s ease-in-out;overflow-y:auto}.sidebar{background-color:#3a3a3a;width:250px;padding:95px 25px 25px;display:flex;flex-direction:column;gap:20px;position:fixed;top:0;left:0;height:100%;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;box-sizing:border-box;max-height:100vh;overflow-y:auto}.sidebar-content{flex:1 1 auto;display:flex;flex-direction:column;gap:20px}.sidebar-bottom{margin-top:auto}.sidebar a{color:#fff;text-decoration:none;background:#5a5a5a;padding:15px;border-radius:30px;text-align:center;font-size:1.2rem;font-weight:700}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s}.sidebar-divider{margin:24px 0 8px;border:none;border-top:1.5px solid #444}.sidebar-socials{display:flex;justify-content:center;gap:22px;margin-bottom:8px}.sidebar-social-btn{background:0 0;border:none;color:#fff;font-size:2rem;opacity:.95;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;padding:0}.sidebar-meta{text-align:center;margin-top:4px;margin-bottom:8px}.sidebar-version{color:#fff;font-size:1rem;margin-bottom:8px}.sidebar-link{background:0 0!important;border:none!important;color:#ccc!important;font-size:1rem!important;text-decoration:underline!important;margin-top:4px!important;margin-bottom:2px!important;padding:0!important;box-shadow:none!important;outline:0!important;display:inline!important}.sidebar-link:visited{color:#888!important}.sidebar-social-btn svg{width:100%;height:100%;fill:currentColor}.hamburger svg{width:24px;height:24px;fill:#fff;display:block}.search-bar svg{width:24px;height:24px;fill:#c7c7c7;display:block}@media (min-width: 769px){.topbar{padding:15px 30px}.search-bar{width:100%;max-width:500px;height:auto;justify-content:flex-start}.search-bar input{width:100%;padding:8px 15px;opacity:1}.search-bar button{padding:0 15px 0 0;color:#9a9ca3}.sidebar{position:relative;transform:translate(0);flex-shrink:0;transition:margin-left .3s ease-in-out;padding:25px}.backdrop{display:none}}@media (max-width: 768px){.sidebar-link,.sidebar-meta a.sidebar-link{background:0 0!important;border:none!important;color:#888!important;font-size:1rem!important;text-decoration:underline!important;margin-top:4px!important;margin-bottom:2px!important;padding:0!important;box-shadow:none!important;outline:0!important;display:inline!important}.sidebar-link:visited,.sidebar-meta a.sidebar-link:visited{color:#888!important}}.font-chapter{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.font-name{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.search-bar input::placeholder{color:#c7c7c7}.search-bar.active{width:100%;cursor:text;justify-content:flex-start}.search-bar.active input{width:100%;padding:8px 0 8px 20px;opacity:1}.search-bar.active button{padding-right:15px}.layout.sidebar-overlay-active .sidebar{transform:translate(0)}.sidebar a:hover{background:#777}.layout.sidebar-overlay-active .backdrop{opacity:1;visibility:visible}.sidebar-social-btn i{display:block;font-size:1.3rem;line-height:1}.sidebar-link:hover{color:#fff!important;text-decoration:underline!important}.sidebar-social-btn:hover svg{color:#ff4e50;transform:scale(1.2)}@media (min-width: 769px){.layout.sidebar-collapsed .sidebar{margin-left:-250px}}@media (max-width: 768px){.sidebar-link:hover,.sidebar-meta a.sidebar-link:hover{color:#fff!important;text-decoration:underline!important}}