:root { --bg-primary:#111115; --site-bg:#090a0e; --panel-bg:rgba(22,22,28,.82); --panel-border:rgba(255,255,255,.12); --accent-cyan:#38bdf8; --accent-indigo:#818cf8; --text-primary:#f8fafc; --text-secondary:#94a3b8; --radius-lg:16px; --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",Helvetica,Arial,sans-serif; --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.site-header { height:82px; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(9,10,14,.9); backdrop-filter:blur(20px); color:var(--text-primary); font-family:var(--font-sans); position:relative; z-index:100; }
.site-nav { max-width:1280px; margin:auto; height:100%; padding:0 40px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.site-brand { color:#f8fafc; display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:25px; font-weight:650; letter-spacing:-1.3px; }
.brand-period { color:#81b8ff; margin-left:-10px; }
.brand-symbol { position:relative; width:24px; height:26px; display:inline-block; margin-right:1px; transform:rotate(-14deg); }
.brand-symbol i { position:absolute; width:9px; height:9px; border-radius:50%; background:#b6c7ff; box-shadow:0 0 12px #8b9eff40; }
.brand-symbol i:nth-child(1) { left:0; top:3px; }.brand-symbol i:nth-child(2) { right:1px; top:0; width:7px; height:7px; background:#6baeff; }.brand-symbol i:nth-child(3) { left:4px; bottom:1px; width:11px; height:11px; background:#f3f5ff; }.brand-symbol i:nth-child(4) { right:0; bottom:7px; width:6px; height:6px; background:#8289e8; }
.site-nav-links { display:flex; align-items:center; gap:30px; }.site-nav-links a { color:#9597a5; text-decoration:none; font-size:12px; transition:color .2s; white-space:nowrap; }.site-nav-links a:hover,.site-nav-links a[aria-current="page"] { color:white; }.nav-soon { font-size:8px; color:#6f7485; margin-left:4px; text-transform:uppercase; letter-spacing:.5px; }
.site-nav-action { color:#e7e9f1; border:1px solid #343640; padding:10px 15px; border-radius:7px; text-decoration:none; font-size:11px; white-space:nowrap; }.site-nav-action span { margin-left:15px; color:#a4b9ef; }.site-nav-action:hover { border-color:#818cf8; background:#818cf80d; }
.menu-toggle { display:none; border:1px solid #343640; color:#f8fafc; background:transparent; padding:8px 11px; border-radius:6px; font:inherit; font-size:12px; }
.site-nav a:focus-visible,.menu-toggle:focus-visible { outline:2px solid #38bdf8; outline-offset:5px; }
.viewer-page .site-header { height:56px; }.viewer-page .site-nav { max-width:none; padding:0 22px; }.viewer-page .site-brand { font-size:20px; }.viewer-page .site-nav-action { padding:7px 12px; }
@media(max-width:850px) { .site-nav { padding:0 24px; gap:16px; }.site-nav-links { gap:18px; }.site-nav-action { display:none; } }
@media(max-width:600px) { .site-header { height:68px; }.site-nav { padding:0 22px; }.site-brand { font-size:23px; }.menu-toggle { display:block; }.site-nav-links { display:none; position:absolute; top:67px; left:0; right:0; padding:24px; background:#111115; border-bottom:1px solid #343640; flex-direction:column; align-items:flex-start; gap:24px; }.site-nav-links.is-open { display:flex; }.site-nav-links a { font-size:15px; } }
.viewer-page .site-nav-links { user-select:auto; }@media(max-width:600px) { .viewer-page .site-nav-links { top:55px; } }

/* SVG icons render consistently across desktop and mobile fonts. */
.ui-icon { display:inline-block; width:1em; height:1em; flex-shrink:0; vertical-align:-.125em; pointer-events:none; }