@import"https://fonts.googleapis.com/css2?family=Bangers&family=Lato:wght@100;200;300;400;500;600;700;800;900&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px;color:#333;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #F97316;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}@media(max-width:768px){.subject-header{grid-template-columns:1fr!important;gap:16px!important}.subject-thumbnail{max-width:300px!important;margin:0 auto!important}.subject-title{font-size:22px!important}}@media(max-width:480px){.subject-title{font-size:20px!important}}#root{max-width:100vw;overflow-x:hidden}.subject-header>div{min-width:0}img{max-width:100%;height:auto;object-fit:cover}@keyframes popupIn{0%{opacity:0;transform:scale(.85) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none;font-family:League Spartan,sans-serif}.nav-links{color:#f97316;display:flex;gap:24px}.nav-link{color:#f97316;text-decoration:none;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;transition:opacity .2s}.nav-link:hover{opacity:.8}.nav-text{display:inline}@media(max-width:600px){.nav-text{display:none}.nav-link{font-size:20px}.nav-links{gap:16px}}.main-content{flex:1;padding-top:72px}