:root{--background-color:#fff;--text-primary:#333;--text-secondary:#666;--primary-color:#007bff;--secondary-color:#6c757d;--hover-color:#0000001a;--card-background:#f8f9fa;--shadow-color:#0000001a;--border-color:#e9ecef;--font-mono:"JetBrains Mono",monospace;--font-sans:"Noto Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 0;background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);height:100%;letter-spacing:-.25px;overflow-y:auto;width:100%}#root{display:flex;flex-direction:column;min-height:100%;width:100%}code{background-color:#f8f9fa;background-color:var(--card-background);border-radius:4px;color:#333;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);padding:.2rem .4rem}html{scroll-behavior:smooth}::selection{background-color:#0000001a;background-color:var(--hover-color);color:#333;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600}a,p,span{font-weight:400}.fade-in{animation:fadeIn .8s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}to{transform:translateX(-50%) translateY(0)}}.app-container{display:flex;min-height:100vh;width:100%}.content-container{background-color:var(--background-color);flex:1 1;margin-left:300px;min-height:100vh;overflow-x:hidden;padding:2rem;transition:margin-left .3s ease-in-out}.content-container.nav-collapsed{margin-left:0}.nav-toggle-btn{align-items:center;background:var(--primary-background);border:1px solid var(--border-color);border-left:none;border-radius:0 20px 20px 0;box-shadow:2px 0 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;left:300px;padding:0;position:fixed;top:50%;transform:translateY(-50%);transition:left .3s ease-in-out,background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;width:20px;z-index:100}.nav-toggle-btn:hover{background:#6b46c1;border-color:#6b46c1;box-shadow:2px 0 12px #6b46c159;color:#fff}.nav-toggle-btn.collapsed{left:0}@media (min-width:769px) and (max-width:1024px){.content-container{margin-left:250px;padding:1.5rem}.content-container.nav-collapsed{margin-left:0}.nav-toggle-btn{left:250px}.nav-toggle-btn.collapsed{left:0}}@media (max-width:768px){.app-container{flex-direction:column}.content-container{margin-left:0;padding:4rem 1rem 1rem}.nav-toggle-btn{display:none}}.vertical-nav{background-color:var(--primary-background);border-right:1px solid var(--border-color);box-shadow:2px 0 4px #0000001a;font-family:JetBrains Mono,monospace;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease-in-out;width:300px;z-index:10}.nav-items{gap:.75rem;margin-top:.5rem;padding:2rem 1.5rem}.nav-items,.nav-section{display:flex;flex-direction:column}.nav-section{gap:.25rem}.nav-item-wrapper{cursor:pointer;padding:.25rem 0 .25rem 1rem}.nav-item{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.nav-item.active,.nav-item:hover{color:var(--accent-color)}.nav-item.active{font-weight:600}.nav-subitems{display:flex;flex-direction:column;gap:.15rem;margin-left:1rem}.nav-subitem-wrapper{cursor:pointer;padding:.15rem 0 .15rem .75rem}.nav-subitem{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:400;letter-spacing:.3px;position:relative;text-transform:uppercase;transition:color .3s ease}.nav-subitem.active,.nav-subitem:hover{color:var(--accent-color)}.nav-subitem:after{background-color:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.nav-subitem.active:after,.nav-subitem:hover:after{transform:scaleX(1)}.nav-divider{background-color:var(--border-color);height:1px;margin:.35rem 0}@media (min-width:769px){.vertical-nav.collapsed{transform:translateX(-100%)}}.title-item{color:var(--text-primary);cursor:default;font-weight:600;opacity:1}.hamburger-menu{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px var(--shadow-color);cursor:pointer;display:none;height:40px;justify-content:center;padding:8px;position:fixed;right:1rem;top:1rem;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease;width:40px;z-index:1000}.hamburger-menu:hover{background:#6b46c1;border-color:#6b46c1;box-shadow:0 4px 12px #6b46c159}.hamburger-menu:hover .hamburger-icon{stroke:#fff}.hamburger-menu:active{transform:scale(.92)}.hamburger-menu.open{background:#6b46c1;border-color:#6b46c1}.hamburger-menu.open .hamburger-icon{stroke:#fff}.hamburger-icon{stroke:var(--text-primary);display:block;transition:stroke .3s ease}@media (min-width:769px) and (max-width:1024px){.vertical-nav{width:250px}.nav-items{gap:.5rem;padding:1.5rem 1rem}.nav-item{font-size:.85rem}.nav-subitem{font-size:.7rem}}@media (max-width:768px){.hamburger-menu{align-items:center;display:flex;flex-direction:column;justify-content:center}.vertical-nav{background-color:#fff;border-bottom:1px solid var(--border-color);border-right:none;box-shadow:0 2px 4px #0000001a;height:auto;left:0;position:fixed;top:0;transform:translateY(-100%);width:100%}.vertical-nav.mobile-open{transform:translateY(0)}.nav-items{gap:.5rem;margin-top:0;padding:1rem}.nav-item{color:#333;font-size:.8rem;padding:.3rem .6rem}.nav-subitems{padding-left:1.25rem}.nav-subitem{color:#666;font-size:.7rem;padding:.2rem .4rem}}
/*# sourceMappingURL=main.8e7e18ab.css.map*/