.menu-btn{position:relative;width:40px;height:40px;border:1px solid var(--border,#e4e4e4);border-radius:12px;background:var(--surface-soft,#f7f7f7);color:var(--text,#222);font-size:0;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,opacity .18s,visibility .18s}.menu-btn::before,.menu-btn::after{content:"";position:absolute;width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}.menu-btn::before{transform:translateY(-4px)}.menu-btn::after{transform:translateY(4px)}.menu-btn:hover{background:var(--primary-soft,#eef8f1);border-color:var(--primary-border,#ccebd6);color:var(--primary-color,#27ae60)}.menu-btn:active{transform:scale(.94)}.menu-btn:focus-visible{outline:2px solid var(--primary-color,#27ae60);outline-offset:2px}.dark-mode .menu-btn{box-shadow:0 2px 8px rgba(0,0,0,.2)}@media(max-width:767px){.menu-btn{width:42px;height:42px;border-radius:13px}.menu-btn::before,.menu-btn::after{width:18px}}@media(max-width:767px) and (orientation:portrait){body:has(.sidebar.open) .menu-btn{opacity:0;visibility:hidden;pointer-events:none}}