#frank-radio-banner{position:fixed;top:0;left:0;right:0;height:54px;display:flex;align-items:center;gap:8px;padding:0 10px;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(120,170,255,.22);z-index:2147483647;overflow-x:auto;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.frank-btn{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.035);color:#9fc5ff;font-size:14px;font-weight:800;text-decoration:none;border:1px solid rgba(120,170,255,.12);cursor:pointer}
.frank-btn:hover{background:rgba(120,170,255,.14)}
.frank-icon{width:18px;height:18px;fill:#7fb3ff;flex-shrink:0}
.frank-dropdown{position:fixed;top:60px;background:rgba(13,24,43,.98);border:1px solid rgba(127,179,255,.22);border-radius:16px;padding:12px;min-width:290px;max-width:92vw;display:none;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:2147483647}
.frank-dropdown.show{display:block}
.frank-title{color:#b7c7de;font-size:12px;font-weight:800;margin:8px 0 5px;line-height:1.3}
.frank-divider{height:1px;background:rgba(120,170,255,.16);margin:10px 0}
.frank-dropdown a{display:block;padding:8px 10px;margin:4px 0;border-radius:10px;text-decoration:none;font-size:13px;font-weight:800;color:#9fc5ff}
.frank-dropdown a:hover{background:rgba(120,170,255,.12)}
body{padding-top:54px!important}

.frank-weather{
display:flex;
align-items:center;
padding:9px 12px;
border-radius:14px;
background:rgba(255,255,255,.035);
color:#cfe2ff;
font-size:13px;
font-weight:800;
border:1px solid rgba(120,170,255,.12);
white-space:nowrap;
}
