.main-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to right,#1a1a1a,#333);box-shadow:0 2px 5px #00000080}.mainTitle{margin-left:32px}#user-panel{transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0;position:fixed;top:0;right:0;background:#1a1a1a;color:#0ff;width:240px;padding:1rem;box-shadow:-2px 0 8px #0009;border-bottom-left-radius:8px;z-index:1000;margin-top:100px}#user-panel.active{transform:translate(0);opacity:1}#user-header{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;align-items:center;gap:0;z-index:1001}#user-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-bottom:.25rem;display:block}#user-pic:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}#user-welcome{font-size:.9rem;margin:0;color:#0ff;display:none;text-align:center}#user-actions button{display:block;width:100%;margin:.25rem 0;padding:.5rem;background:#222;color:#0ff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease}#user-actions button:hover{background:#333;color:#6ff}#sign-in{padding:.5rem 1rem;font-size:1rem;background:#0ff;border:none;border-radius:4px;color:#000;cursor:pointer;position:absolute;top:1rem;right:1rem}#sign-in:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}.menu-container{position:relative;top:0;left:0}#topMenuToggleBtn{position:relative;top:-15px;left:1rem;background:#222;color:#0ff;border:none;font-size:.75rem;text-align:center;border-radius:4px;z-index:1001;width:30px;height:30px}#topMenuToggleBtn:hover{background:#333;color:#6ff}#top-menu{position:relative;top:-30px;display:flex;justify-content:center;height:5px;width:100vw;padding:1px;background:#1a1a1a;box-shadow:0 2px 5px #0006;overflow:hidden;transition:height .4s ease,padding .4s ease}#top-menu.expanded{height:40px;padding:.75rem 0}.top-menu-button{background:#222;color:#0ff;border:none;padding:.5rem 1.25rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease}.top-menu-button:hover{background:#333;color:#6ff}#iframe-container,#content-frame{position:relative;top:-30px;width:100%;z-index:1;height:calc(100vh - 160px);border:none;background:#0d0d0d}#carousel-container{overflow:hidden;position:relative;height:50px;width:50%}#carousel-track{display:flex;gap:2rem;position:absolute;left:0;top:0;height:50px;will-change:transform}.carousel-img{width:40px;height:40px;margin-top:5px;object-fit:cover;border-radius:8px;opacity:1;transition:opacity 1s ease-in-out}.carousel-img:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}