#hub-global-shell{position:sticky;top:0;z-index:40}
/* Global Hub header plus independent Quiz navigation. Public quizzes stay unchanged. */
#hub-global-shell:empty,body.public-route #hub-global-shell,body.login-route #hub-global-shell,body.auth-pending #hub-global-shell{display:none}
body:not(.public-route) .hub-global-header{position:sticky;top:0;z-index:40;border-bottom:1px solid #d2d2d7;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);font-family:var(--hub-font,"Geist",Arial,sans-serif);color:#1d1d1f}
body:not(.public-route) .hub-global-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;min-height:64px;max-width:1280px;margin:auto;padding:12px 32px}
body:not(.public-route) .hub-global-brand{flex-shrink:0;color:#1d1d1f;font-size:15px;font-weight:600;letter-spacing:-.025em;text-decoration:none}
body:not(.public-route) .hub-global-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px}
body:not(.public-route) .hub-global-navigation a,body:not(.public-route) .hub-global-account a{display:block;padding:9px 12px;border-radius:6px;color:#6e6e73;text-decoration:none;line-height:1.4;min-height:40px}
body:not(.public-route) .hub-global-navigation a:hover,body:not(.public-route) .hub-global-account a:hover{background:#f5f5f7;color:#1d1d1f}
body:not(.public-route) .hub-global-actions{display:flex;flex-shrink:0;align-items:center;gap:12px}
body:not(.public-route) .hub-global-user{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6e6e73}
body:not(.public-route) .hub-global-settings{position:relative}
body:not(.public-route) .hub-global-settings summary{display:flex;align-items:center;justify-content:center;list-style:none;width:40px;height:40px;border-radius:6px;color:#6e6e73;cursor:pointer}
body:not(.public-route) .hub-global-settings summary::-webkit-details-marker{display:none}
body:not(.public-route) .hub-global-settings summary:hover{background:#f5f5f7;color:#1d1d1f}
body:not(.public-route) .hub-global-settings svg{width:18px;height:18px}
body:not(.public-route) .hub-global-account{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:208px;padding:6px;border:1px solid #d2d2d7;border-radius:6px;background:white;box-shadow:0 8px 24px #0000001f;font-size:14px}
body:not(.public-route) .hub-global-logout{min-height:40px;padding:9px 12px;border:1px solid #d2d2d7;border-radius:6px;background:#fff;color:#1d1d1f;font:500 13px/1.4 var(--hub-font,"Geist",Arial,sans-serif);white-space:nowrap}
body:not(.public-route) .hub-global-logout:hover{background:#f5f5f7}
body:not(.public-route) .hub-global-header :is(a,button,summary):focus-visible{outline:2px solid #6e6e73;outline-offset:3px}
body.hub-shell-active:not(.public-route) .shell{min-height:calc(100dvh - var(--quiz-hub-header-height,64px))}
body.hub-shell-active:not(.public-route) .topbar{top:var(--quiz-hub-header-height,64px);z-index:30;grid-template-columns:auto minmax(0,1fr);min-height:56px;background:#fafafa}
body.hub-shell-active:not(.public-route) .top-actions{display:none}
@media(max-width:900px){body:not(.public-route) .hub-global-user{display:none}}
@media(max-width:639px){
 body:not(.public-route) .hub-global-inner{padding:12px 20px;gap:8px 12px}
 body:not(.public-route) .hub-global-navigation{order:3;flex-basis:100%;gap:0}
 body:not(.public-route) .hub-global-navigation a{min-height:44px;padding:12px 10px;font-size:13px}
 body:not(.public-route) .hub-global-actions{gap:8px}
 body:not(.public-route) .hub-global-logout,body:not(.public-route) .hub-global-settings summary{min-height:44px}
 body.hub-shell-active:not(.public-route) .topbar{display:block;padding:8px 20px}
 body.hub-shell-active:not(.public-route) .topbar-leading{margin-bottom:4px}
}
@media(prefers-reduced-transparency:reduce){body:not(.public-route) .hub-global-header{background:#fff;backdrop-filter:none}}