.hn-icons{align-items:center;gap:8px;display:flex}.gear-wrap{position:relative}.gear-btn{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:44px;height:44px;padding:3px;transition:background .15s;display:flex}.gear-btn:hover{background:#00000014}.gear-btn img{width:32px;height:32px;display:block}.gear-dropdown{z-index:500;background:#5e80ff;border:2px solid #111;flex-direction:column;min-width:170px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:3px 4px #0000001f}.gear-dropdown.open{display:flex}.gear-item{font-family:var(--font-hand);font-size:var(--fs-nav-dropdown);color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;padding:9px 14px;transition:background .12s}.gear-item:hover{background:#00000012}.gear-item-current{color:#ffffff8c;cursor:default;pointer-events:none}.gear-item-current:hover{background:0 0}.gear-music{border-top:1px solid #0000001a;justify-content:center;align-items:center;gap:12px;padding:8px 14px;display:flex}.music-btn{cursor:pointer;opacity:.65;background:0 0;border:none;padding:2px;transition:opacity .15s}.music-btn:hover{opacity:1}.music-btn img{width:18px;height:18px;display:block}.hn-inv-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.hn-inv-overlay .lib-panel{flex-shrink:0}.login-overlay{z-index:2100;background:0 0;justify-content:flex-start;align-items:flex-start;padding-top:46px;padding-left:clamp(12px,2vw,28px);display:none;position:fixed;inset:0}.login-overlay.open{display:flex}.login-popup{background:#dfe2ef;width:clamp(280px,88vw,360px);animation:.15s both hnPopIn;position:relative;overflow:hidden;box-shadow:3px 4px #0000001f}@keyframes hnPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-popup-heading{font-family:var(--font-hand);font-size:var(--fs-h3);border-bottom:2px solid #0000;padding:12px 20px;display:none}.login-popup-tabs{background:#cdd3ec;border-bottom:2px solid #5e80ff;display:flex}.popup-tab{font-family:var(--font-hand);font-size:var(--fs-h3);text-align:center;cursor:pointer;color:#888;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;padding:8px;text-decoration:none;transition:color .2s;display:block}.popup-tab.active{color:#5e80ff;border-bottom-color:#5e80ff}.login-popup-body{flex-direction:column;gap:12px;padding:18px 20px 14px;display:flex}.popup-form{flex-direction:column;gap:12px;display:none}.popup-form.active{display:flex}.popup-field{flex-direction:column;gap:4px;display:flex}.popup-label{font-family:var(--font-hand);font-size:var(--fs-h6);color:#888}.popup-input{font-family:var(--font-hand);font-size:var(--fs-h4);color:#222;-webkit-user-select:text;user-select:text;background:#fff;border:1.5px solid #5e80ff;outline:none;padding:7px 10px;transition:border-color .2s}.popup-input:focus{border-color:#4a5bc4}.popup-forgot-link{font-family:var(--font-hand);font-size:var(--fs-h6);color:#999;cursor:pointer;align-self:flex-end;margin-top:-4px;text-decoration:none}.popup-forgot-link:hover{color:#5e80ff;text-decoration:underline}.popup-btn{font-family:var(--font-hand);font-size:var(--fs-btn);color:#fff;cursor:pointer;background:#5e80ff;border:2px solid #2858ff;margin-top:2px;padding:9px;transition:all 50ms;box-shadow:2px 2px #2858ff}.popup-btn:hover{background:#4a5bc4}.popup-btn:active{box-shadow:none;transform:translate(2px,2px)}.popup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.popup-msg{font-size:var(--fs-h6);font-family:var(--font-hand);padding:6px 10px;display:none}.popup-msg.error{color:#c0392b;background:#c0392b14;border:1px solid #c0392b26;display:block}.popup-msg.success{color:#2d7a4f;background:#2d7a4f14;border:1px solid #2d7a4f26;display:block}.login-popup-signup-cta{text-align:center;font-family:var(--font-hand);font-size:var(--fs-h6);color:#777;border-top:1px solid #00000014;margin-top:-4px;padding:12px 20px 16px;display:none}.login-popup-signup-cta a{color:#5e80ff;text-decoration:underline}.login-overlay.login-gate{background:#0006;justify-content:center;align-items:center;padding:0}.login-overlay.login-gate .login-popup{border:none;animation:.2s both hnPopIn;box-shadow:0 0 0 4px #5e80ff,4px 8px 28px #00000059}.login-gate-footer{display:none}.login-overlay.login-gate .login-gate-footer{text-align:center;font-family:var(--font-hand);font-size:var(--fs-h7);color:#777;padding:0 20px 18px;display:block}.login-gate-footer #hn-gate-message{margin-bottom:4px;display:block}.login-gate-footer .login-gate-link{color:#5e80ff;text-decoration:underline}.login-overlay:not(.login-gate) .login-popup{background:#5e80ff}.login-overlay:not(.login-gate) .login-popup-tabs{display:none}.login-overlay:not(.login-gate) .login-popup-heading{color:#fff;background:0 0;border-bottom-color:#ffffff4d;display:block}.login-overlay:not(.login-gate) .login-popup-signup-cta{color:#ffffffbf;border-top-color:#fff3;display:block}.login-overlay:not(.login-gate) .login-popup-signup-cta a{color:#fff}.login-overlay:not(.login-gate) .popup-label{color:#ffffffbf}.login-overlay:not(.login-gate) .popup-input{border-color:#2858ff}.login-overlay:not(.login-gate) .popup-input:focus{border-color:#1c3fc7}.login-overlay:not(.login-gate) .popup-forgot-link{color:#ffffffb3}.login-overlay:not(.login-gate) .popup-forgot-link:hover{color:#fff}.login-overlay:not(.login-gate) .popup-btn{color:#2858ff;background:#fff}.login-overlay:not(.login-gate) .popup-btn:hover{background:#eef1fa}