@media(min-width:821px){
  .side,.desktop-nav-float .side{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 28px);height:calc(100dvh - 28px);top:14px;bottom:14px;min-height:0}
  .side>.brand,.side>.class,.side>div{flex:0 0 auto}
  .side #nav{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;gap:3px;padding:3px 4px 8px 0;align-content:start}
  .side #nav>button{flex:0 0 auto;min-height:44px;width:100%;margin:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
  .side .navigation-settings{display:flex;align-items:center;gap:12px;flex:0 0 auto;width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:0;border-top:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer}
}
@media(max-width:820px){.side>.navigation-settings{display:none!important}}
.navigation-editor{max-width:780px;margin:0 auto}.navigation-editor>h2{margin-top:0}.navigation-editor>.sub{font-size:13px;line-height:1.8}.navigation-editor-list{margin:20px 0}.navigation-editor-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.navigation-editor-row label{display:flex;align-items:center;gap:12px;flex:1;min-height:44px;cursor:pointer}.navigation-editor-row input{width:20px;height:20px;min-height:0!important;accent-color:var(--p)}.navigation-editor-row .btn{min-width:44px;min-height:44px;flex:0 0 auto}.navigation-editor-actions{display:flex;justify-content:flex-end;gap:12px}.navigation-editor-status{min-height:24px}
.navigation-drag-source{opacity:.28!important}.navigation-drag-ghost{position:fixed;top:0;left:0;z-index:20010;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--card,#fff);color:var(--ink,#253552);box-shadow:0 12px 36px #23334f33;pointer-events:none;text-align:left;font:inherit;will-change:transform}.navigation-drag-ghost .nav-icon{width:18px}.navigation-dragging,.navigation-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}.navigation-hide-zone{position:fixed;z-index:20000;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;place-items:center;width:min(460px,calc(100vw - 32px));min-height:84px;padding:20px 28px;border:2px dashed var(--p,#6967ef);border-radius:24px;background:var(--card,#fff);color:var(--p,#6967ef);box-shadow:0 14px 48px #23334f26;pointer-events:none;transition:background-color .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1),border-color .18s cubic-bezier(.23,1,.32,1);animation:navigation-zone-in .18s cubic-bezier(.23,1,.32,1)}.navigation-hide-zone.over{border-style:solid;border-color:#c9455b;background:#fff0f3;color:#a52e43}
@keyframes navigation-zone-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(hover:hover) and (pointer:fine){.side .navigation-settings:hover{background:var(--bg);color:var(--p)}}
@media(prefers-reduced-motion:reduce){.navigation-hide-zone{animation:none;transition:none}.side #nav>button{transition:none!important}}