@layer quartz-base{.site-nav{flex-direction:row;justify-content:flex-start;align-items:center;gap:.2rem;min-width:0;max-width:100%;padding-block:.4rem;padding-inline:.4rem;display:flex;overflow-x:auto}.site-nav a{box-sizing:border-box;touch-action:manipulation;min-height:44px;color:var(--darkgray);font-family:var(--headerFont);white-space:nowrap;border:1px solid #0000;border-radius:0;flex-shrink:0;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.88rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.site-nav-category{border-left:3px solid var(--nav-accent,var(--secondary));background:color-mix(in srgb, var(--nav-accent,var(--secondary)) 11%, var(--light));color:var(--nav-accent,var(--secondary));padding:.28rem .4rem;font-size:.68rem;font-weight:750;line-height:1.2}.site-nav-brand{color:var(--darkgray)}.site-nav a:hover,.site-nav a.active{background:var(--surface-container-low);border-color:var(--nav-accent,var(--outline-variant))}.site-nav a:hover .site-nav-brand,.site-nav a.active .site-nav-brand{color:var(--nav-accent,var(--secondary))}.site-nav .nav-home{--nav-accent:var(--brown-600)}.site-nav .nav-profile{--nav-accent:var(--brown-500)}.site-nav .nav-coffee{--nav-accent:var(--brown-600)}.site-nav .nav-games{--nav-accent:var(--sage-700)}.site-nav .nav-stream{--nav-accent:var(--brown-500)}.site-nav .nav-mini-blog{--nav-accent:var(--brown-600)}.site-nav .nav-events,.site-nav .nav-coordinate{--nav-accent:var(--sage-700)}.site-nav .nav-gallery{--nav-accent:var(--brown-500)}@media (prefers-reduced-motion:no-preference){.site-nav a{transition:background-color .16s,border-color .16s}}@media (max-width:800px){.site-nav{justify-content:flex-start;overflow-x:auto}.site-nav a{padding:.55rem .7rem;font-size:.82rem}}}