.hamburger{display:none;flex-direction:column;justify-content:center;border:1px solid var(--border);background:transparent;border-radius:12px;padding:10px 12px;cursor:pointer}
.hamburger span{display:block;width:18px;height:2px;background:var(--text);margin:4px 0;border-radius:99px}
.navOverlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter: blur(2px);z-index:80}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(92vw,360px);background:var(--card);border-left:1px solid var(--border);box-shadow:-24px 0 60px rgba(0,0,0,.25);transform:translateX(102%);transition:transform .18s ease;z-index:90;padding:14px;display:flex;flex-direction:column;gap:12px}
.drawer.open{transform:translateX(0)}
.drawerHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawerTitle{font-weight:900;font-size:16px}
.drawer .navi{flex-direction:column;align-items:stretch}
.drawer .navItem{border-radius:14px}
.drawerSep{height:1px;background:var(--border);margin:6px 0}
@media (max-width:760px){.hamburger{display:inline-flex}}
@media (min-width:761px){.navOverlay{display:none}.drawer{display:none}}