/* Site header: independent components without legacy dropdown styling. */
.xv-site-header{position:relative;z-index:100;background:var(--bg);color:var(--text);border-bottom:1px solid var(--border);font-family:var(--sans)}
.xv-header-main,.xv-header-navigation{max-width:1320px;width:calc(100% - 64px);margin:auto;display:flex;align-items:center}
.xv-header-main{height:84px;gap:32px}.xv-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:var(--accent)}
.xv-brand-symbol{width:40px;height:40px;flex-shrink:0}.xv-brand-wordmark{display:flex;gap:5px;align-items:baseline;font-family:var(--sans)!important;font-size:24px;font-weight:750;letter-spacing:-1px;color:var(--text)}.xv-brand-wordmark>span{font-weight:500;letter-spacing:-.7px}
html[data-theme="light"]{--xv-logo-ink:#fff}html[data-theme="dark"]{--xv-logo-ink:#142538}
.xv-header-search{display:flex;align-items:center;gap:12px;max-width:440px;flex:1;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0 14px;color:var(--text-muted)}
.xv-header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.xv-header-search svg{width:19px;height:19px;flex-shrink:0}.xv-header-search input{min-width:0;flex:1;width:100%;border:0;outline:0;background:none;color:var(--text);font-family:var(--sans);font-size:13px;padding:0;box-shadow:none;height:auto}.xv-header-search input::placeholder{color:var(--text-muted)}.xv-header-search kbd{font:11px var(--sans);padding:2px 6px;border:1px solid var(--border);border-radius:4px}
.xv-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.xv-header-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;border:1px solid transparent;background:none;color:var(--text-muted);border-radius:10px;cursor:pointer}.xv-header-icon svg{width:20px;height:20px}.xv-header-icon:hover{background:var(--surface);color:var(--text)}.xv-header-icon:focus-visible,.xv-site-header a:focus-visible,.xv-site-header button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.xv-header-menu,.xv-header-search-button{display:none}.xv-theme-sun,.xv-theme-moon{display:flex}html[data-theme="dark"] .xv-theme-moon,html[data-theme="light"] .xv-theme-sun{display:none}
.xv-header-languages .xv-lang-switcher{display:flex;background:var(--surface);border:1px solid var(--border);padding:3px;border-radius:9px;gap:1px}.xv-header-languages .xv-lang-switcher a{color:var(--text-muted);border:0;background:none;padding:5px 7px;font:10px var(--sans);border-radius:5px}.xv-header-languages .xv-lang-switcher a.active,.xv-header-languages .xv-lang-switcher a[aria-current]{background:var(--bg);color:var(--text)}
.xv-header-login{display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600;white-space:nowrap}.xv-header-login svg{width:17px;height:17px}.xv-header-dev{display:inline-flex;align-items:center;padding:7px 10px;border:1px dashed var(--border-strong);border-radius:7px;font:11px var(--sans);color:var(--text-muted);white-space:nowrap}.xv-header-dev:hover{color:var(--accent);border-color:var(--accent)}
.xv-header-navigation{height:52px;justify-content:space-between;border-top:1px solid var(--border);gap:20px}.xv-header-links{display:flex;align-items:stretch;gap:26px;height:100%}.xv-header-links>a,.xv-header-more>button{display:flex;align-items:center;gap:7px;color:var(--text-muted);font:500 13px var(--sans);padding:0;border:0;border-bottom:2px solid transparent;background:none;white-space:nowrap;cursor:pointer}.xv-header-links>a>svg{width:16px;height:16px}.xv-header-links>a[aria-current],.xv-header-links>a:hover,.xv-header-more>button:hover{color:var(--accent);border-bottom-color:var(--accent)}.xv-header-more{position:relative;display:flex;align-items:stretch}.xv-header-more>button>svg{width:13px;height:13px}.xv-header-create{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.xv-header-create svg{width:16px;height:16px}
.xv-header-popover{display:none;position:absolute;top:calc(100% + 8px);left:-12px;width:300px;padding:8px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0003;z-index:130}.is-open>.xv-header-popover{display:block}.xv-header-popover:before,.xv-header-popover:after{display:none!important}.xv-header-popover>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:none;color:var(--text);font:500 13px/1.4 var(--sans)}.xv-header-popover>a:hover,.xv-header-popover>a[aria-current]{background:var(--accent-soft);color:var(--accent)}.xv-header-popover>a>svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.xv-header-account{position:relative}.xv-header-avatar{border:1px solid var(--border);padding:0;display:flex;border-radius:50%;overflow:hidden;background:var(--surface);width:38px;height:38px;cursor:pointer}.xv-header-avatar img{width:100%;height:100%;object-fit:cover}.xv-header-account .xv-header-popover{left:auto;right:0}.xv-header-account-name{padding:12px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:13px;font-weight:650}
.xv-site-drawer[hidden],.xv-search-overlay[hidden],.xv-drawer-overlay[hidden]{display:none!important}.xv-site-drawer{position:fixed;z-index:2001;top:0;left:0;bottom:0;width:min(340px,90vw);background:var(--bg);color:var(--text);padding:20px;overflow:auto;border-right:1px solid var(--border);box-shadow:10px 0 40px #0003}.xv-site-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.xv-site-drawer nav>a{display:flex;align-items:center;gap:12px;padding:13px 10px;border-radius:8px;font-size:14px;color:var(--text)}.xv-site-drawer nav>a:hover{background:var(--surface)}.xv-site-drawer nav svg{width:18px;height:18px;color:var(--text-muted)}.xv-site-drawer-label{margin:22px 10px 6px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.xv-site-drawer-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:20px;padding:15px 0}.xv-drawer-overlay{z-index:2000;background:#0008;backdrop-filter:blur(3px)}
.xv-dev-login-note{padding:16px;border:1px dashed var(--accent);background:var(--accent-soft);border-radius:10px;font-size:13px;margin:20px 0}.xv-dev-login-note p{margin:8px 0 0;line-height:1.6}.xv-dev-login-note code{overflow-wrap:anywhere}.xv-footer .xv-brand-wordmark{color:#fff}.xv-footer .xv-brand-symbol{color:#91bffc}
@media(max-width:1050px){.xv-header-main{gap:20px}.xv-header-languages{display:none}.xv-header-search{max-width:330px}.xv-header-links{gap:18px}}
@media(max-width:760px){.xv-header-main,.xv-header-navigation{width:calc(100% - 32px)}.xv-header-main{height:70px;gap:13px}.xv-header-menu,.xv-header-search-button{display:flex}.xv-header-search{display:none}.xv-header-navigation{height:48px;overflow:visible}.xv-header-links{gap:22px}.xv-header-links>a{font-size:12px}.xv-header-links>a>svg{display:none}.xv-header-more,.xv-header-create{display:none}.xv-header-actions{gap:5px}.xv-header-actions>.xv-header-dev{display:none}.xv-brand-symbol{width:34px;height:34px}.xv-brand-wordmark{font-size:21px}.xv-header-login{padding:9px 11px;font-size:12px}}
@media(max-width:420px){.xv-header-main{gap:7px}.xv-header-main .xv-brand{gap:7px}.xv-header-main .xv-brand-wordmark{font-size:19px}.xv-header-icon{width:32px;height:34px}.xv-header-login{padding:8px}.xv-header-login>svg{display:none}.xv-header-links{width:100%;justify-content:space-between;gap:8px}.xv-header-links>a{font-size:11px}.xv-header-theme{display:none}}
.xv-site-drawer-tools .xv-lang-switcher{display:flex!important;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}.xv-site-drawer-tools .xv-lang-switcher a{color:var(--text-muted);padding:6px 10px;border-radius:6px;font-size:11px}.xv-site-drawer-tools .xv-lang-switcher a[aria-current]{background:var(--bg);color:var(--text)}
.xv-site-drawer-tools .xv-lang{display:flex!important;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}
.xv-site-drawer-tools .xv-lang a{color:var(--text-muted);padding:6px 10px;border-radius:6px;font:11px var(--sans);background:none}
.xv-site-drawer-tools .xv-lang a[aria-current]{background:var(--bg);color:var(--text)}
.xv-header-links{min-width:0;overflow-x:auto;scrollbar-width:none}