html{scroll-padding-top:calc(var(--header-height,72px) + 12px)}
.hd-burger{display:flex;width:44px;height:44px;margin-left:auto;background:var(--bg-2)}
.hd-top{padding-bottom:14px}
@media(min-width:1000px){.hd-burger{margin-left:0}}
dialog.side-panel{position:fixed;inset:0 0 0 auto;margin:0;width:380px;max-width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-left:1px solid var(--line);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 20px;background:var(--bg-2);color:var(--text);overflow-y:auto;overscroll-behavior:contain}
dialog::backdrop{background:rgba(11,31,58,.45)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.panel-head h2{margin:0;font-size:1.25rem}.panel-head button,.chat-tools button{min-height:44px;min-width:44px;color:var(--text);background:var(--glass-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit}
.side-panel .hd-nav{display:flex;flex-direction:column;gap:8px;overflow:visible;padding:0;border:0;mask-image:none}
.side-panel .hd-nav a{padding:14px;font-size:1rem;white-space:normal}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}