.nav-btn{--nav-accent:#00e5ff;--nav-accent-2:#5b2eff;--nav-surface:#0d1b33;--nav-text:#f4fbff;--nav-muted:#91a7c2;--nav-glow:#00e5ff8c;cursor:pointer;min-width:0;max-width:56px;color:var(--nav-muted);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex-shrink:1;justify-content:center;align-items:center;gap:3px;padding:2px 4px;transition:transform .2s,opacity .2s,color .2s;display:flex}.nav-btn.is-active{color:var(--nav-text);transform:scale(1.08)}.nav-btn:not(.is-active){opacity:.72}.nav-label{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700;line-height:1}.nav-icon{filter:drop-shadow(0 0 #0000);width:36px;height:36px;transition:filter .2s;display:block;position:relative}.nav-icon-wrap{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative;overflow:visible}.nav-alert-star{z-index:5;pointer-events:none;opacity:1;width:13px;height:13px;position:absolute;top:-3px;right:-4px}.nav-alert-star:before{content:"";background:var(--nav-alert,#39ff14);clip-path:polygon(50% 0%,62% 36%,100% 38%,68% 60%,79% 100%,50% 76%,21% 100%,32% 60%,0% 38%,38% 36%);box-shadow:0 0 0 1.5px var(--nav-alert-ring,#00e5ff), 0 0 8px color-mix(in srgb, var(--nav-alert-glow,#39ff14) 85%, transparent);display:block;position:absolute;inset:0}.nav-btn:not(.is-active) .nav-alert-star{opacity:1}.nav-btn.is-active .nav-alert-star:before{box-shadow:0 0 0 1.5px var(--nav-alert-ring,#00e5ff), 0 0 10px color-mix(in srgb, var(--nav-alert-glow,#39ff14) 95%, transparent)}.nav-btn.is-active .nav-icon{filter:drop-shadow(0 0 7px var(--nav-glow))}.nav-icon--mixed:before,.nav-icon--mixed:after{content:"";box-sizing:border-box;border-radius:6px;position:absolute}.nav-icon--mixed:before{background:linear-gradient(145deg, color-mix(in srgb, var(--nav-accent-2) 85%, transparent), color-mix(in srgb, var(--nav-surface) 40%, transparent));border:2px solid color-mix(in srgb, var(--nav-accent-2) 70%, white);width:24px;height:28px;top:4px;left:4px;transform:rotate(-8deg)}.nav-icon--mixed:after{background:linear-gradient(var(--nav-accent) 0 10px, transparent 10px 14px), linear-gradient(90deg, var(--nav-muted) 0 14px, transparent 14px 18px), linear-gradient(90deg, color-mix(in srgb, var(--nav-accent) 55%, white) 0 18px, transparent 18px 22px), linear-gradient(180deg, color-mix(in srgb, var(--nav-surface) 30%, var(--nav-accent)), color-mix(in srgb, var(--nav-accent-2) 50%, var(--nav-surface)));border:2px solid var(--nav-accent);width:24px;height:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nav-accent) 25%, white);bottom:3px;right:3px}.nav-icon--video:before,.nav-icon--video:after{content:"";box-sizing:border-box;position:absolute}.nav-icon--video:before{border:2px solid var(--nav-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--nav-accent) 25%, var(--nav-surface)), color-mix(in srgb, var(--nav-accent-2) 35%, var(--nav-surface)));width:30px;height:22px;box-shadow:inset 0 0 10px color-mix(in srgb, var(--nav-accent) 35%, transparent), 0 0 8px color-mix(in srgb, var(--nav-accent) 20%, transparent);border-radius:5px;top:7px;left:3px}.nav-icon--video:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid var(--nav-accent);width:0;height:0;filter:drop-shadow(0 0 4px var(--nav-glow));top:14px;left:15px}.nav-icon--playlists:before,.nav-icon--playlists:after{content:"";box-sizing:border-box;border-radius:4px;position:absolute}.nav-icon--playlists:before{border:2px solid color-mix(in srgb, var(--nav-accent) 65%, white);background:linear-gradient(90deg, color-mix(in srgb, var(--nav-accent-2) 70%, var(--nav-surface)), color-mix(in srgb, var(--nav-accent) 40%, var(--nav-surface)));width:28px;height:18px;top:5px;left:4px}.nav-icon--playlists:after{border:2px solid var(--nav-accent);background:linear-gradient(90deg, color-mix(in srgb, var(--nav-accent) 55%, var(--nav-surface)), color-mix(in srgb, var(--nav-accent-2) 45%, var(--nav-surface)));width:28px;height:18px;box-shadow:0 3px 8px color-mix(in srgb, var(--nav-accent) 25%, transparent);top:14px;left:4px}.nav-icon--playlists{background:linear-gradient(#0000 18px 18px)}.nav-icon--playlists span{border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid var(--nav-text);z-index:1;width:0;height:0;position:absolute}.nav-icon--playlists span:first-child{top:11px;left:10px}.nav-icon--playlists span:last-child{border-left-color:var(--nav-accent);top:20px;left:10px}.nav-icon--messages:before,.nav-icon--messages:after{content:"";box-sizing:border-box;position:absolute}.nav-icon--messages:before{background:linear-gradient(145deg, var(--nav-accent), color-mix(in srgb, var(--nav-accent-2) 80%, var(--nav-accent)));width:26px;height:18px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--nav-accent-2) 50%, black);border-radius:9px;top:6px;left:5px}.nav-icon--messages:after{background:var(--nav-accent);clip-path:polygon(0 0,100% 0,0 100%);border-bottom-left-radius:2px;width:10px;height:10px;bottom:7px;left:8px}.nav-icon--messages span{background:var(--nav-surface);z-index:1;border-radius:50%;width:4px;height:4px;position:absolute;top:13px}.nav-icon--messages span:first-child{left:12px}.nav-icon--messages span:nth-child(2){left:18px}.nav-icon--messages span:nth-child(3){left:24px}.nav-icon--profile:before,.nav-icon--profile:after{content:"";box-sizing:border-box;position:absolute}.nav-icon--profile:before{background:linear-gradient(180deg, var(--nav-accent), color-mix(in srgb, var(--nav-accent-2) 70%, var(--nav-accent)));border:2px solid color-mix(in srgb, var(--nav-accent) 80%, white);border-radius:50%;width:12px;height:12px;top:7px;left:12px}.nav-icon--profile:after{background:linear-gradient(180deg, color-mix(in srgb, var(--nav-accent) 70%, var(--nav-surface)), color-mix(in srgb, var(--nav-accent-2) 60%, var(--nav-surface)));border:2px solid var(--nav-accent);border-radius:12px 12px 4px 4px;width:24px;height:14px;bottom:5px;left:6px}.nav-icon--drop:before,.nav-icon--drop:after{content:"";box-sizing:border-box;position:absolute}.nav-icon--drop:before{background:linear-gradient(145deg, var(--nav-accent), color-mix(in srgb, var(--nav-accent-2) 75%, var(--nav-accent)));width:22px;height:22px;box-shadow:inset 0 -3px 6px #ffffff59, 0 2px 8px color-mix(in srgb, var(--nav-accent) 35%, transparent);border-radius:50% 50% 50% 0;top:9px;left:7px;transform:rotate(135deg)}.nav-icon--drop:after{content:"+";clip-path:none;width:auto;height:auto;color:var(--nav-surface);opacity:.95;background:0 0;font-size:16px;font-weight:900;line-height:1;top:16px;left:50%;transform:translate(-50%)}.nav-btn.header-nav-btn{gap:0;min-width:40px;padding:2px}.nav-btn.header-nav-btn .nav-icon{width:32px;height:32px}.nav-btn.header-nav-btn:not(.is-active){opacity:.85}.nav-icon--settings{animation:none}.nav-icon--settings:before,.nav-icon--settings:after{content:"";box-sizing:border-box;position:absolute}.nav-icon--settings:before{background:conic-gradient(from 0deg, var(--nav-accent) 0 16deg, transparent 16deg 44deg, var(--nav-accent) 44deg 60deg, transparent 60deg 88deg, var(--nav-accent) 88deg 104deg, transparent 104deg 132deg, var(--nav-accent) 132deg 148deg, transparent 148deg 176deg, var(--nav-accent) 176deg 192deg, transparent 192deg 220deg, var(--nav-accent) 220deg 236deg, transparent 236deg 264deg, var(--nav-accent) 264deg 280deg, transparent 280deg 308deg, var(--nav-accent) 308deg 324deg, transparent 324deg 360deg);border-radius:50%;width:24px;height:24px;top:6px;left:6px;-webkit-mask:radial-gradient(circle,#0000 7px,#000 8px);mask:radial-gradient(circle,#0000 7px,#000 8px)}.nav-icon--settings:after{background:var(--nav-surface);border:2px solid var(--nav-accent);border-radius:50%;width:10px;height:10px;top:13px;left:13px}.nav-icon--tags:before,.nav-icon--tags:after{content:"";box-sizing:border-box;border-radius:1px;position:absolute}.nav-icon--tags:before{background:var(--nav-accent);width:16px;height:3px;box-shadow:0 7px 0 var(--nav-accent);top:12px;left:10px;transform:rotate(-12deg)}.nav-icon--tags:after{background:var(--nav-accent-2);width:3px;height:16px;box-shadow:7px 0 0 var(--nav-accent-2);top:10px;left:14px;transform:rotate(-12deg)}.drop-bottom-nav{box-sizing:border-box;touch-action:manipulation;place-items:center;display:grid;overflow:hidden}.drop-bottom-nav--seven{grid-template-columns:repeat(7,minmax(0,1fr))}.drop-bottom-nav--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=769px){.drop-bottom-nav{justify-content:center;gap:40px;display:flex}.drop-bottom-nav .nav-btn{flex-shrink:0;min-width:48px;max-width:none}}