@layer components{.nn-profile-cover{background:radial-gradient(90% 140% at 82% 0%, #f2f0eb0f, transparent 62%), var(--color-ink);position:relative;overflow:hidden}.nn-profile-cover:before{content:"";opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.949 0 0 0 0 0.941 0 0 0 0 0.922 4 0 0 0 -2.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.nn-profile-cover:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-ink-2));pointer-events:none;height:45%;position:absolute;inset:auto 0 0}.nn-heat-cell{animation:nn-heat-in var(--dur-standard) var(--ease-out) both;animation-delay:var(--d,0s)}.nn-heat-l0{background-color:color-mix(in oklab, var(--color-brand) 18%, var(--color-ink))}.nn-heat-l1{background-color:color-mix(in oklab, var(--color-brand) 36%, var(--color-ink))}.nn-heat-l2{background-color:color-mix(in oklab, var(--color-brand) 56%, var(--color-ink))}.nn-heat-l3{background-color:color-mix(in oklab, var(--color-brand) 78%, var(--color-ink))}.nn-heat-l4{background-color:var(--color-brand)}.nn-chart-dim{background-color:color-mix(in oklab, var(--color-brand) 45%, var(--color-ink-2))}.nn-bar-rise{transform-origin:50% 100%;animation:nn-bar-rise var(--dur-standard) var(--ease-out) both;animation-delay:var(--d,0s)}.nn-trend-reveal{transform-box:fill-box;transform-origin:0;animation:nn-trend-reveal var(--dur-max) var(--ease-out) both}.nn-label-in{animation:nn-label-in var(--dur-standard) var(--ease-out) both}.nn-heat-tip{transition:opacity var(--dur-micro) var(--ease-out)}@starting-style{.nn-heat-tip{opacity:0}}@media (prefers-reduced-motion:reduce){.nn-heat-cell,.nn-bar-rise,.nn-trend-reveal,.nn-label-in{animation:nn-profile-fade var(--dur-instant) linear both;animation-delay:0s}}html[data-modality=keyboard] .nn-label-in{animation:none}}@keyframes nn-heat-in{0%{opacity:0;transform:scale(.6)}}@keyframes nn-bar-rise{0%{transform:scaleY(0)}}@keyframes nn-trend-reveal{0%{transform:scaleX(0)}}@keyframes nn-label-in{0%{opacity:0;transform:translateY(6px)}}@keyframes nn-profile-fade{0%{opacity:0}}