/* Mode colour supports a persistent label and aria-current; it is not the sole cue. */
.video-mode-nav{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:8px;flex:0 0 auto;width:calc(100% - 32px);max-width:1780px;min-height:52px;margin:12px auto 4px;padding:4px 2px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#605466 transparent;scroll-padding-inline:6px}.video-mode-nav[hidden]{display:none}.video-mode{--mode-color:#ff91b4;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid color-mix(in srgb,var(--mode-color) 35%,#38323e);border-radius:11px;text-decoration:none;color:var(--vizurai-text,#f4f3f6);background:color-mix(in srgb,var(--mode-color) 6%,#16151c);font:inherit;font-size:14px;line-height:1.3;white-space:nowrap;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.video-mode svg{width:18px;height:18px;flex-shrink:0;color:var(--mode-color)}.video-mode--chimera{--mode-color:#80ead8}.video-mode--code-video{--mode-color:#ffd08c}.video-mode--scene{--mode-color:#a4ccff}.video-mode--split{--mode-color:#ccb3ff}.video-mode-current{display:none;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--mode-color)}.video-mode[aria-current=page]{border-color:color-mix(in srgb,var(--mode-color) 72%,#60536a);background:color-mix(in srgb,var(--mode-color) 13%,#16151c);font-weight:700;box-shadow:0 5px 18px -12px color-mix(in srgb,var(--mode-color) 42%,transparent)}.video-mode[aria-current=page] .video-mode-current{display:inline}.video-mode:hover{border-color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 12%,#16151c)}.video-mode:focus-visible{outline:3px solid var(--mode-color);outline-offset:2px}main>.video-mode-nav{width:100%;margin:14px 0 8px}.split-page>.video-mode-nav{width:calc(100% - 24px);margin:6px auto 0;min-height:50px}.video-mode-nav a:visited{color:var(--vizurai-text,#f4f3f6)}
@media(max-width:700px){.video-mode-nav{width:calc(100% - 24px);margin-top:8px;gap:7px;max-width:100%;min-height:52px}.video-mode{font-size:14px;padding-inline:11px}.video-mode-current{font-size:14px}}
@media(prefers-reduced-motion:reduce){.video-mode{transition:none}}

/* Persistent accents on every mode, with a stronger selection and text cue. */
.video-mode-nav{gap:10px;min-height:60px;margin-top:10px;padding:5px 5px 12px}
.video-mode{border-color:color-mix(in srgb,var(--mode-color) 44%,#38323e);background:color-mix(in srgb,var(--mode-color) 10%,#16151c);box-shadow:0 5px 14px -7px color-mix(in srgb,var(--mode-color) 42%,transparent)}
.video-mode--stop-motion{--mode-color:#c8e88c}
.video-mode[aria-current=page]{border-color:color-mix(in srgb,var(--mode-color) 82%,#60536a);background:color-mix(in srgb,var(--mode-color) 17%,#16151c);box-shadow:0 6px 17px -6px color-mix(in srgb,var(--mode-color) 46%,transparent)}
.video-mode:hover{background:color-mix(in srgb,var(--mode-color) 16%,#16151c)}
.split-page>.video-mode-nav{min-height:58px}
@media(max-width:700px){.video-mode-nav{margin-top:8px;gap:8px}}