@layer ui{.k-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(20% .006 270/.4);border-radius:1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:4.5rem;padding-inline:1rem;display:grid;box-shadow:inset 0 0 1px #ffffff40,inset 0 0 1.5rem -.5rem #ffffff4d,inset 0 0 .5rem -.25rem #ffffff80}@media (width<=768px){.k-navbar{border-radius:.75rem;grid-template-columns:1fr auto;height:3rem}}.k-navbar__logo{color:oklch(55% .234 270);justify-self:start;font-size:1.25rem;font-weight:700;text-decoration:none}@media (hover:hover) and (pointer:fine){.k-navbar__logo:hover{color:oklch(50.5% .262 270)}}@media (width<=768px){.k-navbar__logo{display:none}}.k-navbar__nav{flex:1;align-items:center;gap:1.5rem;display:flex}.k-navbar__nav-item{color:oklch(75.5% .005 270);padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}@media (hover:hover) and (pointer:fine){.k-navbar__nav-item:hover{color:oklch(90% .002 270)}}.k-navbar__nav-item.router-link-active{color:oklch(90% .002 270);font-weight:700}@media (width<=768px){.k-navbar__nav-item{font-size:.875rem}.k-navbar__nav-item:nth-child(n+5){display:none}}.k-navbar__right{grid-column:3;justify-content:end;align-items:center;display:flex}.k-strands{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.k-strands canvas{width:100%;height:100%;display:block}}@layer app{.k-base-layout{min-height:100dvh}.k-base-layout__logo{color:inherit;text-decoration:none}.k-base-layout__strands{aspect-ratio:1;z-index:1;position:fixed;inset:0 0 auto;transform:translateY(-50%)scaleY(.33)}.k-base-layout__header{z-index:10;max-width:1024px;margin-block:1rem;margin-inline:auto;position:sticky;top:1rem}.k-base-layout__main{width:100%;min-width:0;margin-inline:auto}.k-base-layout__main--width-s{max-width:768px}.k-base-layout__main--width-m{max-width:1024px}.k-base-layout__main--width-full{max-width:none}}