:root{--hamburger-size:var(--app-top-control-size);--hamburger-offset-top:var(--app-top-control-offset);--hamburger-offset-left:var(--app-shell-inline-left);--menu-panel-menu-level-menu-icon-size:1.3em;--menu-panel-submenu-menu-icon-size:1.2em;--menu-panel-width:160px;--menu-panel-left:-170px;--menu-panel-toggle-checked-transform:translateX(170px)}.menu-panel a,.menu-toggle-label{align-items:center;gap:.55em;display:flex}.menu-icon{width:var(--menu-panel-menu-level-menu-icon-size);height:var(--menu-panel-menu-level-menu-icon-size);min-width:var(--menu-panel-menu-level-menu-icon-size);min-height:var(--menu-panel-menu-level-menu-icon-size);color:currentColor;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.menu-icon svg{fill:currentColor;stroke:currentColor;object-fit:contain;width:100%;height:100%;display:block;overflow:visible}.menu-icon svg,.menu-icon svg *{stroke-width:.1px}.submenu .menu-icon{width:var(--menu-panel-submenu-menu-icon-size);height:var(--menu-panel-submenu-menu-icon-size);min-width:var(--menu-panel-submenu-menu-icon-size);min-height:var(--menu-panel-submenu-menu-icon-size)}#menu-toggle{display:none}.menu-overlay{pointer-events:none;width:100%;height:100%;transition:background-color var(--transition-normal);z-index:var(--z-index-menu-overlay);background-color:#0000;position:fixed;top:0;left:0}#menu-toggle:checked~.menu-overlay{pointer-events:auto;-webkit-backdrop-filter:blur(5px);background-color:#00000080}.menu-panel{width:var(--menu-panel-width);top:0;left:var(--menu-panel-left);background-color:var(--color-light-theme-surface);height:100%;z-index:var(--z-index-menu-panel);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.dark-mode .menu-panel{background-color:var(--color-dark-theme-background-base);box-shadow:2px 0 10px #0000004d}#menu-toggle:checked~.menu-panel{transform:var(--menu-panel-toggle-checked-transform)}.menu-nav{flex:1;padding:5em 0 1em}.menu-item{position:relative}.menu-item>a,.menu-item>.menu-toggle-label{color:#333;transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.6em;padding:.5em 1.2em;font-size:1em;text-decoration:none;display:flex}.dark-mode .menu-item>a,.dark-mode .menu-item>.menu-toggle-label{color:var(--color-dark-theme-text-default)}.menu-item>a:hover,.menu-item>.menu-toggle-label:hover{background-color:#0000000d;transform:translate(5px)}.dark-mode .menu-item>a:hover,.dark-mode .menu-item>.menu-toggle-label:hover{background-color:#ffffff0d}.menu-item>a.active{border-left:3px solid var(--color-light-theme-accent);background-color:#7b542f1a}.dark-mode .menu-item>a.active{border-left-color:var(--color-dark-theme-accent);background-color:#86b6f61a}.dark-mode .submenu a.active{border-left-color:var(--color-dark-theme-accent)}.submenu-toggle{display:none}.menu-toggle-label{user-select:none;position:relative}.menu-toggle-label:after{content:"▼";transition:transform var(--transition-normal);color:#666;font-size:.7em;position:absolute;right:1.2em}.dark-mode .menu-toggle-label:after{color:#999}.submenu-toggle:checked+.menu-toggle-label:after{transform:rotate(180deg)}.submenu{max-height:0;transition:max-height var(--transition-normal);background-color:#00000005;overflow:hidden}.dark-mode .submenu{background-color:#0003}.submenu-toggle:checked~.submenu{max-height:300px}.submenu a{color:var(--color-light-theme-text-default);transition:all var(--transition-fast);align-items:center;gap:.6em;padding:.4em 1.2em .4em 2.4em;font-size:.95em;text-decoration:none;display:flex}.dark-mode .submenu a{color:var(--color-dark-theme-text-default)}.submenu a:hover{background-color:#0000000d;transform:translate(5px)}.dark-mode .submenu a:hover{background-color:#ffffff0d}.submenu a.active{border-left:3px solid var(--color-light-theme-accent);background-color:#7b542f26;font-weight:700}button.hamburger-menu-toggle{top:var(--hamburger-offset-top);left:var(--hamburger-offset-left);width:var(--hamburger-size);height:var(--hamburger-size);z-index:var(--z-index-hamburger-button);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:20px;position:fixed}button.control-btn.hamburger-menu-toggle{z-index:var(--z-index-hamburger-button)}button.hamburger-menu-toggle span{width:22px;height:2px;transition:all var(--transition-normal);background-color:#333;border-radius:2px;display:block}.dark-mode button.hamburger-menu-toggle span{background-color:var(--color-dark-theme-text-default)}#menu-toggle:checked~.hamburger-menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}#menu-toggle:checked~.hamburger-menu-toggle span:nth-child(2){opacity:0}#menu-toggle:checked~.hamburger-menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=480px){.menu-item>a,.menu-item>.menu-toggle-label{padding:.5em 1em}}@media (width<=768px){:root{--menu-panel-width:65%;--menu-panel-left:-65%;--menu-panel-toggle-checked-transform:translateX(100%)}.menu-nav{padding:4.5em 0 1em}}@media (width<=768px) and (orientation:landscape){:root{--menu-panel-width:30%;--menu-panel-left:-30%;--menu-panel-toggle-checked-transform:translateX(100%)}}@media (width>=769px) and (width<=1024px){:root{--menu-panel-width:30%;--menu-panel-left:-30%;--menu-panel-toggle-checked-transform:translateX(100%)}}@media (width>=1025px){:root{--menu-panel-width:25%;--menu-panel-left:-25%;--menu-panel-toggle-checked-transform:translateX(100%)}}