/* Shared floating navigation, with an accessible second row on small screens. */
.topbar{width:calc(100% - 48px);max-width:1320px;height:auto;min-height:80px;margin:18px auto 0;padding:12px 18px;gap:22px;flex-wrap:nowrap;border:1px solid #f5cbdb;border-radius:28px;background:linear-gradient(115deg,#fff9fceF,#ffe9f2ed);box-shadow:0 8px 30px #a7376010;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar .logo-crop{width:128px;height:48px;gap:9px;color:#dd3a73;flex-shrink:0}.topbar .logo-crop img{width:40px;height:40px;border-radius:13px;box-shadow:0 4px 12px #e93e7620}.topbar .logo-crop span{font-size:29px;letter-spacing:-1.4px}
.topbar nav{display:flex;order:0;gap:5px;width:auto;align-items:center;margin:0;padding:4px;border:1px solid #f4dbe5;border-radius:50px;background:#ffffff94}.topbar nav a{padding:11px 15px;border:0!important;border-radius:40px;color:#86546a;opacity:1;font-size:12px;font-weight:600;white-space:nowrap;transition:background .22s,color .22s,box-shadow .22s,transform .22s}.topbar nav a:hover{background:#ffe4ee;color:#bd315f}.topbar nav a.current,.topbar nav a[aria-current=page]{background:#fa588b;color:#fff;box-shadow:0 4px 12px #ed427630}
.topbar .top-actions{gap:10px;margin-left:auto;flex-shrink:0}.topbar .twitter-button{width:40px;height:40px;padding:10px;border:1px solid #f2c7d8;border-radius:50%;color:#c63b6b;background:#fff9fc;transition:background .2s,transform .2s}.topbar .twitter-button:hover{background:#ffe2ec;transform:translateY(-1px)}.topbar .button{border-radius:40px;padding:12px 19px;font-size:12px;gap:8px;white-space:nowrap}.topbar .button.primary{background:#fa588b;color:#fff;box-shadow:0 5px 15px #ed427627}.topbar .button.primary:hover{background:#ee477e}.topbar .button.secondary{color:#ae3f67;background:#fff9fc;border:1px solid #efbdd0}.topbar :focus-visible{outline:2px solid #ad2554;outline-offset:3px}
@media(max-width:1150px){.topbar{flex-wrap:wrap;gap:10px 20px;padding:12px 16px;border-radius:25px}.topbar nav{order:3;width:100%;justify-content:center}.topbar nav a{flex:1;text-align:center}.topbar .top-actions{margin-left:auto}}
@media(max-width:600px){.topbar{width:calc(100% - 24px);margin-top:12px;padding:10px;gap:10px;border-radius:22px;min-height:0}.topbar .logo-crop{width:96px;height:39px;gap:7px}.topbar .logo-crop img{width:34px;height:34px;border-radius:11px}.topbar .logo-crop span{font-size:25px}.topbar .top-actions{gap:6px;flex-shrink:1;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 108px)}.topbar .twitter-button{width:33px;height:33px;padding:8px}.topbar .button{font-size:10px;padding:10px 12px}.topbar nav{gap:2px;padding:4px;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;border-radius:17px}.topbar nav a{font-size:10px;padding:10px 8px;flex:1 0 auto}.topbar nav a.current{box-shadow:0 2px 7px #ed427625}}
@media(prefers-reduced-motion:reduce){.topbar *{transition:none!important}}.motion-paused .topbar *{transition:none!important}
@media(max-width:600px){.topbar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:3px;border-radius:16px}.topbar nav a{grid-column:span 2;padding:10px 3px;font-size:10px}.topbar nav a:nth-last-child(-n+2){grid-column:span 3}}