/* Mobile hamburger drawer follows the same navigation design as the desktop rail.
   Keep the five-item bottom tab bar unchanged. */
.modal.navigation-panel {
 width:min(320px,88vw);max-width:88vw;
 background:#fff;border:0;
 box-shadow:12px 0 38px rgba(19,16,29,.12);
 border-radius:0 14px 14px 0;
}
.navigation-panel .modal-header {
 border-bottom:1px solid var(--ui-line);
 padding:calc(14px + env(safe-area-inset-top)) 18px 12px;
}
.navigation-panel .modal-header h2 {
 color:var(--ui-ink);font:750 17px/1.4 var(--sans);
 letter-spacing:-.035em;
}
.navigation-panel .modal-header .icon-button {
 width:44px;height:44px;
}
.navigation-panel .modal-body {
 padding:12px 18px calc(28px + env(safe-area-inset-bottom));
 min-height:0;overflow-y:auto;overscroll-behavior:contain;
}
.navigation-panel .scoped-navigation {
 display:block;width:100%;margin:0;padding:0;
 border:0;background:transparent;
}
.navigation-panel .scoped-navigation nav {display:grid;gap:6px;padding:0;margin:0}
.navigation-panel .scoped-navigation nav>a {
 position:relative;display:flex;align-items:center;justify-content:flex-start;
 gap:14px;min-height:46px;padding:10px 14px;
 border:0;border-radius:8px;background:transparent;
 color:#34323b;font:550 14px/1.4 var(--sans);
 text-align:left;
}
.navigation-panel .scoped-navigation nav>a svg {
 width:20px;height:20px;flex:none;stroke-width:1.9;
}
.navigation-panel .scoped-navigation nav>a:hover {background:var(--ui-soft);color:var(--ui-ink)}
.navigation-panel .scoped-navigation nav>a.active:not([href="#/compose"]),
.navigation-panel .scoped-navigation nav>a.active:not([href="#/compose"]):hover {
 background:transparent;color:#14151b;font-weight:750;
}
.navigation-panel .scoped-navigation nav>a.active:not([href="#/compose"])::before {
 content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
 width:6px;height:6px;border-radius:50%;background:var(--ui-purple);
}
.navigation-panel .scoped-navigation nav>a[href="#/compose"] {
 display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;
 gap:10px;min-height:46px;margin:17px 0 9px;
 padding:11px 15px;border:0;border-radius:9px;
 background:#191a1f;color:#fff;
 font:750 14px/1.4 var(--sans);
}
.navigation-panel .scoped-navigation nav>a[href="#/compose"] svg {color:#a56bff}
.navigation-panel .scoped-navigation nav>a[href="#/compose"]:hover,
.navigation-panel .scoped-navigation nav>a[href="#/compose"].active:hover {
 background:#323039;color:#fff;
}
.navigation-panel .scoped-navigation .navigation-activity-groups {
 margin-top:14px;border-top:1px solid var(--ui-line);
}
.navigation-panel .scoped-navigation .navigation-activity-group {
 border-bottom:1px solid var(--ui-line);
}
.navigation-panel .scoped-navigation .navigation-activity-group>summary {
 min-height:44px;padding:11px 12px;
 color:var(--ui-muted);font:650 12px/1.5 var(--sans);
}
.navigation-panel .scoped-navigation .navigation-activity-group[open]>summary {
 color:var(--ui-ink);
}
.navigation-panel .scoped-navigation .navigation-group-content {
 padding:0 0 10px;gap:3px;
}
.navigation-panel .scoped-navigation .navigation-group-content>a {
 display:flex;align-items:center;gap:12px;
 min-height:44px;padding:10px 14px;border-radius:8px;
 color:var(--ui-text);font:550 13px/1.5 var(--sans);
}
.navigation-panel .scoped-navigation .navigation-group-content>a:hover {
 background:var(--ui-soft);color:var(--ui-ink);
}
.navigation-panel .scoped-navigation .navigation-group-content>a.active,
.navigation-panel .scoped-navigation .navigation-group-content>a.active:hover {
 background:var(--ui-purple-soft);color:var(--ui-purple);font-weight:750;
}
.navigation-panel .scoped-navigation .feed-left-bottom {
 display:flex;flex-wrap:wrap;gap:6px 12px;
 padding:20px 12px 6px;
 color:var(--ui-muted);font-size:11px;
}
.navigation-panel .scoped-navigation .feed-left-bottom small {font-size:10px}
@media(max-width:380px) {
 .modal.navigation-panel {width:min(300px,90vw);max-width:90vw}
 .navigation-panel .modal-body {padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){
 .modal.navigation-panel {animation:none}
}