:root{--sidebar-width-open:260px;--sidebar-width-closed:80px;--top-bar-height:60px;--sidebar-transition:0.3s cubic-bezier(0.4,0,0.2,1);--c-bg:hsl(var(--bg-primary-hsl));--c-surface:hsl(var(--bg-primary-hsl));--c-border:hsl(var(--border-color-hsl));--c-text-primary:hsl(var(--text-primary-hsl));--c-text-secondary:hsl(var(--text-secondary-hsl));--c-accent:var(--accent-primary)}#top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-height);z-index:1000;justify-content:space-between;padding:0 1.5rem;transition:padding-left var(--sidebar-transition)}#top-bar,.top-bar-actions{display:flex;align-items:center}.top-bar-actions{gap:.8rem}.top-bar-left-actions{display:flex;align-items:center;position:relative;height:100%}.top-bar-logo{display:none;align-items:center;text-decoration:none}@media (max-width:992px){#top-bar{background-color:hsla(var(--bg-primary-hsl),.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.top-bar-logo{display:inline-flex;margin-left:8px}body.body-no-scroll .top-bar-logo{display:none}}@media (min-width:993px){.top-bar-logo{display:none}}#sidebar-nav{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width-open);background-color:var(--c-surface);border-right:1px solid var(--c-border);z-index:1100;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;transform:translateX(0);transition:transform var(--sidebar-transition)}#sidebar-nav.no-transition{transition:none!important}.sidebar-header{height:var(--top-bar-height);justify-content:space-between;padding:0 1rem 0 1.5rem;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--c-border)}.logo-link,.sidebar-header{display:flex;align-items:center}.logo-link{gap:.75rem;text-decoration:none}.site-title{font-size:1.2rem;font-weight:700;color:var(--c-text-primary);white-space:nowrap;transition:opacity .2s ease-in-out}.sidebar-toggle-inside{background:none;border:none;font-size:1.5rem;color:var(--c-text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .3s ease}.sidebar-toggle-inside:hover{background-color:hsla(var(--text-primary-hsl),.1);color:var(--c-text-primary)}#sidebar-nav.is-closed .sidebar-toggle-inside>svg{transform:rotate(180deg)}.sidebar-menu{list-style:none;margin:0;padding:.75rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;width:100%;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:10px;text-decoration:none;color:var(--c-text-secondary);font-weight:600;font-size:.9rem;border:2px solid transparent;transition:color .2s,background-color .2s,border-color .2s;overflow:hidden;white-space:nowrap}.sidebar-link:hover{color:var(--c-text-primary);background-color:hsla(var(--text-primary-hsl),.05)}.sidebar-link.active{background-color:hsla(var(--accent-primary-hsl),.1)}.sidebar-link.active,.sidebar-link.is-parent.is-active-parent{color:var(--c-accent)}.link-icon{font-size:1.2rem;width:24px;text-align:center;margin-right:1rem;flex-shrink:0;transition:font-size var(--sidebar-transition)}.link-text{transition:opacity .2s ease-in-out}.link-chevron{margin-left:auto;font-size:.8rem;transition:transform .3s ease}.sidebar-menu-item.is-open>.sidebar-link .link-chevron{transform:rotate(180deg)}.sidebar-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.sidebar-menu-item.is-open>.sidebar-submenu{grid-template-rows:1fr}.sidebar-submenu-list{list-style:none;overflow:hidden;padding-left:calc(24px + 1.5rem);margin:0 .5rem}.sidebar-sublink{display:block;font-size:.85rem;font-weight:500;color:var(--c-text-secondary);padding:.5rem 0;text-decoration:none;position:relative;transition:color .2s ease}.sidebar-sublink:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--c-border);transition:transform .2s ease,background-color .2s ease}.sidebar-sublink:hover{color:var(--c-text-primary)}.sidebar-sublink:hover:before{background-color:var(--c-text-primary)}.sidebar-sublink.active{color:var(--c-accent);font-weight:600}.sidebar-sublink.active:before{background-color:var(--c-accent);transform:translateY(-50%) scale(1.5)}.sidebar-footer{padding:1rem;border-top:1px solid var(--c-border);overflow:hidden}.kofi-sidebar-button,.kofi-sidebar-button--mini{text-decoration:none;align-items:center;justify-content:center;font-weight:600;border-radius:8px;transition:background-color .2s ease,transform .15s ease;color:#fff;border:1px solid #1a9cd1;background-color:#29abe0}.kofi-sidebar-button--mini:hover,.kofi-sidebar-button:hover{background-color:#1a9cd1}.kofi-sidebar-button{display:flex;gap:.75rem;width:100%;padding:.6rem 1rem}.kofi-sidebar-button:hover{transform:translateY(-1px)}.kofi-icon-wrapper{flex-shrink:0;line-height:0}.kofi-sidebar-button--mini{display:none;width:44px;height:44px;border-radius:10px}.kofi-sidebar-button--mini:hover{transform:scale(1.03)}@media (max-width:992px){#sidebar-nav{transform:translateX(-100%)}#sidebar-nav.is-open{transform:translateX(0);box-shadow:5px 0 25px rgba(0,0,0,.3)}.sidebar-toggle-inside{display:none}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1050;opacity:0;pointer-events:none;transition:opacity .4s}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.kofi-sidebar-button--mini{display:none}}@media (min-width:993px){body.sidebar-desktop-closed #sidebar-nav{transform:translateX(calc(var(--sidebar-width-closed) - var(--sidebar-width-open)))}body.sidebar-desktop-closed .sidebar-header{padding:0;justify-content:center}body.sidebar-desktop-closed .logo-link{pointer-events:none}body.sidebar-desktop-closed .link-chevron,body.sidebar-desktop-closed .link-text,body.sidebar-desktop-closed .sidebar-toggle-inside,body.sidebar-desktop-closed .site-title{opacity:0;width:0;pointer-events:none}body.sidebar-desktop-closed .sidebar-link{justify-content:center}body.sidebar-desktop-closed .link-icon{font-size:1.8rem;margin-right:0}body.sidebar-desktop-closed .sidebar-submenu{display:none}body.sidebar-desktop-closed .sidebar-footer{padding:1rem;display:flex;justify-content:center}body.sidebar-desktop-closed .kofi-sidebar-button{display:none}body.sidebar-desktop-closed .kofi-sidebar-button--mini,body.sidebar-desktop-open .kofi-sidebar-button{display:flex}body.sidebar-desktop-open .kofi-sidebar-button--mini{display:none}}.sidebar-open-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;cursor:pointer;position:absolute;transition:all .2s ease;border:none;color:var(--c-text-primary);font-size:1.5rem;z-index:5;opacity:0;transform:scale(.5);pointer-events:none}.sidebar-open-button.is-visible{opacity:1;transform:scale(1);pointer-events:auto}.sidebar-open-button:hover{background-color:hsla(var(--text-primary-hsl),.1)}@media (max-width:992px){.sidebar-open-button{position:static;margin-left:10px}}@media (min-width:993px){.sidebar-open-button{left:20px}}