:root{--ab-drawer-width:min(86vw,360px);--ab-drawer-bg:#0d121d;--ab-drawer-ink:#eaf7fa;--ab-drawer-muted:#9fb8c1;--ab-drawer-line:rgba(93,195,212,.22);--ab-drawer-accent:#56c6d6;--ab-drawer-card:#121a26}
body.ab-drawer-open{overflow:hidden}
.ab-drawer-trigger{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ab-drawer-line);border-radius:14px;background:rgba(86,198,214,.16);color:var(--ab-drawer-ink);font:800 20px/1 system-ui;cursor:pointer}
.ab-drawer-trigger:hover{background:rgba(86,198,214,.24)}
.ab-drawer-trigger:focus-visible,.ab-drawer a:focus-visible,.ab-drawer button:focus-visible{outline:3px solid var(--ab-drawer-accent);outline-offset:2px}
.ab-drawer-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .2s ease}
.ab-drawer-overlay.is-open{opacity:1;pointer-events:auto}
.ab-drawer{position:fixed;inset:0 auto 0 0;z-index:999;width:var(--ab-drawer-width);height:100dvh;display:flex;flex-direction:column;background:var(--ab-drawer-bg);color:var(--ab-drawer-ink);border-right:1px solid var(--ab-drawer-line);box-shadow:20px 0 48px rgba(0,0,0,.36);transform:translateX(-101%);transition:transform .22s ease;visibility:hidden}
.ab-drawer.is-open{transform:translateX(0);visibility:visible}
.ab-drawer__head{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 12px;border-bottom:1px solid var(--ab-drawer-line)}
.ab-drawer__mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ab-drawer-accent);border-radius:999px;color:var(--ab-drawer-ink);font-weight:900}
.ab-drawer__identity{min-width:0}
.ab-drawer__identity strong,.ab-drawer__identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-drawer__identity small{margin-top:2px;color:var(--ab-drawer-muted);font-size:12px}
.ab-drawer__close{margin-left:auto;width:42px;height:42px;border:1px solid var(--ab-drawer-line);border-radius:13px;background:transparent;color:var(--ab-drawer-ink);font-size:23px;line-height:1;cursor:pointer}
.ab-drawer__scroll{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 12px 24px}
.ab-drawer__controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.ab-drawer__controls a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid var(--ab-drawer-accent);border-radius:14px;background:var(--ab-drawer-accent);color:#071014;text-decoration:none;font-weight:850;text-align:center}
.ab-drawer__controls a:last-child{background:transparent;color:var(--ab-drawer-ink);border-color:var(--ab-drawer-line)}
.ab-drawer__label{margin:16px 10px 7px;color:var(--ab-drawer-muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ab-drawer__nav{display:flex;flex-direction:column;gap:2px}
.ab-drawer__nav a{display:block;padding:11px 12px;border-radius:11px;color:var(--ab-drawer-ink);text-decoration:none;font-weight:700}
.ab-drawer__nav a:hover{background:var(--ab-drawer-card)}
.ab-drawer__nav a[aria-current="page"]{background:rgba(86,198,214,.16);color:#8fe7f3}
.ab-drawer__rule{height:1px;margin:10px 0;background:var(--ab-drawer-line)}
@media (prefers-reduced-motion:reduce){.ab-drawer,.ab-drawer-overlay{transition:none}}