/* Apple-inspired visual layer. Fonts are supplied by the OS; no remote assets. */
#nav-drag-desktop {
  --nd-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
  --nd-bg: light-dark(#edf3fc, #10141f);
  --nd-surface: light-dark(#ffffff, #242936);
  --nd-text: light-dark(#172033, #f3f5fb);
  --nd-muted: light-dark(#52627b, #b7c4dc);
  --nd-line: light-dark(#162c501c, #d5e4ff26);
  --nd-blue: light-dark(#005bd2, #8bbcff);
  --nd-blue-fill: light-dark(#006de5, #006fdf);
  --nd-on-blue: #fff;
  --nd-soft: light-dark(#e7efff, #294365);
  --nd-dot: light-dark(#547aa051, #c5ddff38);
  --nd-danger: light-dark(#bc2438, #ff9aa6);
  --nd-glass: light-dark(#f7fbffb8, #202837d9);
  --nd-glass-edge: light-dark(#ffffffd9, #d9e8ff35);
  --nd-glass-highlight: light-dark(#ffffffcc, #f5faff18);
  --nd-control: light-dark(#ffffffa6, #eff5ff13);
  --nd-note: light-dark(#fffcf2eb, #302f32f0);
  --nd-shadow: light-dark(#304d7114, #00000040);
  --nd-elevation: 0 8px 28px var(--nd-shadow), inset 0 1px 0 var(--nd-glass-highlight);
  --nd-radius: 28px;
  --nd-gap: 16px;
  --nd-row: 64px;
  --nd-page-inset: max(32px, calc((100vw - 1440px) / 2));
  font-family: var(--nd-font);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -.015em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#nav-drag-desktop button { min-height: 40px; border-radius: 999px; padding: 8px 16px; gap: 8px; font-weight: 500; transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#nav-drag-desktop button:active:not(:disabled) { transform: scale(.97); }
#nav-drag-desktop button:focus-visible, #nav-drag-desktop a:focus-visible, #nav-drag-desktop input:focus-visible, #nav-drag-desktop select:focus-visible, #nav-drag-desktop textarea:focus-visible { outline: 3px solid var(--nd-blue); outline-offset: 3px; }
#nav-drag-desktop svg { stroke-width: 1.7; width: 18px; height: 18px; }
#nav-drag-desktop .nd-shell { position: relative; isolation: isolate; overflow: clip; background: var(--nd-bg); }
#nav-drag-desktop .nd-wallpaper { position: fixed; z-index: -1; }
#nav-drag-desktop .nd-top { display: grid; grid-template-columns: 1fr auto 1fr; padding: 26px var(--nd-page-inset) 18px; gap: 20px; background: transparent; border: 0; }
#nav-drag-desktop .nd-brand { font-size: 18px; font-weight: 650; letter-spacing: -.04em; gap: 12px; }
#nav-drag-desktop .nd-logo { display: block; width: 36px; height: 36px; flex: none; border-radius: 0; background: none; object-fit: contain; box-shadow: none; }
#nav-drag-desktop .nd-workspaces, #nav-drag-desktop .nd-account button, #nav-drag-desktop .nd-panel-tabs, #nav-drag-desktop .nd-motion-button { background: var(--nd-control); border: 1px solid var(--nd-glass-edge); box-shadow: var(--nd-elevation); backdrop-filter: blur(20px) saturate(150%); }
#nav-drag-desktop .nd-workspaces { padding: 4px; border-radius: 999px; gap: 2px; margin: 0; }
#nav-drag-desktop .nd-workspaces button { min-width: 100px; min-height: 34px; font-size: 14px; padding: 5px 24px; }
#nav-drag-desktop .nd-workspaces button[aria-pressed=true] { background: var(--nd-surface); color: var(--nd-blue); font-weight: 600; box-shadow: 0 2px 6px var(--nd-shadow); }
#nav-drag-desktop .nd-account { width: auto; margin: 0; justify-self: end; gap: 10px; font-size: 12px; }
#nav-drag-desktop .nd-account button { padding-inline: 18px; font-size: 13px; }
#nav-drag-desktop .nd-toolbar { padding: 8px var(--nd-page-inset); border: 0; background: transparent; min-height: 60px; }
#nav-drag-desktop .nd-toolbar-label { gap: 16px; }
#nav-drag-desktop .nd-mode { padding: 0; color: var(--nd-text); background: transparent; font-size: 15px; font-weight: 600; }
#nav-drag-desktop .nd-hint { border-left: 1px solid var(--nd-line); padding-left: 16px; font-size: 13px; }
#nav-drag-desktop .nd-actions { gap: 6px; }
#nav-drag-desktop .nd-actions button { font-size: 13px; }
#nav-drag-desktop .nd-primary { box-shadow: inset 0 1px 1px #ffffff40, 0 3px 12px #007aff1c; padding-inline: 20px; }
#nav-drag-desktop .nd-primary:hover { filter: brightness(1.06); }
#nav-drag-desktop .nd-body { grid-template-columns: minmax(0, 1fr) 304px; gap: 20px; padding-right: 20px; }
#nav-drag-desktop[data-edit=false] .nd-body { padding-right: 0; }
#nav-drag-desktop .nd-main { padding: 20px var(--nd-page-inset) 24px; isolation: auto; overflow: visible; min-height: calc(100dvh - 148px); }
#nav-drag-desktop[data-edit=true] .nd-main { padding: 20px 4px 24px var(--nd-page-inset); }
#nav-drag-desktop .nd-canvas, #nav-drag-desktop .nd-intro, #nav-drag-desktop .nd-footer { max-width: 1440px; }
#nav-drag-desktop .nd-intro { padding: 8px 0 18px; margin-bottom: 10px; border: 0; background: transparent; border-radius: 0; }
#nav-drag-desktop .nd-eyebrow { display: none; }
#nav-drag-desktop h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.3; letter-spacing: -.035em; font-weight: 650; }
#nav-drag-desktop .nd-private { font-size: 13px; gap: 7px; }
#nav-drag-desktop .nd-private svg { width: 15px; height: 15px; }
#nav-drag-desktop .nd-widget { padding: 18px 22px; border: 1px solid var(--nd-glass-edge); background: var(--nd-glass); border-radius: var(--nd-radius); box-shadow: var(--nd-elevation); backdrop-filter: blur(22px) saturate(135%); container-type: inline-size; }
#nav-drag-desktop .nd-widget[data-kind=clock] { background: var(--nd-glass); }
#nav-drag-desktop .nd-widget[data-kind=note] { background: var(--nd-note); }
#nav-drag-desktop .nd-widget[data-selected=true] { border-color: var(--nd-blue); box-shadow: 0 0 0 2px color-mix(in srgb, var(--nd-blue) 22%, transparent), var(--nd-elevation); }
#nav-drag-desktop[data-edit=false] .nd-widget[data-selected=true] { border-color: var(--nd-glass-edge); box-shadow: var(--nd-elevation); }
#nav-drag-desktop .nd-widget[data-dragging=true] { box-shadow: 0 22px 60px var(--nd-shadow); }
#nav-drag-desktop .nd-head { min-height: 24px; margin-bottom: 12px; gap: 6px; }
#nav-drag-desktop .nd-head h3 { font-size: 14px; font-weight: 600; letter-spacing: -.015em; }
#nav-drag-desktop .nd-widget-body { overflow: auto; scrollbar-width: thin; scrollbar-color: var(--nd-line) transparent; }
#nav-drag-desktop .nd-widget[data-kind=clock] .nd-widget-body { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#nav-drag-desktop .nd-handle, #nav-drag-desktop .nd-setting { min-height: 28px!important; width: 28px; }
#nav-drag-desktop .nd-resize { right: 7px; bottom: 7px; }
#nav-drag-desktop .nd-sites { min-height: 100%; padding: 0; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(74px, 1fr); }
#nav-drag-desktop .nd-site { padding: 10px 4px; gap: 6px; justify-content: center; border: 1px solid var(--nd-glass-edge); border-radius: 18px; background: var(--nd-control); font-size: 12px; line-height: 1.25; transition: background .18s ease, transform .18s ease; }
#nav-drag-desktop .nd-site:hover { background: var(--nd-surface); transform: translateY(-2px); }
#nav-drag-desktop .nd-site-mark { width: 34px; height: 34px; border: 0; border-radius: 11px; font-size: 19px; font-weight: 600; color: #fff; background: linear-gradient(140deg, #55677d, #202e45); box-shadow: inset 0 1px 1px #ffffff50, 0 2px 4px #10213612; }
#nav-drag-desktop .nd-site:nth-child(4n+2) .nd-site-mark { color: #fff; background: linear-gradient(145deg, #3fc4ad, #187e75); }
#nav-drag-desktop .nd-site:nth-child(4n+3) .nd-site-mark { color: #fff; background: linear-gradient(145deg, #ffbb64, #e6730c); }
#nav-drag-desktop .nd-site:nth-child(4n+4) .nd-site-mark { color: #fff; background: linear-gradient(145deg, #a8a2f4, #7468be); }
#nav-drag-desktop .nd-search { min-height: 50px; padding: 5px 6px 5px 16px; border: 1px solid var(--nd-glass-edge); border-radius: 999px; gap: 12px; background: var(--nd-control); box-shadow: inset 0 1px 1px var(--nd-glass-highlight); }
#nav-drag-desktop .nd-search input { font-size: 15px; line-height: 1.5; }
#nav-drag-desktop .nd-search:focus-within { outline: 2px solid var(--nd-blue); outline-offset: 2px; }
#nav-drag-desktop .nd-search input:focus-visible { outline: 0; }
#nav-drag-desktop .nd-search button { width: 36px; min-height: 36px; padding: 0; flex-shrink: 0; background: var(--nd-blue-fill); color: #fff; }
#nav-drag-desktop .nd-search button svg { color: inherit; }
#nav-drag-desktop .nd-clock-time { font-size: clamp(40px, 24cqi, 90px); font-weight: 200; line-height: 1.1; letter-spacing: -.06em; margin: 0 0 10px; }
#nav-drag-desktop .nd-clock-date { color: var(--nd-text); font-size: 15px; }
#nav-drag-desktop .nd-clock-bottom { color: var(--nd-muted); font-size: 12px; margin-top: 22px; }
#nav-drag-desktop .nd-note-input { font-size: 15px; line-height: 1.85; padding: 3px 1px; }
#nav-drag-desktop .nd-tools { gap: 10px; font-size: 13px; }
#nav-drag-desktop .nd-tool { min-height: 42px; padding: 8px 16px; border-radius: 14px; border-color: var(--nd-glass-edge); background: var(--nd-control); flex: 1; justify-content: center; }
#nav-drag-desktop .nd-tool:hover { background: var(--nd-surface); }
#nav-drag-desktop .nd-footer { padding: 8px 0; margin-top: 16px; background: transparent; font-size: 12px; }
#nav-drag-desktop[data-edit=false] #nd-layout-label { display: none; }
#nav-drag-desktop .nd-side { border: 1px solid var(--nd-glass-edge); border-radius: 26px; padding: 22px; background: var(--nd-glass); box-shadow: var(--nd-elevation); backdrop-filter: blur(24px) saturate(135%); max-height: calc(100dvh - 166px); top: 18px; scrollbar-width: thin; }
#nav-drag-desktop .nd-side-title { font-size: 17px; margin-bottom: 18px; letter-spacing: -.025em; }
#nav-drag-desktop .nd-side-title span:last-child { padding: 3px 8px; background: var(--nd-control); border-radius: 6px; }
#nav-drag-desktop .nd-panel-tabs { border-radius: 999px; padding: 3px; gap: 3px; }
#nav-drag-desktop .nd-panel-tabs button { min-height: 34px; font-size: 13px; }
#nav-drag-desktop .nd-panel-tabs button[aria-pressed=true] { background: var(--nd-surface); }
#nav-drag-desktop .nd-side h3 { font-size: 14px; margin-bottom: 12px; }
#nav-drag-desktop .nd-field, #nav-drag-desktop .nd-check, #nav-drag-desktop .nd-position, #nav-drag-desktop .nd-range-label { font-size: 12px; }
#nav-drag-desktop .nd-field input, #nav-drag-desktop .nd-field select { min-height: 40px; border-radius: 12px; padding: 8px 10px; font-size: 13px; background: var(--nd-control); }
#nav-drag-desktop .nd-field select option { background: var(--nd-surface); color: var(--nd-text); }
#nav-drag-desktop .nd-check { cursor: pointer; min-height: 24px; }
#nav-drag-desktop .nd-check input { width: 16px; height: 16px; flex-shrink: 0; }
#nav-drag-desktop .nd-library { gap: 9px; }
#nav-drag-desktop .nd-library button { border-radius: 16px; background: var(--nd-control); padding: 12px 6px; font-size: 12px; }
#nav-drag-desktop .nd-wall-choice { border-radius: 16px; font-size: 12px; }
#nav-drag-desktop .nd-wall-thumb { height: 62px; border-radius: 12px; }
#nav-drag-desktop .nd-upload, #nav-drag-desktop #nd-edit-links { border-radius: 12px; font-size: 13px; background: var(--nd-control); }
#nav-drag-desktop .nd-range { height: 24px; }
#nav-drag-desktop .nd-bg-caption, #nav-drag-desktop .nd-bg-state { font-size: 12px; }
#nav-drag-desktop .nd-dialog { padding: 28px; border: 1px solid var(--nd-glass-edge); border-radius: 28px; width: min(520px, calc(100vw - 32px)); background: var(--nd-glass); box-shadow: 0 24px 80px #00000030, inset 0 1px 0 var(--nd-glass-highlight); backdrop-filter: blur(30px) saturate(130%); }
#nav-drag-desktop .nd-dialog::backdrop { background: #10182850; backdrop-filter: blur(8px); }
#nav-drag-desktop .nd-dialog h2 { font-size: 23px; }
#nav-drag-desktop .nd-dialog p { font-size: 14px; }
#nav-drag-desktop .nd-dialog-top button { width: 32px; min-height: 32px; padding: 0; font-size: 22px; background: var(--nd-control); color: var(--nd-muted); }
#nav-drag-desktop .nd-dialog textarea { border-radius: 16px; background: var(--nd-control); }
#nav-drag-desktop .nd-dialog.nd-catalog { width: min(1080px, calc(100vw - 32px)); max-height: min(880px, calc(100dvh - 48px)); padding: 28px; background: light-dark(#f4f8fff5, #202837f5); }
#nav-drag-desktop .nd-catalog-header { margin-bottom: 20px; }
#nav-drag-desktop .nd-catalog-search { display: flex; align-items: center; gap: 12px; border: 1px solid var(--nd-line); border-radius: 16px; background: var(--nd-control); padding: 12px 16px; margin: 18px 0 14px; }
#nav-drag-desktop .nd-catalog-search input { width: 100%; min-width: 0; background: transparent; color: var(--nd-text); border: 0; font: inherit; font-size: 14px; }
#nav-drag-desktop .nd-catalog-search input::placeholder { color: var(--nd-muted); }
#nav-drag-desktop .nd-catalog-search:focus-within { outline: 2px solid var(--nd-blue); outline-offset: 2px; }
#nav-drag-desktop .nd-catalog-search input:focus-visible { outline: none; }
#nav-drag-desktop .nd-catalog-filters { display: flex; flex-wrap: wrap; gap: 8px; }
#nav-drag-desktop .nd-catalog-filters button { min-height: 34px; padding: 6px 12px; font-size: 12px; background: var(--nd-control); border: 1px solid var(--nd-line); }
#nav-drag-desktop .nd-catalog-filters button[aria-pressed=true] { background: var(--nd-blue-fill); border-color: transparent; color: var(--nd-on-blue); }
#nav-drag-desktop .nd-catalog #nd-catalog-summary { font-size: 12px; margin: 14px 0 0; }
#nav-drag-desktop .nd-catalog-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
#nav-drag-desktop .nd-catalog-card { border: 1px solid var(--nd-glass-edge); border-radius: 22px; background: var(--nd-control); padding: 20px; box-shadow: var(--nd-elevation); min-width: 0; }
#nav-drag-desktop .nd-catalog-card-top { display: flex; gap: 12px; justify-content: space-between; align-items: start; margin-bottom: 14px; }
#nav-drag-desktop .nd-catalog-card h3 { font-size: 16px; margin: 0; }
#nav-drag-desktop .nd-catalog-card-top p { font-size: 12px; color: var(--nd-muted); margin: 4px 0 0; }
#nav-drag-desktop .nd-catalog-card-top button { flex-shrink: 0; font-size: 12px; min-height: 32px; padding: 5px 12px; color: var(--nd-blue); background: var(--nd-soft); }
#nav-drag-desktop .nd-catalog-sites { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
#nav-drag-desktop .nd-catalog-sites a { display: flex; align-items: center; gap: 9px; padding: 12px 6px; border-radius: 12px; min-width: 0; color: var(--nd-text); text-decoration: none; }
#nav-drag-desktop .nd-catalog-sites a:hover { background: var(--nd-soft); }
#nav-drag-desktop .nd-catalog-mark { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 10px; background: var(--nd-soft); color: var(--nd-blue); font-size: 15px; font-weight: 600; }
#nav-drag-desktop .nd-catalog-sites a > span:nth-child(2) { min-width: 0; }
#nav-drag-desktop .nd-catalog-sites strong { display: block; font-size: 13px; line-height: 1.35; font-weight: 600; overflow-wrap: anywhere; }
#nav-drag-desktop .nd-catalog-sites small { display: block; font-size: 11px; line-height: 1.5; margin-top: 4px; color: var(--nd-muted); }
#nav-drag-desktop .nd-catalog-sites svg { display: none; }
#nav-drag-desktop .nd-catalog-empty { grid-column: 1 / -1; padding: 48px 16px; text-align: center; color: var(--nd-muted); }
#nav-drag-desktop .nd-catalog #nd-catalog-message { font-size: 12px; margin: 6px 0 0; }
@media (max-width: 760px) {
  #nav-drag-desktop .nd-catalog-results { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 540px) {
  #nav-drag-desktop .nd-dialog.nd-catalog { padding: 20px; max-height: calc(100dvh - 24px); }
  #nav-drag-desktop .nd-catalog-filters { flex-wrap: nowrap; overflow-x: auto; padding: 3px 3px 8px; }
  #nav-drag-desktop .nd-catalog-filters button { flex-shrink: 0; }
  #nav-drag-desktop .nd-catalog-card { padding: 16px; }
  #nav-drag-desktop .nd-catalog-card-top { align-items: center; }
  #nav-drag-desktop .nd-catalog-sites { grid-template-columns: minmax(0, 1fr); }
  #nav-drag-desktop .nd-catalog-sites svg { display: block; margin-left: auto; flex-shrink: 0; color: var(--nd-muted); width: 15px; }
}
#nav-drag-desktop .nd-backup-actions button:not(.nd-primary) { background: var(--nd-control); }
#nav-drag-desktop .nd-notice { border-radius: 18px; background: var(--nd-glass); backdrop-filter: blur(20px); border-color: var(--nd-glass-edge); }
#nav-drag-desktop [data-wall=mist] { --nd-wall: radial-gradient(ellipse at 12% 40%, light-dark(#b5d8ff, #1b426d), transparent 65%), radial-gradient(ellipse at 90% 80%, light-dark(#cfc6ff, #3d325b), transparent 65%), linear-gradient(155deg, light-dark(#eaf5ff, #152235), light-dark(#e0e7fb, #182237)); }
/* Keep text readable over arbitrary user-selected photos and video. */
#nav-drag-desktop:is([data-background=image], [data-background=video], [data-background=solid], [data-background=gradient]) { --nd-glass: light-dark(#f7fbffe8, #202837ed); }
#nav-drag-desktop:is([data-background=image], [data-background=video], [data-background=solid], [data-background=gradient]) :is(.nd-top, .nd-toolbar, .nd-intro, .nd-footer) { background: var(--nd-glass); backdrop-filter: blur(20px); }
#nav-drag-desktop:is([data-background=image], [data-background=video], [data-background=solid], [data-background=gradient]) :is(.nd-intro, .nd-footer) { border-radius: 18px; padding: 16px; }
@media (max-width: 1100px) {
  #nav-drag-desktop { --nd-page-inset: 24px; }
  #nav-drag-desktop .nd-body { grid-template-columns: minmax(0, 1fr) 280px; gap: 12px; padding-right: 12px; }
  #nav-drag-desktop .nd-widget { padding: 16px; }
  #nav-drag-desktop .nd-hint { display: none; }
}
@media (max-width: 850px) {
  #nav-drag-desktop .nd-body { grid-template-columns: minmax(0, 1fr); padding-right: 0; }
  #nav-drag-desktop .nd-main, #nav-drag-desktop[data-edit=true] .nd-main { padding: 16px var(--nd-page-inset); min-height: 0; }
  #nav-drag-desktop .nd-side { margin: 0 var(--nd-page-inset) 24px; max-height: none; position: static; }
  #nav-drag-desktop .nd-top { gap: 12px; }
  #nav-drag-desktop .nd-brand { font-size: 15px; }
  #nav-drag-desktop .nd-workspaces button { min-width: 64px; padding-inline: 14px; }
  #nav-drag-desktop .nd-account { width: auto; margin: 0; }
  #nav-drag-desktop .nd-account a { display: none; }
  #nav-drag-desktop .nd-account button { padding-inline: 12px; }
}
@media (max-width: 540px) {
  #nav-drag-desktop { --nd-page-inset: 16px; --nd-radius: 24px; }
  #nav-drag-desktop .nd-top { grid-template-columns: 1fr auto; padding-top: 20px; gap: 16px 10px; }
  #nav-drag-desktop .nd-workspaces { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
  #nav-drag-desktop .nd-workspaces button { min-width: 96px; }
  #nav-drag-desktop .nd-account { grid-column: 2; grid-row: 1; }
  #nav-drag-desktop .nd-account button { min-height: 36px; font-size: 12px; }
  #nav-drag-desktop .nd-account svg { display: none; }
  #nav-drag-desktop .nd-toolbar { padding: 4px var(--nd-page-inset); gap: 8px; }
  #nav-drag-desktop .nd-toolbar-label { display: none; }
  #nav-drag-desktop .nd-actions { margin-left: auto; gap: 4px; }
  #nav-drag-desktop .nd-actions button { min-height: 38px; padding: 6px 10px; font-size: 12px; }
  #nav-drag-desktop .nd-intro { padding: 8px 0 12px; gap: 6px; }
  #nav-drag-desktop h2 { font-size: 25px; }
  #nav-drag-desktop .nd-private { display: none; }
  #nav-drag-desktop .nd-widget { padding: 18px; }
  #nav-drag-desktop .nd-sites, #nav-drag-desktop[data-compact=true] .nd-sites { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #nav-drag-desktop .nd-site { font-size: 11px; border-radius: 14px; padding: 9px 2px; }
  #nav-drag-desktop[data-compact=true] .nd-widget[data-kind=links] { min-height: 254px; }
  #nav-drag-desktop[data-compact=true] .nd-widget[data-kind=clock] { min-height: 250px; }
  #nav-drag-desktop[data-compact=true] .nd-widget[data-kind=note] { min-height: 220px; }
  #nav-drag-desktop .nd-side, #nav-drag-desktop .nd-theme-section, #nav-drag-desktop .nd-custom-section { display: block; }
  #nav-drag-desktop .nd-properties { margin-top: 20px; }
  #nav-drag-desktop .nd-fields { grid-template-columns: 1fr 1fr; gap: 8px; }
  #nav-drag-desktop .nd-dialog { padding: 22px; }
  #nav-drag-desktop .nd-tools { gap: 6px; }
  #nav-drag-desktop .nd-tool { padding: 8px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #nav-drag-desktop *, #nav-drag-desktop *::before, #nav-drag-desktop *::after { transition: none!important; animation: none!important; scroll-behavior: auto!important; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  #nav-drag-desktop, #nav-drag-desktop[data-background] { --nd-glass: var(--nd-surface); --nd-control: var(--nd-surface); --nd-glass-edge: var(--nd-line); --nd-note: var(--nd-surface); }
  #nav-drag-desktop * { backdrop-filter: none!important; }
}
@supports not (backdrop-filter: blur(1px)) {
  #nav-drag-desktop, #nav-drag-desktop[data-background] { --nd-glass: var(--nd-surface); --nd-control: var(--nd-surface); }
}