.spark{position:absolute;width:8px;height:8px;border-radius:999px;background:#fff;opacity:.65;box-shadow:0 0 14px currentColor;animation:float 9s linear infinite}@keyframes float{0%{transform:translateY(120vh) translateX(0);opacity:0}10%{opacity:.7}to{transform:translateY(-20vh) translateX(40px);opacity:0}}.topbar{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid hsla(0,0%,100%,.12);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(11,18,32,.7)}.topbar h1{margin:0;font-size:20px}.brand{color:var(--accent,#67e8f9);text-decoration:none;font-weight:600}.theme-toggle{margin-left:auto;background:transparent;color:var(--text,#e6f1ff);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:600}.theme-toggle:hover{border-color:var(--accent,#67e8f9);color:var(--accent,#67e8f9)}.topbar-secondary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.topbar-secondary-link{font-size:12px;color:rgba(230,241,255,.55);text-decoration:none;padding:4px 8px;border-radius:6px;transition:color .12s,background .12s}.topbar-secondary-link:hover{color:var(--accent,#67e8f9);background:rgba(103,232,249,.08)}@media (max-width:640px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px 12px}.topbar h1,.topbar p,.topbar span{min-width:0}.topbar-secondary-nav{order:4;width:calc(100% + 12px);margin-left:-6px;margin-right:-6px;padding:2px 6px 4px;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.topbar-secondary-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.04)}.theme-toggle{margin-left:0;order:3;min-height:40px}}