@layer components{.pv3-root{--pv3-top:calc(var(--chrome-top-base-rest, 0px) + var(--main-safe-top-pad, 0px));--pv3-dim:0.3;--pv3-accent:var(--ember);--pv3-on-art-1:hsl(var(--foreground));--pv3-on-art-2:color-mix(in oklab,hsl(var(--foreground)) 78%,transparent);--pv3-text-shadow:0 1px 2px hsl(var(--background)/0.6);position:relative;isolation:isolate;width:100%;min-width:0}:where(:root:not(.dark)) .pv3-root{--pv3-on-art-2:color-mix(in oklab,hsl(var(--foreground)) 90%,transparent)}.pv3-art{--pv3-art-h:clamp(440px,92svh,720px);position:absolute;inset-inline:0;top:calc(-1 * var(--pv3-top));height:var(--pv3-art-h);z-index:-1;overflow:clip;pointer-events:none;container-type:inline-size;background:var(--pv3-tint,hsl(var(--background)))}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(360px,64svh,560px)}@media (min-width:768px){.pv3-art{--pv3-art-h:clamp(520px,86svh,880px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(400px,66svh,640px)}}@media (min-width:1024px){.pv3-art{--pv3-art-h:clamp(600px,100svh,1080px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(440px,70svh,760px)}}@media (min-width:1920px){.pv3-art{--pv3-art-h:clamp(640px,100svh,1200px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(480px,70svh,820px)}}@supports not (height:1svh){.pv3-art{--pv3-art-h:clamp(440px,92vh,720px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(360px,64vh,560px)}@media (min-width:768px){.pv3-art{--pv3-art-h:clamp(520px,86vh,880px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(400px,66vh,640px)}}@media (min-width:1024px){.pv3-art{--pv3-art-h:clamp(600px,100vh,1080px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(440px,70vh,760px)}}@media (min-width:1920px){.pv3-art{--pv3-art-h:clamp(640px,100vh,1200px)}.pv3-art[data-pv3-tier=art]{--pv3-art-h:clamp(480px,70vh,820px)}}}.pv3-art-layer{position:absolute;inset:0;z-index:0}.pv3-art-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--pv3-fx,50%) var(--pv3-fy,50%);object-position:var(--pv3-fx,50%) var(--pv3-fy,50%)}.pv3-art-img[data-pv3-load=loading]{opacity:0}@media (prefers-reduced-motion:no-preference){:where(html:not([data-motion=reduce])) .pv3-art-img[data-pv3-load=loaded]{transition:opacity var(--duration-popover-in) var(--ease-macos)}}.pv3-art-blur{position:absolute;inset:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;filter:blur(32px) saturate(1.15) brightness(.8);transform:scale(1.15);opacity:.7}.pv3-art-band{position:absolute;inset-inline:0;top:0;height:min(var(--pv3-art-h),calc(100cqw / var(--pv3-aspect, 4.8)));-webkit-mask-image:linear-gradient(black 72%,transparent);mask-image:linear-gradient(black 72%,transparent)}.pv3-art-band>.pv3-art-img{-o-object-position:var(--pv3-fx,50%) var(--pv3-fy,50%);object-position:var(--pv3-fx,50%) var(--pv3-fy,50%)}@media (prefers-reduced-transparency:reduce){.pv3-art-blur{display:none}}:where(html[data-transparency=reduce]) .pv3-art-blur{display:none}.pv3-art-cosmetic{position:absolute;inset:0;background-size:cover;background-position:50%}.pv3-art-site{position:absolute;inset-inline:0;top:0;height:max(240px,calc(100cqw / 6.25))}.pv3-art-site svg{display:block;width:100%!important;height:100%!important}.pv3-art-glow{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 35%,color-mix(in oklab,var(--pv3-accent) 10%,transparent),transparent 70%)}.pv3-art[data-pv3-mature=blur] .pv3-art-layer{filter:blur(28px);transform:scale(1.08)}.pv3-art-dim{position:absolute;inset:0;z-index:1;background:hsl(var(--background)/var(--pv3-dim))}.pv3-art:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,hsl(var(--background)/.55) 0,hsl(var(--background)/0) min(calc(var(--pv3-top) + 96px),24%),transparent 36%,hsl(var(--background)/.1) 46%,hsl(var(--background)/.28) 56%,hsl(var(--background)/.5) 66%,hsl(var(--background)/.72) 76%,hsl(var(--background)/.88) 86%,hsl(var(--background)/.97) 94%,hsl(var(--background)) 100%)}.pv3-art-vignette{display:none;position:absolute;inset:0;z-index:3;--pv3-vignette:12%;background:linear-gradient(to right,hsl(var(--background)/.55),transparent var(--pv3-vignette),transparent calc(100% - var(--pv3-vignette)),hsl(var(--background)/.55))}@media (min-width:1440px){.pv3-art-vignette{display:block}}@media (min-width:2560px){.pv3-art-vignette{--pv3-vignette:18%}}@media (prefers-reduced-motion:no-preference) and (min-width:768px),(prefers-reduced-motion:no-preference) and (pointer:fine){@supports (animation-timeline:scroll()){:root:not([data-motion=reduce]) .pv3-art-img[data-parallax]{animation:pv3-parallax linear both;animation-timeline:scroll(root block);animation-range:0 var(--pv3-art-h)}}}@keyframes pv3-parallax{0%{transform:translateZ(0) scale(1.04)}to{transform:translate3d(0,18%,0) scale(1)}}.pv3-mature-chip{position:absolute;top:12px;inset-inline-end:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--card)/.9);color:hsl(var(--foreground));font-size:13px;line-height:18px}.pv3-hero{position:relative;padding-top:clamp(120px,28svh,240px);padding-bottom:24px;color:var(--pv3-on-art-1)}.pv3-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "actions";gap:20px;margin-inline:auto;max-width:1360px;padding-inline:16px}.pv3-identity{grid-area:identity;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;text-align:center}.pv3-identity:before{content:"";position:absolute;inset:-40% -24%;z-index:-1;pointer-events:none;background:radial-gradient(farthest-side,hsl(var(--background)/.72) 70%,hsl(var(--background)/0))}.pv3-identity-text{flex-direction:column;min-width:0;max-width:100%}.pv3-actions,.pv3-identity-text{display:flex;align-items:center;gap:8px}.pv3-actions{grid-area:actions;flex-wrap:wrap;justify-content:center}@media (min-width:768px){.pv3-hero{padding-top:clamp(110px,22svh,220px)}.pv3-hero-inner{padding-inline:24px}.pv3-identity{flex-direction:row;align-items:flex-end;text-align:start}.pv3-identity-text{align-items:flex-start}.pv3-actions{justify-content:flex-start}}@media (min-width:1024px){.pv3-hero{padding-top:clamp(96px,18svh,220px)}.pv3-hero-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity actions";align-items:start;max-width:1200px}.pv3-actions{justify-content:flex-end;align-self:start}}@media (min-width:1920px){.pv3-hero-inner{max-width:1280px}}@media (min-width:2560px){.pv3-hero-inner{max-width:1360px}}.pv3-avatar{--thread-av-n:96;position:relative;flex:none;border-radius:9999px}.pv3-avatar .pv3-ring{width:100%!important;height:100%!important}.pv3-avatar .pv3-ring>svg{width:100%;height:100%}@media (min-width:768px){.pv3-avatar{--thread-av-n:112}}@media (min-width:1024px){.pv3-avatar{--thread-av-n:128}}.pv3-name{font-family:var(--font-display,inherit);font-weight:560;font-size:28px;line-height:34px;letter-spacing:-.01em;color:var(--pv3-on-art-1);text-shadow:var(--pv3-text-shadow);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;max-width:100%}@media (min-width:768px){.pv3-name{font-size:34px;line-height:40px}}@media (min-width:1024px){.pv3-name{font-size:40px;line-height:46px}}.pv3-on-art-1{color:var(--pv3-on-art-1)}.pv3-on-art-1,.pv3-on-art-2{text-shadow:var(--pv3-text-shadow)}.pv3-on-art-2{color:var(--pv3-on-art-2)}.pv3-chip{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 8px;border-radius:9999px;border:1px solid hsl(var(--foreground)/.18);background:hsl(var(--background)/.55);color:var(--pv3-on-art-1);font-size:12px;line-height:16px;white-space:nowrap}.pv3-chip-level{border-color:transparent;background:var(--pv3-accent);color:hsl(var(--background));font-weight:600;font-variant-numeric:tabular-nums}.pv3-xp-track{position:relative;height:4px;width:100%;overflow:hidden;border-radius:9999px;background:hsl(var(--foreground)/.18)}.pv3-xp-fill{position:absolute;inset:0;transform-origin:left center;border-radius:inherit;background:var(--pv3-accent)}.pv3-xp-fill:dir(rtl){transform-origin:right center}.pv3-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:36px;padding-inline:14px;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pv3-action[data-pv3-shape=icon]{padding-inline:0}@media (pointer:coarse){.pv3-action{min-height:44px;min-width:44px}}.pv3-action-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pv3-action-secondary{border:1px solid hsl(var(--foreground)/.22);background:hsl(var(--background)/.55);color:var(--pv3-on-art-1)}@media (hover:hover) and (pointer:fine){.pv3-action-secondary:hover{background:hsl(var(--background)/.75)}.pv3-action-primary:hover{background:hsl(var(--primary)/.9)}}@media (prefers-reduced-motion:no-preference){:where(html:not([data-motion=reduce])) .pv3-action{transition-property:background-color,border-color,color,opacity,transform;transition-duration:var(--duration-state);transition-timing-function:var(--ease-macos)}:where(html:not([data-motion=reduce])) .pv3-action:active{transform:scale(.97);transition-duration:var(--duration-press)}}.pv3-action:focus-visible,.pv3-avatar-button:focus-visible,.pv3-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.pv3-avatar-button{display:block;border-radius:9999px}.pv3-link{border-radius:4px;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.pv3-link:hover{text-decoration:underline}}.pv3-share-row{display:flex;width:100%;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:6px;font-size:14px;line-height:20px;text-align:start}@media (pointer:coarse){.pv3-share-row{min-height:44px}}.pv3-share-row:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}@media (hover:hover) and (pointer:fine){.pv3-share-row:hover{background:hsl(var(--foreground)/.08)}}.pv3-lightbox-img{display:block;width:min(512px,100%);height:auto;aspect-ratio:1;margin-inline:auto;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.pv3-mutual-stack{display:inline-flex;flex-direction:row}.pv3-mutual-stack>*+*{margin-inline-start:-8px}.pv3-mutual-avatar{width:24px;height:24px;border-radius:9999px;border:2px solid hsl(var(--background));-o-object-fit:cover;object-fit:cover}}