:root{--nav-bg:linear-gradient(180deg,#f8fbff 0%,#f6f6f8 100%);--nav-shell-bg:#fffffff0;--nav-shell-border:#dbe4f4;--nav-shell-shadow:0 10px 24px #0f172a14;--nav-text:#334155;--nav-active-bg:#000;--nav-active-text:#fff;--nav-hover-bg:#eaf1ff;--nav-hover-text:#0f172a;--nav-divider-color:#e2e8f0;--nav-border-color:#dbe4f4;--nav-login-bg:#eef4ff;--nav-login-border:#bfd3ff;--nav-login-text:#1152d4;--nav-register-bg:#1152d4;--nav-register-hover:#0e46b6;--nav-register-text:#fff;--nav-height:70px}.layout-header{-webkit-backdrop-filter:blur(8px);height:var(--nav-height);z-index:1000;border-bottom:1px solid #e2e8f0;align-items:center;max-width:100vw;padding:0 1rem;display:flex;position:sticky;top:0;overflow-x:clip;box-shadow:0 8px 18px #0f172a0f;background:var(--nav-bg)!important}.nav-container{background:var(--nav-shell-bg);border:1px solid var(--nav-shell-border);width:100%;min-width:0;max-width:1400px;height:56px;box-shadow:var(--nav-shell-shadow);border-radius:16px;align-items:center;gap:.6rem;margin:0 auto;padding:0 .6rem;display:flex}.nav-mobile-head{display:none}.nav-links{align-items:center;gap:.35rem;width:100%;min-width:0;max-width:100%;height:100%;display:flex}.desktop-only{display:flex}.mobile-only,.nav-mobile-section{display:none}.nav-mobile-brand{color:#0f172a;border-radius:12px;align-items:center;gap:.3rem;text-decoration:none;transition:background-color .22s,transform .22s;display:flex}.nav-mobile-brand:hover{background:#eef4ff}.nav-brand-text{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.8rem;font-weight:800}.nav-toggle{border:1px solid var(--nav-border-color);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background-color .2s,border-color .2s;display:none}.nav-toggle.open{background:#eef4ff;border-color:#bfd3ff}.nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.nav-toggle-icon{color:#334155;stroke-width:2.4px;width:20px;height:20px}.nav-item{color:var(--nav-text);white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:.48rem;padding:.56rem .88rem;font-family:Inter,Segoe UI,sans-serif;font-size:.87rem;font-weight:600;text-decoration:none;transition:all .24s cubic-bezier(.4,0,.2,1);display:flex}.nav-item-symbol{flex-shrink:0;font-size:18px;line-height:1}.nav-item-text{line-height:1.1}.nav-item:hover{background-color:var(--nav-hover-bg);color:var(--nav-hover-text);border-color:#d4e3ff;transform:translateY(-1px)}.nav-item.active{font-weight:700;box-shadow:0 8px 16px #00000047;background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}.nav-spacer{flex:1}.nav-divider{background-color:var(--nav-divider-color);width:1px;height:24px;margin:0 .5rem}.nav-icon{width:18px;height:18px;color:inherit;justify-content:center;align-items:center;transition:transform .24s;display:flex}.nav-item:hover .nav-icon,.logout-btn:hover .nav-icon{transform:scale(1.08)}.nav-dropdown{align-items:center;position:relative}.nav-dropdown-trigger{appearance:none;cursor:pointer;background:0 0}.nav-dropdown-trigger:focus-visible,.nav-dropdown-item:focus-visible,.nav-mobile-brand:focus-visible,.logout-btn:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.nav-dropdown-chevron{width:16px;height:16px;transition:transform .2s}.nav-dropdown-chevron.rotated{transform:rotate(180deg)}.nav-dropdown-menu{z-index:1020;border:1px solid var(--nav-border-color);background:#fff;border-radius:14px;flex-direction:column;gap:.25rem;min-width:240px;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 14px 28px #0f172a24}.nav-dropdown-menu.open{animation:.16s ease-out navDropIn;display:flex}@keyframes navDropIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown-item{border-radius:10px;justify-content:flex-start;width:100%;padding:.56rem .78rem}.nav-dropdown-item.active{box-shadow:0 6px 12px #0003}.nav-user-section{align-items:center;gap:.6rem;margin-left:.2rem;display:flex}.logout-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe4f4;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .22s;display:inline-flex}.logout-btn:hover:not(:disabled){color:#1152d4;background:#eef4ff;border-color:#bfd3ff}.logout-btn:disabled{opacity:.6;cursor:not-allowed}.nav-section-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:.35rem .25rem .15rem;font-size:.68rem;font-weight:700}.btn-login{background:var(--nav-login-bg);color:var(--nav-login-text);border:1px solid var(--nav-login-border)}.btn-login:hover{color:#0e46b6;background:#e4eeff;border-color:#9fbfff}.btn-register{background:var(--nav-register-bg);color:var(--nav-register-text);border-color:#0000}.btn-register:hover{background:var(--nav-register-hover);color:var(--nav-register-text);border-color:#0000}
@media (min-width:981px){.nav-mobile-head{display:none!important}.nav-links{max-height:none!important;display:flex!important;position:static!important;overflow:visible!important}.desktop-only{display:flex!important}.mobile-only,.nav-mobile-section{display:none!important}}@media (max-width:980px){.layout-header{height:64px;padding:0 .75rem;overflow-x:visible}.nav-container{height:54px;padding:0 .55rem;display:block;position:relative}.nav-mobile-head{justify-content:space-between;align-items:center;gap:.75rem;height:100%;display:flex}.nav-mobile-brand{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 52px);padding:.35rem .4rem;overflow:hidden}.nav-toggle{flex-shrink:0;display:inline-flex}.desktop-only{display:none!important}.mobile-only{display:block}.nav-links{border:1px solid var(--nav-border-color);z-index:1010;background:#fffffffa;border-radius:16px;flex-direction:column;align-items:stretch;gap:.45rem;height:auto;max-height:calc(100vh - 96px);padding:.75rem;display:none;position:absolute;top:calc(100% + .55rem);left:0;right:0;overflow-y:auto;box-shadow:0 14px 28px #0f172a24}.nav-links.open{animation:.16s ease-out navDropIn;display:flex}.nav-item{border-radius:12px;justify-content:flex-start;gap:.52rem;width:100%;padding:.68rem .9rem;font-size:.87rem}.nav-item:hover{transform:none}.nav-item.active{box-shadow:0 6px 12px #0003}.nav-icon{width:18px;height:18px}.nav-mobile-section{border-top:1px solid var(--nav-border-color);flex-direction:column;gap:.35rem;width:100%;margin-top:.1rem;padding-top:.45rem;display:flex}.nav-user-section{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.nav-user-section .level-badge{border-radius:14px;width:100%}.logout-btn,.btn-login,.btn-register{justify-content:center;width:100%}.logout-btn{height:42px}}@media (max-width:768px){.layout-header{height:60px;padding:0 .6rem}.nav-container{height:50px}.nav-links{max-height:calc(100vh - 84px)}}@media (max-width:480px){.layout-header{padding:0 .45rem}.nav-brand-text{letter-spacing:.04em;font-size:.72rem}.nav-item{padding:.62rem .82rem;font-size:.82rem}}
:root{--mobile-header-h:48px;--mobile-tab-h:60px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-accent:#6366f1;--mobile-accent-light:#818cf8;--mobile-tab-bg:#fffffff7;--mobile-tab-border:#e2e8f0;--mobile-tab-text:#94a3b8;--mobile-tab-active:#6366f1;--mobile-header-bg:#fff;--mobile-content-bg:#f1f5f9}.mobile-app-shell{background:var(--mobile-content-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.mobile-app-header{height:var(--mobile-header-h);background:var(--mobile-header-bg);border-bottom:1px solid var(--mobile-tab-border);z-index:120;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.mobile-app-header__brand{letter-spacing:.06em;text-transform:uppercase;color:#0f172a;-webkit-user-select:none;user-select:none;font-size:.78rem;font-weight:800}.mobile-app-subnav{background:var(--mobile-header-bg);border-bottom:1px solid var(--mobile-tab-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.mobile-app-subnav::-webkit-scrollbar{display:none}.mobile-app-subnav__pill{color:#64748b;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1f5f9;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 14px;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-app-subnav__pill:active{transform:scale(.96)}.mobile-app-subnav__pill.active{color:#fff;background:#0f172a;font-weight:700;box-shadow:0 2px 8px #0f172a2e}.mobile-app-subnav__pill-icon{flex-shrink:0;width:14px;height:14px}.mobile-app-content{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--mobile-tab-h) + var(--mobile-safe-bottom) + 8px);flex:1;overflow:hidden auto}.mobile-app-content.mobile-app-content--no-tabbar{padding-bottom:0}.mobile-app-content__inner{animation:.18s ease-out mobilePageIn}@keyframes mobilePageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mobile-tab-bar{z-index:120;height:calc(var(--mobile-tab-h) + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom);background:var(--mobile-tab-bg);border-top:1px solid var(--mobile-tab-border);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);flex-shrink:0;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0f172a0f}.mobile-tab-bar__item{color:var(--mobile-tab-text);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:.62rem;font-weight:600;text-decoration:none;transition:color .18s;display:flex;position:relative}.mobile-tab-bar__item:active{transform:scale(.92)}.mobile-tab-bar__icon{width:22px;height:22px;transition:transform .18s}.mobile-tab-bar__item.active{color:var(--mobile-tab-active)}.mobile-tab-bar__item.active .mobile-tab-bar__icon{transform:scale(1.08)}.mobile-tab-bar__item.active:after{content:"";background:var(--mobile-tab-active);border-radius:50%;width:4px;height:4px;position:absolute;top:2px}.mobile-tab-bar__label{white-space:nowrap;line-height:1}.mobile-app-shell .tl-category-wrap,.mobile-app-shell .test-cards{max-width:400px;margin-left:auto;margin-right:auto}.mobile-app-shell .tl-filter-sheet{width:min(85vw,340px)!important;max-width:340px!important;max-height:500px!important;padding:.85rem!important;overflow-y:auto!important}.mobile-app-shell .test-list-shell{padding:.75rem}.mobile-app-shell .test-cards{grid-template-columns:1fr}.mobile-app-shell .tl-category-row{gap:.35rem}.mobile-app-shell .category-btn{padding:.32rem .6rem;font-size:.74rem}.mobile-app-shell .toast-notification{bottom:calc(var(--mobile-tab-h) + var(--mobile-safe-bottom) + 12px)}@media (max-width:500px){.tl-filter-sheet{max-height:600px!important}}