.section-drawer{position:fixed;inset:0 0 auto auto;z-index:8;pointer-events:none}.drawer-edge,.drawer-toggle{display:none}.drawer-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.section-drawer .section-panel{position:fixed;right:5%;top:68px;width:min(290px,calc(100vw - 32px));max-height:calc(100dvh - 84px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px;background:#ffffffef;border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(24px);box-shadow:0 20px 70px #17234424;transform:translateY(-8px) scale(.98);transform-origin:top right;opacity:0;pointer-events:none;transition:none;will-change:transform}.section-drawer[data-open="true"] .section-panel{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s ease}.section-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none}.section-panel a.active{background:#d9f45b;color:#172038;border-color:#c4df3e}.section-panel #count:empty{display:none}body:not([data-access="ready"]) .section-drawer{display:none}[data-theme="dark"] .section-panel{background:#1b2338ed;border-color:#455371;color:#eef1ff}[data-theme="dark"] .section-panel a{color:#eef1ff}[data-theme="dark"] .section-panel a.active{color:#172038}@media(max-width:700px){.section-drawer .section-panel{right:3%;top:68px}}@media(prefers-reduced-motion:reduce){.section-drawer .section-panel{transition:none}}

:root .section-drawer .section-panel a{background-color:#edf2ff;color:#203665;border-color:#c3d0f5}:root .section-drawer .section-panel a:hover{background-color:#dfe8ff;color:#19305f}:root .section-drawer .section-panel a.active,:root .section-drawer .section-panel a.active:hover{background-color:#ddfa52;color:#172038;border-color:#bfdc32;box-shadow:inset 0 1px 0 #ffffffa6,0 4px 14px #b4d22b26}[data-theme="dark"] .section-drawer .section-panel a{background-color:#30466f;color:#f0f4ff;border-color:#526b9c}[data-theme="dark"] .section-drawer .section-panel a:hover{background-color:#3c5687;color:#fff}[data-theme="dark"] .section-drawer .section-panel a.active,[data-theme="dark"] .section-drawer .section-panel a.active:hover{background-color:#ddfa52;color:#172038;border-color:#bfdc32}

.search-direction{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0}.search-direction label{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-size:13px;font-weight:700;cursor:pointer}.search-direction input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#3457ee}.search-direction label:has(input:checked){background:#ddfa52;border-color:#bfdc32;color:#172038}.search-direction label:focus-within{outline:3px solid #3457ee;outline-offset:2px}@media(max-width:380px){.search-direction{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.section-drawer[data-open="true"] .section-panel{transition:none}}