.navbar{z-index:100;background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-outline-variant);position:sticky;top:0}.navbar__inner{max-width:1280px;height:64px;padding:0 var(--space-gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-xs);flex-shrink:0;text-decoration:none;display:flex}.navbar__brand-icon{color:var(--color-primary);font-size:28px}.navbar__brand-name{font-family:var(--font-headline);font-size:var(--fs-headline-md);font-weight:var(--fw-bold);color:var(--color-primary);line-height:var(--lh-headline)}.navbar__nav{align-items:center;gap:var(--space-md);display:none}.navbar__link{font-family:var(--font-body);font-size:var(--fs-label-md);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);color:var(--color-on-surface-variant);padding:var(--space-base) var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);border-bottom:2px solid #0000;text-decoration:none}.navbar__link:hover{color:var(--color-primary);background-color:var(--color-surface-container)}.navbar__link--active{color:var(--color-primary);font-weight:var(--fw-bold);border-bottom-color:var(--color-primary)}.navbar__menu-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar__menu-btn:hover{background-color:var(--color-surface-container)}@media (min-width:768px){.navbar__nav{display:flex}.navbar__menu-btn{display:none}.navbar__inner{padding:0 var(--space-margin-desktop)}}
.bottomNav{z-index:50;background-color:var(--color-surface-container-lowest);border-top:1px solid var(--color-outline-variant);padding:var(--space-xs) var(--space-sm);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #012d1d0f}.bottomNav__item{color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:var(--space-base);padding:var(--space-base) var(--space-sm);border-radius:var(--radius-full);transition:color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;min-width:64px;text-decoration:none;display:flex}.bottomNav__item:hover{color:var(--color-primary)}.bottomNav__item:active{transform:scale(.95)}.bottomNav__item--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.bottomNav__icon{font-size:24px}.bottomNav__label{font-family:var(--font-body);font-size:var(--fs-label-sm);font-weight:var(--fw-semibold);line-height:1.2}@media (min-width:768px){.bottomNav{display:none}}
.mobileDrawer{z-index:200;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobileDrawer--open{pointer-events:auto;visibility:visible}.mobileDrawer__overlay{transition:background var(--transition-normal);background:0 0;position:absolute;inset:0}.mobileDrawer--open .mobileDrawer__overlay{background:#00000080}.mobileDrawer__panel{background-color:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);width:280px;max-width:85vw;box-shadow:var(--shadow-xl);border-radius:0 var(--radius-xl) var(--radius-xl) 0;transition:transform var(--transition-normal);padding:var(--space-md);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobileDrawer__panel--open{transform:translate(0)}.mobileDrawer__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.mobileDrawer__brand{align-items:center;gap:var(--space-xs);display:flex}.mobileDrawer__brand-icon{color:var(--color-primary);font-size:24px}.mobileDrawer__brand-name{font-family:var(--font-headline);font-size:var(--fs-headline-md);font-weight:var(--fw-bold);color:var(--color-primary)}.mobileDrawer__close-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobileDrawer__close-btn:hover{background-color:var(--color-surface-container)}.mobileDrawer__section-label{font-family:var(--font-body);font-size:var(--fs-label-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);color:var(--color-outline);text-transform:uppercase;margin-bottom:var(--space-xs)}.mobileDrawer__section-label--mt{margin-top:var(--space-md)}.mobileDrawer__nav{gap:var(--space-base);flex-direction:column;display:flex}.mobileDrawer__link{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);color:var(--color-on-surface-variant);font-family:var(--font-body);font-size:var(--fs-body-md);font-weight:var(--fw-medium);transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.mobileDrawer__link:hover{background-color:var(--color-surface-container);color:var(--color-primary)}.mobileDrawer__link--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:var(--fw-semibold)}.mobileDrawer__link-icon{flex-shrink:0;font-size:20px}