/* Fremio V6 - shared topbar design and accessible login dialog */
:root{--f6-teal:#0d8c81;--f6-navy:#12253d;--f6-line:#e2e9ed;--f6-bg:#f5f8f8}
.fremio-app{background:var(--f6-bg)}.f6-layout{min-height:100vh;display:flex;flex-direction:column}.f6-main{flex:1;min-width:0;width:100%}.f6-header{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--f6-line);box-shadow:0 3px 20px #12253d08}.f6-header-inner{max-width:1500px;margin:auto;min-height:83px;padding:0 clamp(17px,3vw,42px);display:flex;align-items:center;gap:clamp(12px,2.1vw,40px)}.f6-brand{white-space:nowrap;flex:none}.f6-desktop-nav{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.f6-desktop-nav a{display:flex;align-items:center;gap:8px;padding:12px 11px;border-radius:11px;font-weight:700;font-size:12.5px;color:#687b89!important;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}.f6-desktop-nav a i{font-size:13px}.f6-desktop-nav a:hover,.f6-desktop-nav a.active{background:#e8f7ef;color:#0d8c81!important}.f6-header-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.f6-club-current,.f6-club-toggle{font-size:12px;font-weight:700;color:#647889;white-space:nowrap;display:flex;align-items:center;gap:8px;max-width:190px}.f6-club-current{overflow:hidden;text-overflow:ellipsis}.f6-club-toggle{border:1px solid #e1eae8;border-radius:12px;background:#f7faf9;padding:11px 13px;cursor:pointer}.f6-club-toggle span{overflow:hidden;text-overflow:ellipsis}.f6-club-dropdown{position:relative}.f6-club-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;max-width:min(300px,90vw);max-height:320px;overflow:auto;background:white;border:1px solid var(--f6-line);box-shadow:0 20px 46px #12253d20;border-radius:13px;padding:8px}.f6-club-menu[hidden],.f6-mobile-nav[hidden]{display:none!important}.f6-club-menu a{display:block;padding:10px 12px;font-size:13px;border-radius:8px;color:var(--f6-navy)}.f6-club-menu a:hover{background:#e8f7ef}.f6-logout{display:grid;place-items:center;width:39px;height:39px;background:#f0f5f4;color:#657b87!important;border-radius:12px}.f6-logout:hover{color:#0d8c81!important;background:#e8f7ef}.f6-mobile-toggle{display:none;border:0;border-radius:11px;background:#e8f7ef;color:#0d8c81;width:40px;height:40px;cursor:pointer}.f6-content{max-width:1360px!important;padding-top:43px!important}.f6-content .f5-title-row{margin-bottom:25px}.f6-content .f5-panel{border-radius:22px;box-shadow:0 14px 42px #12253d0b}.f6-mobile-nav{display:none}.f6-final-cta{background:#112b43;color:white;text-align:center;padding:78px 20px}.f6-final-cta h2{color:white;font:800 clamp(28px,4vw,44px) Manrope,sans-serif;letter-spacing:-1.8px;margin:18px auto}.f6-final-cta p{color:#bfd2da;margin:0 auto 28px}.f6-final-cta .f5-primary{border:0;cursor:pointer}.f6-login-backdrop{position:fixed;inset:0;z-index:2000;background:#10243bbb;backdrop-filter:blur(7px);display:none;place-items:center;padding:20px;overflow:auto}.f6-login-backdrop.is-open{display:grid}.f6-login-dialog{position:relative;width:min(460px,100%);background:#fff;border-radius:24px;padding:clamp(25px,4vw,42px);box-shadow:0 32px 95px #071b2d4d;outline:none;animation:f6-appear .2s ease-out}.f6-login-dialog>.f5-logo{margin-bottom:30px}.f6-login-dialog>.f5-badge{display:table}.f6-login-dialog h2{font:800 32px/1.2 Manrope,sans-serif!important;letter-spacing:-1.2px!important;color:var(--f6-navy)!important;margin:17px 0 10px}.f6-login-dialog>p{color:#65758b;line-height:1.6;font-size:14px;margin-bottom:26px}.f6-close-login{position:absolute;right:19px;top:19px;border:0;border-radius:11px;background:#f1f5f4;color:#4f6576;width:36px;height:36px;cursor:pointer}.f6-login-fields{display:flex;flex-direction:column;gap:9px}.f6-login-fields label{font-weight:700;font-size:13px;margin-top:10px;color:#22384b}.f6-login-fields input{width:100%;background:#fff;border:1px solid #dce6e6;border-radius:12px;padding:14px 15px;min-height:49px;font:inherit;color:var(--f6-navy)}.f6-login-fields input:focus{border-color:#0d8c81;outline:3px solid #0d8c8123}.f6-login-fields small:empty{display:none}.f6-login-fields .f5-primary{width:100%;justify-content:center;border:0;cursor:pointer;margin-top:14px;min-height:50px}.f6-login-fields .f5-forgot{align-self:center;margin-top:6px;font-size:13px}.f6-login-note{margin-top:23px;border-top:1px solid var(--f6-line);padding-top:17px;font-size:12px;color:#788d9a;text-align:center}.f6-login-note i{color:#0d8c81;margin-right:5px}.f6-login-backdrop.is-open~*{pointer-events:auto}body.f6-modal-open{overflow:hidden}@keyframes f6-appear{from{transform:translateY(13px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:1250px){.f6-header-inner{gap:15px}.f6-desktop-nav a{font-size:11.5px;padding:10px 8px}.f6-desktop-nav a i{display:none}.f6-club-current{display:none}}@media(max-width:950px){.f6-desktop-nav{display:none}.f6-mobile-toggle{display:grid;place-items:center}.f6-header-inner{min-height:70px}.f6-mobile-nav:not([hidden]){display:grid;gap:4px;padding:10px 18px 18px;border-top:1px solid var(--f6-line);max-height:calc(100vh - 70px);overflow:auto}.f6-mobile-nav a{border-radius:10px;padding:12px 14px;font-weight:700;color:#4b6375;background:#f7faf9}.f6-club-current{display:flex}}@media(max-width:550px){.f6-club-current{display:none}.f6-brand{font-size:23px!important}.f6-header-actions{gap:7px}.f6-club-toggle{max-width:125px;padding:9px;font-size:11px}.f6-content{padding-top:25px!important}.f6-login-dialog h2{font-size:27px!important}}@media(prefers-reduced-motion:reduce){.f6-login-dialog{animation:none}}