body.drawer-open{overflow:hidden}.drawer-mask{position:fixed;inset:0;background:#0009;z-index:80;backdrop-filter:blur(2px)}.drawer{position:fixed;z-index:90;inset:0 auto 0 0;width:min(88vw,360px);padding:20px 16px 35px;background:#0b1727;border-right:1px solid var(--line);overflow-y:auto;transform:translateX(-102%);transition:transform .24s ease;box-shadow:20px 0 50px #0008}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 17px}.drawer-head h2{font-size:22px;margin:4px 0}.icon-btn,.menu-btn{border:0;background:none;color:white}.icon-btn{font-size:32px;line-height:32px}.menu-btn{width:40px;height:40px;padding:9px;display:grid;align-content:center;gap:5px;border-radius:10px;background:#14263a}.menu-btn i{display:block;height:2px;border-radius:2px;background:#dcecff}.page-title{flex:1;margin-left:12px}.drawer-nav{display:grid;border-block:1px solid var(--line);padding:9px 0}.drawer-nav a{padding:12px;color:var(--muted);text-decoration:none;border-radius:9px}.drawer-nav a.active{color:white;background:#14263a}.drawer-section{padding:18px 2px;border-bottom:1px solid var(--line)}.drawer-section>h2{margin-bottom:15px}.drawer-section form{display:grid;gap:12px;margin-top:14px}.drawer-section label{color:var(--muted)}.drawer-section details{margin-top:15px}.drawer-section summary{color:var(--blue);cursor:pointer}header .pill{flex:none}@media(min-width:800px){.drawer{width:380px}}