:root{--bg:#050912;--panel:#0b1424;--panel2:#0e1a2d;--line:rgba(142,178,229,.16);--text:#edf5ff;--muted:#93a8c4;--blue:#278cff;--cyan:#28d8f5;--purple:#875cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-top:76px;padding-bottom:0}a{color:inherit;text-decoration:none}.site-navbar{height:76px;position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,9,18,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:100%;max-width:1200px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#fa4cb8,#8a5cff 55%,#24c8ff);box-shadow:0 0 25px #358bff36}.nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-links a{font-size:.86rem;color:#a9bad2;padding:10px 11px;border-radius:10px;white-space:nowrap;transition:.2s}.nav-links a:hover,.nav-links a.active{background:#168cff18;color:#fff}.nav-links a i{margin-right:6px;color:#42b8ff}.nav-actions{display:flex;align-items:center;gap:9px}.nav-auth-only{display:flex;gap:9px}.btn{border:1px solid transparent;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:750;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#177eff,#18bde9);color:white;box-shadow:0 7px 24px #168cff24}.btn.secondary{background:#101c30;border-color:var(--line);color:#e8f3ff}.language-switch{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:#6685a9;font-size:.78rem;font-weight:800}.language-switch button{border:0;background:transparent;color:#8fa6c4;font:inherit;cursor:pointer;padding:3px}.language-switch button[aria-pressed="true"]{color:#48c4ff}.nav-dashboard{white-space:nowrap}.bottom-nav{position:fixed;z-index:999;left:0;right:0;bottom:0;height:66px;display:flex;justify-content:space-around;align-items:center;background:rgba(5,10,20,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:5px max(8px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));}.bottom-nav a{min-width:54px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8299b7;font-size:.68rem;font-weight:700}.bottom-nav a i{font-size:1.05rem}.bottom-nav a:hover,.bottom-nav a.active{color:#47b9ff}.bottom-nav a.active i{filter:drop-shadow(0 0 8px #168cff)}.mobile-nav-head{display:none}.jsvidey-logged-in{padding-bottom:78px}.jsvidey-logged-in .site-footer{padding-bottom:90px}@media(max-width:1050px){.nav-inner{gap:12px;padding:0 16px}.nav-links a{padding:9px 7px;font-size:.78rem}.nav-links a i{margin-right:3px}.nav-actions .btn{padding:10px 12px}}@media(max-width:820px){body{padding-top:68px}.site-navbar{height:68px}.nav-inner{justify-content:space-between}.nav-actions{margin-left:auto}.nav-auth-only{display:flex}.nav-actions .btn{padding:9px 11px;font-size:.82rem}.bottom-nav{height:64px}.bottom-nav a{font-size:.64rem}}@media(max-width:420px){.brand{font-size:1.1rem}.brand-mark{width:32px;height:32px}.nav-actions{gap:5px}.nav-actions .btn{padding:8px 9px;font-size:.75rem}.nav-inner{padding:0 11px}.language-switch{padding:5px 7px;gap:4px}}
/* Jsvidey navigation visibility and language selector */
body:not(.js-logged-in){padding-bottom:0}
.bottom-nav{display:none}
body.js-logged-in .bottom-nav{display:flex}
.language-picker{display:flex;align-items:center;gap:5px;padding:0 8px;height:38px;border:1px solid var(--line);border-radius:10px;background:#0b1728;color:#49baff}
.language-picker select{background:transparent;color:#edf5ff;border:0;outline:0;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.language-picker option{background:#0b1424;color:#edf5ff}
@media(max-width:820px){.nav-actions{gap:6px}.language-picker{height:35px;padding:0 6px}.desktop-dashboard{display:none}}
@media(max-width:420px){.language-picker{gap:3px;padding:0 5px}.language-picker select{font-size:.72rem}}