@layer components{.pp-page{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink)5%,transparent)1px,transparent 0)0 0/22px 22px,var(--background);height:100dvh;overflow:hidden}.pp-root{height:100%;color:var(--foreground);font-family:var(--font-body);container-type:inline-size}.pp-page .pp-root{padding:.625rem}.pp-shell{overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--card);width:100%;height:100%;box-shadow:var(--shadow-lg);border-radius:1.75rem;flex-direction:column;margin-inline:auto;display:flex;overflow:hidden auto}@media (min-width:640px){.pp-page .pp-root{padding:1.5rem}}@container (min-width:40rem){.pp-shell{border-radius:2rem;max-width:34rem;max-height:56rem}}.pp-hero{flex:none;padding:1.1rem .85rem 1rem}@container (min-width:40rem){.pp-hero{padding:2.25rem 2rem 1.4rem}}.pp-avatar{aspect-ratio:1;background:var(--ink);width:4.25rem;color:var(--paper);font-family:var(--font-header);letter-spacing:-.04em;box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.7rem;font-weight:600;display:flex;position:relative;overflow:hidden}@container (min-width:40rem){.pp-avatar{width:5.5rem;font-size:2rem}}.pp-name{overflow-wrap:anywhere;color:var(--foreground);font-family:var(--font-header);letter-spacing:-.045em;font-size:clamp(1.1rem,8cqi,2rem);font-weight:650;line-height:1.05}.pp-handle{color:var(--muted-foreground);margin-top:.3rem;font-size:.875rem;font-weight:500}.pp-bio{color:color-mix(in srgb,var(--ink)78%,transparent);white-space:pre-line;margin-top:.9rem;font-size:.95rem;line-height:1.55}.pp-socials{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem;margin-top:.85rem;padding-top:.85rem;display:flex}.pp-hero-row{align-items:stretch;gap:.6rem;display:flex}.pp-hero-row>.pp-avatar{width:min(var(--hero-size,5rem),38%);aspect-ratio:1;align-self:center;height:auto}.pp-identity-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-xs);border-radius:1.35rem;flex:1;padding:.85rem;container-type:inline-size}.pp-identity{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.pp-reach{flex:none;gap:.4rem;display:flex}.pp-social{border:1px solid var(--line-strong);background:var(--surface);width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.pp-social svg{width:1.15rem;height:1.15rem}.pp-social:hover,.pp-social:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--paper);outline:none}.pp-links-section{flex-direction:column;flex:auto;min-height:12rem;padding:0 .75rem;display:flex}@container (min-width:40rem){.pp-links-section{padding:0 1.5rem}}.pp-section-head{flex:none;align-items:baseline;gap:.5rem;margin-bottom:.65rem;padding-inline:.5rem;display:flex}@container (min-width:40rem){.pp-section-head{padding-inline:.5rem}}.pp-section-title{color:var(--foreground);font-family:var(--font-header);letter-spacing:-.03em;font-size:1.1rem;font-weight:650;line-height:1.2}.pp-links{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.pp-links-well{--fade:2rem;border:1px solid var(--line);background:color-mix(in srgb,var(--background)55%,var(--card));min-height:0;box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink)6%,transparent);border-radius:1.35rem;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.pp-links-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink)22%,transparent)transparent;flex:auto;min-height:0;padding:.5rem;overflow-y:auto}.pp-links-scroll:focus-visible{border-radius:inherit;outline:2px solid var(--primary);outline-offset:-2px}.pp-links-well:before,.pp-links-well:after{z-index:1;height:var(--fade);opacity:0;pointer-events:none;content:"";transition:opacity .2s;position:absolute;left:0;right:0}.pp-links-well:before{background:linear-gradient(color-mix(in srgb,var(--background)55%,var(--card)),transparent);top:0}.pp-links-well:after{background:linear-gradient(transparent,color-mix(in srgb,var(--background)55%,var(--card)));bottom:0}.pp-links-well[data-fade-top=true]:before,.pp-links-well[data-fade-bottom=true]:after{opacity:1}.pp-link{border:1px solid var(--line-strong);background:var(--surface);color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--ease-out);border-radius:1.1rem;align-items:center;gap:1rem;padding:1rem 1rem 1rem 1.2rem;display:flex}a.pp-link:hover,a.pp-link:focus-visible{border-color:var(--ink);box-shadow:var(--shadow);outline:none;transform:translateY(-2px)}a.pp-link:active{transform:translateY(0)scale(.99)}.pp-link[aria-disabled=true]{cursor:default;background:0 0;border-style:dashed}.pp-link-text{flex:1;min-width:0}.pp-link-title{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:650;display:block;overflow:hidden}.pp-link[aria-disabled=true] .pp-link-title{color:var(--muted-foreground)}.pp-link-description{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pp-link-note .dash-chip{text-overflow:ellipsis;max-width:100%;overflow:hidden}.pp-link-note{align-items:center;gap:.35rem;margin-top:.5rem;display:inline-flex}.pp-link-icon{background:color-mix(in srgb,var(--ink)5%,transparent);width:2.5rem;height:2.5rem;color:var(--muted-foreground);transition:background-color .2s ease,color .2s ease,transform .2s var(--ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}a.pp-link:hover .pp-link-icon,a.pp-link:focus-visible .pp-link-icon{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.pp-empty{border:1.5px dashed var(--line-strong);min-height:0;color:var(--muted-foreground);text-align:center;border-radius:1.35rem;flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.pp-dock{border-top:1px solid var(--line);background:color-mix(in srgb,var(--card)70%,var(--background));flex:none;margin-top:.75rem;padding:.75rem .75rem .6rem}@container (min-width:40rem){.pp-dock{padding:.9rem 1.5rem .7rem}}.pp-dock-actions{gap:.5rem;display:flex}.pp-dock .pp-dock-save{border-radius:999px;flex:1;min-height:2.9rem;font-size:.925rem}.pp-footer{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.55rem;font-size:.7rem;display:flex}.pp-footer a:hover{color:var(--foreground)}.pp-footer strong{color:var(--foreground);font-family:var(--font-header);font-weight:650}.pp-body{flex-direction:column;flex:auto;display:flex}.pp-lc{flex:auto;padding:1.75rem 1.25rem .5rem}@container (min-width:40rem){.pp-lc{padding:2.5rem 2.25rem .75rem}}.pp-lc-identity{align-items:center;gap:1rem;display:flex}.pp-lc-avatar{width:4.5rem}@container (min-width:40rem){.pp-lc-avatar{width:5rem}}.pp-lc-name{overflow-wrap:anywhere;color:var(--foreground);font-family:var(--font-header);letter-spacing:-.045em;font-size:clamp(1.6rem,9cqi,2.4rem);font-weight:600;line-height:1}.pp-lc-divider{margin-top:2rem}.pp-lc-list{margin-top:.75rem}.pp-lc-list>li+li{border-top:1px solid var(--line)}.pp-lc-row{color:var(--foreground);align-items:center;gap:1rem;padding:.9rem .25rem;display:flex}.pp-lc-icon{flex:none}.pp-lc-text{flex:1;min-width:0}.pp-lc-label{color:var(--label);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.pp-lc-value{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:1rem;font-weight:550;display:block;overflow:hidden}.pp-lc-row:hover .pp-lc-icon,.pp-lc-row:focus-visible .pp-lc-icon{border-color:var(--ink);background:var(--ink);color:var(--paper)}.pp-lc-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:.75rem}.pp-lc-empty{color:var(--muted-foreground);text-align:center;margin-top:1rem;font-size:.9rem}.pp-root[data-variant=preview] .pp-shell{box-shadow:none;border:0;border-radius:0}.pp-phone-screen{flex:1;min-height:0;position:relative;overflow:hidden}.pp-phone-viewport{--phone-scale:.73846;width:390px;height:calc(100%/var(--phone-scale));transform:scale(var(--phone-scale));transform-origin:0 0;position:absolute;top:0;left:0}.pp-phone{height:620px;min-height:520px;max-height:calc(100svh - 12rem);box-shadow:var(--shadow-xl)}.pp-status{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink)5%,transparent)1px,transparent 0)0 0/22px 22px,var(--background);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.pp-status-card{border:1px solid var(--line-strong);background:var(--card);width:100%;max-width:30rem;box-shadow:var(--shadow-lg);text-align:center;border-radius:1.75rem;padding:clamp(1.75rem,6vw,2.75rem)}.pp-status-icon{background:var(--ink);width:4rem;height:4rem;color:var(--paper);border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.pp-status-title{color:var(--foreground);font-family:var(--font-header);letter-spacing:-.045em;margin-top:.6rem;font-size:clamp(1.8rem,6vw,2.3rem);font-weight:650;line-height:1.1}.pp-status-text{color:var(--muted-foreground);margin-top:.75rem;line-height:1.6}.pp-status-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.75rem;display:flex}@media (prefers-reduced-motion:no-preference){.pp-root[data-variant=page] .pp-shell{animation:.5s cubic-bezier(.22,1,.36,1) both pp-enter}}@keyframes pp-enter{0%{opacity:0;transform:translateY(14px)}}}