.app-bar{z-index:var(--z-bar);background:var(--dark-70);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.app-bar__row{align-items:center;gap:var(--space-7);height:calc(var(--bar-h) - 1px);padding:0 max(40px,50% - 540px);display:flex}.app-bar__brand{flex:none;align-items:center;min-width:0;display:flex}.app-bar__center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.app-bar__right{align-items:center;gap:var(--space-3);flex:none;display:flex}.app-bar__sub{align-items:center;gap:var(--space-1);padding:0 max(40px, calc((100% - 1080px) / 2)) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}@media (max-width:767px){.app-bar__sub{display:none}}.app-bar__sub::-webkit-scrollbar{display:none}.app-bar--player{background:var(--surface-card);grid-area:topbar;position:relative}.app-bar--player .app-bar__row{gap:var(--space-4);padding:0 var(--space-4)}.app-bar--player .app-bar__center{justify-content:stretch}.admin-shell .app-bar__row,.admin-shell .app-bar__sub{gap:var(--space-2-5);max-width:1400px;margin:0 auto;padding-left:clamp(14px,3vw,40px);padding-right:clamp(14px,3vw,40px)}.admin-shell .app-bar__center{justify-content:flex-start}@media (max-width:1023px){.app-bar__row{gap:var(--space-3);padding:0 var(--space-4)}.app-bar__sub{padding:0 var(--space-4) var(--space-2)}.app-bar__right{gap:var(--space-1-5)}}@media (max-width:767px){.app-bar__row{gap:var(--space-2);padding:0 var(--space-3)}.app-bar--player .app-bar__row{padding:0 var(--space-3-5);gap:var(--space-3)}}.bottom-tab-bar{z-index:var(--z-bar);height:calc(var(--bottom-bar-h,56px) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--dark-95);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab-bar__item{font-family:var(--type-footnote-font);font-size:var(--type-footnote-size);font-weight:var(--type-footnote-weight);letter-spacing:var(--type-footnote-tracking);line-height:var(--type-footnote-leading);justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:44px;padding:var(--space-1-5) var(--space-1);color:var(--ink-muted);border-radius:var(--r-button);transition:color var(--dur-fast) var(--ease-base);flex-direction:column;flex:1 1 0;text-decoration:none;display:flex}.bottom-tab-bar__item svg{flex:none;width:22px;height:22px}.bottom-tab-bar__item--fixed{flex:0 0 44px;min-height:44px}button.bottom-tab-bar__item{appearance:none;cursor:pointer;font:inherit;background:0 0;border:0}.bottom-tab-bar__item.is-active{color:var(--ink)}.bottom-tab-bar__item.is-active svg{color:var(--brand-secondary)}.bottom-tab-bar__item:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:-2px}@media (min-width:768px){.bottom-tab-bar{display:none}}