.naraya-topbar-layout{--naraya-topbar-layout-topbar-h:3.5rem;--naraya-topbar-layout-drawer-w:17rem;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:rgb(var(--bg-app));color:rgb(var(--text-main))}.naraya-topbar-layout__bar{position:relative;z-index:var(--z-dropdown)}.naraya-topbar-layout__bar--sticky{position:sticky;top:0}.naraya-topbar-layout__bar-wrap{position:relative;z-index:var(--z-dropdown)}.naraya-topbar-layout__bar-wrap--reserve{height:var(--naraya-topbar-layout-topbar-h)}.naraya-topbar-layout__bar--head{left:0;right:0;top:0}.naraya-topbar-layout__bar--head>.naraya-topbar{background-color:transparent;border-bottom-color:transparent}.naraya-topbar-layout__bar--head.naraya-topbar-layout__bar--rest{position:absolute;background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-bottom:1px solid transparent}.dark .naraya-topbar-layout__bar--head.naraya-topbar-layout__bar--rest{background-color:rgba(0,0,0,.3)}.naraya-topbar-layout__bar--leaving,.naraya-topbar-layout__bar--pinned{position:fixed;background-color:hsla(0,0%,100%,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-bottom:1px solid rgb(var(--border-subtle));box-shadow:var(--shadow-lg)}.dark .naraya-topbar-layout__bar--leaving,.dark .naraya-topbar-layout__bar--pinned{background-color:rgba(0,0,0,.7)}.naraya-topbar-layout__bar--pinned{transform:translateY(0);animation:naraya-topbar-layout-slidedown var(--duration-base) var(--easing-smooth)}.naraya-topbar-layout__bar--leaving{transform:translateY(-100%);transition:transform var(--duration-base) var(--easing-smooth)}@keyframes naraya-topbar-layout-slidedown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.naraya-topbar-layout__bar--pinned{animation:none}.naraya-topbar-layout__bar--leaving{transition:none}}.naraya-topbar-layout__bar>.naraya-topbar{position:relative;z-index:var(--z-popover)}.naraya-topbar-layout__nav-center{display:flex;align-items:center;width:100%}.naraya-topbar-layout__main{flex:1;min-width:0}.naraya-topbar-layout__footer{border-top:1px solid rgb(var(--border-subtle));background-color:rgb(var(--bg-surface))}.naraya-topbar-layout__menu-btn{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:1px solid rgb(var(--border-subtle));border-radius:.5rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__menu-btn:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-topbar-layout__mobile-nav{display:none}@media (max-width:767px){.naraya-topbar-layout__nav-center{display:none}.naraya-topbar-layout__menu-btn{display:inline-flex}.naraya-topbar-layout__nav-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background-color:rgba(0,0,0,.35)}.naraya-topbar-layout__mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;z-index:var(--z-modal);padding:.5rem;background-color:rgb(var(--bg-surface));border-bottom:1px solid rgb(var(--border-subtle));box-shadow:var(--shadow-lg);animation:naraya-topbar-layout-sheet var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__mobile-nav .naraya-topbar__nav{flex-direction:column;align-items:stretch;gap:.125rem}.naraya-topbar-layout__mobile-nav .naraya-topbar__nav-item,.naraya-topbar-layout__mobile-nav .naraya-topbar__nav-trigger{width:100%;justify-content:space-between}}@keyframes naraya-topbar-layout-sheet{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.naraya-topbar-layout__mobile-nav{animation:none}}.naraya-topbar-layout__overlay[data-open]{position:fixed;top:var(--naraya-topbar-layout-topbar-h);left:0;right:0;bottom:0;z-index:var(--z-overlay);background-color:rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.naraya-topbar-layout__drawer{position:fixed;top:var(--naraya-topbar-layout-topbar-h);left:0;bottom:0;z-index:var(--z-modal);display:flex;flex-direction:column;width:var(--naraya-topbar-layout-drawer-w);max-width:85vw;overflow-y:auto;background-color:rgb(var(--bg-surface));box-shadow:var(--shadow-xl);outline:none;animation:naraya-topbar-layout-drawer-in var(--duration-base) var(--easing-smooth)}.naraya-topbar-layout__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem .625rem 1rem;border-bottom:1px solid rgb(var(--border-subtle))}.naraya-topbar-layout__drawer-title{font-size:.875rem;font-weight:600;color:rgb(var(--text-main))}.naraya-topbar-layout__close-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-muted));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth),color var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__close-btn:hover{background-color:rgb(var(--color-secondary));color:rgb(var(--text-main))}.naraya-topbar-layout__drawer-nav{padding:.75rem}.naraya-topbar-layout__drawer-group-items,.naraya-topbar-layout__drawer-list{display:flex;flex-direction:column;gap:.125rem}.naraya-topbar-layout__drawer-item{display:flex;align-items:center;padding:.5rem .625rem;font-size:.9375rem;font-weight:500;color:rgb(var(--text-muted));text-decoration:none;border-radius:.5rem;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__drawer-item:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-topbar-layout__drawer-item--active{color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.1)}.naraya-topbar-layout__drawer-group-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .625rem;font-family:inherit;font-size:.9375rem;font-weight:500;color:rgb(var(--text-muted));background:transparent;border:0;border-radius:.5rem;cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__drawer-group-trigger:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-topbar-layout__drawer-chevron{flex-shrink:0;opacity:.7;transition:transform var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__drawer-chevron--open{transform:rotate(180deg)}.naraya-topbar-layout__drawer-group-items{padding-left:.625rem}.naraya-topbar-layout__drawer-mega{display:flex;flex-direction:column;gap:1rem}.naraya-topbar-layout__drawer-section{display:flex;flex-direction:column;gap:.125rem}.naraya-topbar-layout__drawer-section-title{padding:.25rem .625rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--text-muted))}.naraya-topbar-layout__mega-modal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}.naraya-topbar-layout__mega-modal-col{display:flex;flex-direction:column;gap:.125rem;min-width:0}.naraya-topbar-layout__mega-modal-title{margin-bottom:.375rem;padding-bottom:.25rem;border-bottom:1px solid rgb(var(--border-subtle));font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--text-muted))}.naraya-topbar-layout__mega-modal-link{padding:.1875rem 0;font-size:.9375rem;font-weight:500;color:rgb(var(--text-main));text-decoration:none;transition:color var(--duration-fast) var(--easing-smooth)}.naraya-topbar-layout__mega-modal-link:hover{color:rgb(var(--color-primary))}@keyframes naraya-topbar-layout-drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.naraya-topbar-layout__drawer{animation:none}}