.quiz_container_nav.quiz-nav-premium { background: #0c131a !important; border-bottom: 1px solid #29343c; box-shadow: none; }
.quiz-nav-premium, .quiz-nav-premium * { box-sizing: border-box; }
.quiz-nav-premium .quiz-nav-inner { width: 100%; }
.quiz-nav-premium .quiz_menu { height: 76px; margin: 0; padding: 8px 16px; align-items: center; gap: 20px; }
.quiz-nav-premium .quiz-nav-brand { flex: 1 1 0; min-width: 150px; margin: 0; gap: 14px; }
.quiz-nav-premium :is(.quiz-nav-brand, .quiz-nav-mobile-brand) .mdc---description { min-width: 0; overflow: hidden; }
.quiz-nav-premium .quiz-heading-type { display: block; margin: 0; color: #f1f5f8; font-size: 26px !important; line-height: 1.2 !important; text-shadow: none; letter-spacing: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quiz-nav-premium .quiz-heading-title { display: block; margin-top: 3px; color: #ffcf32; font: 500 12px/1.4 Inter, sans-serif !important; text-shadow: none; letter-spacing: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quiz-nav-premium .quiz_menu_logo { flex: 0 0 46px; width: 46px; height: 46px; min-width: 46px; border-radius: 8px; border-color: #466374; background: #132431; box-shadow: none; transform: none; }
.quiz-nav-premium .quiz_menu_logo::before, .quiz-nav-premium .quiz_menu_logo::after { display: none; }
.quiz-nav-premium .quiz_menu_logo img { filter: none; }
.quiz-nav-premium .quiz-nav-actions { flex: 0 0 auto; align-items: center; width: auto; gap: 6px; margin: 0; }
.quiz-nav-premium .quiz-nav-divider { flex: 0 0 1px; width: 1px; height: 28px; margin: 0 10px; background: #34434d; }
html body .quiz-nav-premium .vertical-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 58px; min-height: 44px; min-width: 72px; padding: 6px 10px; margin: 0; border: 0; border-radius: 5px !important; color: #a6b7c3 !important; background: transparent !important; box-shadow: none !important; text-shadow: none; transform: none !important; transition: background-color .15s, color .15s; }
.quiz-nav-premium .vertical-button .mdc-button__icon { flex-shrink: 0; width: 24px; height: 24px; margin: 0 !important; color: #91a6b5 !important; font-size: 23px; line-height: 24px; text-shadow: none !important; }
html body .quiz-nav-premium .vertical-button .mdc-button__label { font: 500 13px/1.4 Inter, sans-serif !important; color: inherit !important; text-transform: none; letter-spacing: 0 !important; white-space: nowrap; }
html body .quiz-nav-premium .vertical-button:hover { color: #edf3f6 !important; background: #19242d !important; box-shadow: none !important; }
.quiz-nav-premium .vertical-button:hover .mdc-button__icon { color: #dce7ee !important; }
html body .quiz-nav-premium .vertical-button.is-active { color: #f5f7fa !important; background: #1a252e !important; box-shadow: inset 0 -2px 0 #ffcf32 !important; }
.quiz-nav-premium .vertical-button.is-active .mdc-button__icon { color: #ffcf32 !important; text-shadow: none !important; }
.quiz-nav-premium .vertical-button .mdc-button__ripple::before, .quiz-nav-premium .vertical-button .mdc-button__ripple::after { background: transparent !important; }
.quiz-nav-premium :is(button, a):focus-visible { outline: 2px solid #5edacf !important; outline-offset: 3px; }
.quiz-nav-premium .mdc-menu { border: 1px solid #3d4f5c; border-radius: 6px; background: #152029; box-shadow: 0 12px 24px #0005; }
.quiz-nav-premium .mdc-menu .material-symbols-outlined { color: #a6b7c3; text-shadow: none; }
.quiz-nav-premium .profile-dropdown .mdc-menu { right: 0 !important; left: auto !important; width: 232px; min-width: 0; max-width: calc(100vw - 24px); padding: 6px; border: 1px solid #384750; border-radius: 6px; background: #141e25; box-shadow: 0 12px 28px #0006; overflow: auto; }
.quiz-nav-premium .profile-dropdown .mdc-deprecated-list { margin: 0; padding: 0; outline: none; }
html body .quiz-nav-premium .profile-dropdown .profile-menu-item { display: flex; align-items: center; gap: 12px; height: auto; min-height: 44px; margin: 0; padding: 10px 12px; border-radius: 4px; color: #c7d5de; background: transparent !important; font: 400 14px/1.5 Inter, sans-serif; letter-spacing: 0; cursor: pointer; transition: background-color .12s, color .12s; }
.quiz-nav-premium .profile-dropdown .profile-menu-item::before, .quiz-nav-premium .profile-dropdown .profile-menu-item::after, .quiz-nav-premium .profile-dropdown .mdc-deprecated-list-item__ripple::before, .quiz-nav-premium .profile-dropdown .mdc-deprecated-list-item__ripple::after { opacity: 0 !important; }
.quiz-nav-premium .profile-dropdown .profile-menu-icon { flex: 0 0 20px; width: 20px; height: 22px; color: #91a6b5; font-size: 20px; line-height: 22px; }
.quiz-nav-premium .profile-dropdown .mdc-deprecated-list-item__text { min-width: 0; color: inherit; font: inherit; white-space: normal; overflow-wrap: anywhere; }
html body .quiz-nav-premium .profile-dropdown .profile-menu-item:hover, html body .quiz-nav-premium .profile-dropdown .profile-menu-item:focus-visible { color: #f1f5f8; background: #23313b !important; }
.quiz-nav-premium .profile-dropdown .profile-menu-item:focus-visible { outline: 2px solid #5edacf; outline-offset: -2px; }
.quiz-nav-premium .profile-menu-divider { display: block; height: 1px; min-height: 1px; padding: 0; margin: 6px 10px; background: #34434d; border: 0; list-style: none; }
html body .quiz-nav-premium .profile-dropdown .profile-menu-item--logout { color: #dfa8ae; }
.quiz-nav-premium .profile-dropdown .profile-menu-item--logout .profile-menu-icon { color: #c28f96; }
html body .quiz-nav-premium .profile-dropdown .profile-menu-item--logout:hover, html body .quiz-nav-premium .profile-dropdown .profile-menu-item--logout:focus-visible { color: #f5c9ce; background: #34242a !important; }
html body .quiz-nav-premium .profile-dropdown .profile-dropdown-toggle[aria-expanded="true"] { color: #f1f5f8 !important; background: #1a252e !important; }
.quiz-nav-premium .profile-dropdown-toggle[aria-expanded="true"] .mdc-button__icon { color: #ffcf32 !important; }
@media (max-width: 1024px) and (min-width: 769px) {
    .quiz-nav-premium .quiz_menu { padding-right: 12px; padding-left: 12px; gap: 12px; }
    .quiz-nav-premium .quiz-nav-actions { gap: 2px; }
    html body .quiz-nav-premium .vertical-button { min-width: 66px; padding-right: 8px; padding-left: 8px; }
    .quiz-nav-premium .quiz-nav-divider { margin: 0 6px; }
    .quiz-nav-premium .quiz-heading-type { font-size: 23px !important; }
}
@media (max-width: 768px) {
    .quiz-nav-premium .quiz_menu { display: none; }
    .quiz-nav-premium .quiz_menu_small { height: 68px; min-height: 68px; padding: 8px 12px; align-items: center; background: transparent; }
    .quiz-nav-premium .quiz-nav-mobile-brand { flex: 1 1 0; min-width: 0; width: 100%; margin: 0; gap: 12px; }
    .quiz-nav-premium .quiz-nav-mobile-brand .mdc---description { flex: 1 1 0; }
    .quiz-nav-premium .quiz-nav-mobile-actions { flex: 0 0 auto; width: auto; margin: 0; }
    .quiz-nav-premium .quiz_menu_logo { flex-basis: 42px; width: 42px; height: 42px; min-width: 42px; }
    .quiz-nav-premium .quiz-nav-mobile-brand .quiz-heading-type { font-size: 19px !important; line-height: 1.2 !important; white-space: nowrap; }
    .quiz-nav-premium .quiz-nav-mobile-brand .quiz-heading-title { font-size: 11px !important; line-height: 1.4 !important; }
    .quiz-nav-premium.quiz_menu_bottom_small { padding: 4px max(6px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)); background: #0c131a; border-top: 1px solid #34434d; }
    .quiz-nav-premium.quiz_menu_bottom_small .quiz-nav-mobile-bottom { display: flex; width: 100%; margin: 0; padding: 0; gap: 0 !important; border: 0; }
    .quiz-nav-premium.quiz_menu_bottom_small .quiz-nav-mobile-bottom > * { flex: 1 1 0; min-width: 0; }
    html body .quiz-nav-premium.quiz_menu_bottom_small .vertical-button { width: 100%; height: 64px; min-width: 0; padding: 6px 2px; gap: 5px; border-radius: 4px !important; }
    html body .quiz-nav-premium.quiz_menu_bottom_small .vertical-button .mdc-button__label { font-size: 11px !important; }
    .quiz-nav-premium .mobile-more-menu__list { bottom: calc(100% + 10px); padding: 6px; border: 1px solid #3d4f5c; border-radius: 6px; background: #152029; box-shadow: 0 12px 24px #0005; }
    html body .quiz-nav-premium .mobile-more-menu__item { min-height: 44px; border-radius: 4px; color: #c7d5de; background: transparent; font: 400 14px/1.5 Inter, sans-serif; box-shadow: none; }
    .quiz-nav-premium .mobile-more-menu__item .material-symbols-outlined { color: #91a6b5; }
    html body .quiz-nav-premium .mobile-more-menu__item:hover { color: #f1f5f8; background: #23333f; }
    html body .quiz-nav-premium .mobile-more-menu__item.is-active { color: #f5f7fa; background: #24333d; box-shadow: inset 2px 0 0 #ffcf32; }
    .quiz-nav-premium .mobile-more-menu__item.is-active .material-symbols-outlined { color: #ffcf32; }
    html body .quiz-nav-premium .mobile-more-menu__item.profile-menu-item--logout { color: #dfa8ae; }
    .quiz-nav-premium .mobile-more-menu__item.profile-menu-item--logout .material-symbols-outlined { color: #c28f96; }
    html body .quiz-nav-premium .mobile-more-menu__item.profile-menu-item--logout:hover { color: #f5c9ce; background: #34242a; }
}
@media (prefers-reduced-motion: reduce) {
    .quiz-nav-premium *, .quiz-nav-premium *::before, .quiz-nav-premium *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}