.navbar{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;z-index:10;}.nav-btn{display:flex;align-items:center;justify-content:center;padding:0 1.8em;border:1px solid #14202c;border-radius:0;font-weight:600;font-size:1em;box-shadow:0 3px 16px 0 #ff980022;cursor:pointer;transition:box-shadow .18s,transform .15s;letter-spacing:.01em;outline:none;position:relative;text-transform:uppercase;background:linear-gradient(to bottom,#ff9800 0%,#fa1000 100%);color:#fff;}.nav-btn.active{background:linear-gradient(0deg,#ffe500 0%,#ffd600 100%);color:#181818;box-shadow:0 3px 16px #3f51b525;}.nav-btn.icon{min-width:54px;font-size:2em;padding:0;}.nav-btn:focus,.nav-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 32px #0002;z-index:1;}.navbar .dropdown-content .dropdown-content{margin-top:-100%;margin-left:100%;}@media (max-width:1280px){.nav-btn.icon{font-size:1.5em}}@media (max-width:700px){.navbar{align-items:stretch;gap:.5em}.nav-btn,.nav-btn.icon{font-size:1em;padding:.25em .5em}.navbar .dropdown-content{margin-top:2em}.nav-btn.icon.r{border-radius:1.8em;min-width:32px}.nav-btn-comments{display:none}.navbar .dropdown-content .dropdown-content{margin-left:unset}}html[data-theme="dark"] .navbar{background:none!important;}html[data-theme="dark"] .nav-btn{background:linear-gradient(0deg,#ff9800 0%,#ffe066 100%)!important;color:#191c1f!important;box-shadow:0 3px 16px 0 #1113!important;}html[data-theme="dark"] .nav-btn.active{background:linear-gradient(0deg,#fff700 0%,#ffec80 100%)!important;color:#181818!important;}