.cp-page{--cp-teal:var(--color-primary);--cp-teal-soft:color-mix(in oklab,var(--color-primary) 12%,#0000);--cp-teal-mid:color-mix(in oklab,var(--color-primary) 28%,#0000);--cp-surf:var(--color-surface);--cp-bg:var(--color-background);--cp-text:var(--color-text);--cp-muted:color-mix(in oklab,var(--color-text) 55%,#0000);--cp-border:var(--color-border)}.cp-wrap{margin:0 auto;max-width:1160px;padding:0 clamp(16px,4vw,40px)}.cp-back{align-items:center;color:var(--cp-muted);display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:28px 0 0;text-decoration:none;transition:color .18s ease}.cp-back:hover{color:var(--cp-teal)}.cp-back svg{height:14px;width:14px}.cp-hero{overflow:hidden;padding:clamp(40px,6vw,80px) 0 clamp(48px,7vw,96px);position:relative}.cp-hero:before{background:radial-gradient(ellipse 70% 55% at 8% -5%,color-mix(in oklab,var(--color-primary) 18%,#0000),#0000 65%),radial-gradient(ellipse 50% 60% at 92% 15%,color-mix(in oklab,var(--color-accent) 20%,#0000),#0000 60%),radial-gradient(ellipse 40% 30% at 55% 100%,color-mix(in oklab,var(--color-primary) 10%,#0000),#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.cp-hero-inner{align-items:start;display:grid;gap:clamp(32px,5vw,56px);position:relative;z-index:1}@media (min-width:780px){.cp-hero-inner{align-items:center;grid-template-columns:auto 1fr}}.cp-avatar-bloc{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.cp-avatar-ring{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;box-shadow:0 0 0 4px var(--cp-teal-soft),0 16px 40px color-mix(in oklab,var(--color-primary) 22%,#0000);height:clamp(108px,14vw,148px);padding:3px;position:relative;width:clamp(108px,14vw,148px)}.cp-avatar-img{display:block;object-fit:cover}.cp-avatar-img,.cp-avatar-placeholder{background:var(--cp-teal-soft);border-radius:50%;height:100%;width:100%}.cp-avatar-placeholder{align-items:center;color:var(--cp-teal);display:flex;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;justify-content:center}.cp-avatar-stats{align-items:center;display:flex;flex-direction:column;gap:4px}.cp-stat-pill{align-items:center;color:var(--cp-muted);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;white-space:nowrap}.cp-stat-pill svg{flex-shrink:0;height:13px;width:13px}.cp-info{display:flex;flex-direction:column;gap:14px}.cp-domain{align-items:center;background:var(--cp-teal-soft);border:1px solid var(--cp-teal-mid);border-radius:999px;color:var(--cp-teal);display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:.28rem .75rem;text-transform:uppercase;width:fit-content}.cp-name{color:var(--cp-text);font-size:clamp(2.4rem,5vw,4rem);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.cp-pseudo{color:var(--cp-muted);font-size:.92rem;font-weight:500;margin:-6px 0 0}.cp-badges{display:flex;flex-wrap:wrap;gap:7px}.cp-badge{align-items:center;background:#0000;border-radius:999px;border-style:solid;border-width:1.5px;display:inline-flex;font-size:.78rem;font-weight:700;gap:5px;padding:.3rem .7rem;transition:transform .15s ease,box-shadow .15s ease}.cp-badge:hover{box-shadow:0 4px 12px color-mix(in oklab,currentColor 20%,#0000);transform:translateY(-1px)}.cp-bio{color:var(--cp-text);font-size:clamp(.95rem,1.5vw,1.06rem);font-style:italic;line-height:1.7;margin:0;max-width:58ch;opacity:.88}.cp-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cp-meta-chip{align-items:center;background:color-mix(in oklab,var(--cp-text) 5%,#0000);border:1px solid var(--cp-border);border-radius:999px;color:var(--cp-muted);display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:.28rem .7rem}.cp-meta-chip svg{flex-shrink:0;height:13px;opacity:.7;width:13px}.cp-meta-dot{background:var(--cp-border);border-radius:50%;height:3px;width:3px}.cp-divider{border:none;border-top:1px solid var(--cp-border);margin:0}.cp-communities{padding:clamp(40px,6vw,72px) 0 clamp(48px,7vw,88px)}.cp-section-header{align-items:baseline;display:flex;gap:12px;margin-bottom:clamp(24px,4vw,40px)}.cp-section-title{color:var(--cp-text);font-size:clamp(1.5rem,2.8vw,2.2rem);font-variation-settings:"opsz" 50;font-weight:700;letter-spacing:-.02em;margin:0}.cp-section-count{background:var(--cp-teal-soft);border:1px solid var(--cp-teal-mid);border-radius:999px;color:var(--cp-teal);font-size:.82rem;font-weight:700;padding:.2rem .6rem}.cp-grid{display:grid;gap:clamp(16px,2.5vw,24px);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));list-style:none;margin:0;padding:0}.cp-card{background:var(--cp-surf);border:1px solid var(--cp-border);border-radius:var(--radius,16px);box-shadow:0 2px 8px color-mix(in oklab,var(--cp-text) 5%,#0000);display:flex;flex-direction:column;overflow:hidden;transition:transform .22s cubic-bezier(.22,.68,0,1.2),box-shadow .22s ease}.cp-card:hover{box-shadow:0 12px 36px color-mix(in oklab,var(--cp-text) 10%,#0000),0 0 0 1px color-mix(in oklab,var(--color-primary) 20%,#0000);transform:translateY(-4px)}.cp-card-thumb{background:var(--cp-teal-soft);flex-shrink:0;height:180px;overflow:hidden;position:relative}.cp-card-thumb img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.cp-card:hover .cp-card-thumb img{transform:scale(1.04)}.cp-member-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in oklab,var(--cp-surf) 90%,#0000);border:1px solid color-mix(in oklab,var(--cp-border) 80%,#0000);border-radius:999px;color:var(--cp-text);display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:.25rem .6rem;position:absolute;right:10px;top:10px}.cp-member-badge svg{height:12px;opacity:.7;width:12px}.cp-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:clamp(16px,2vw,22px)}.cp-card-title{color:var(--cp-text);font-size:1.12rem;font-variation-settings:"opsz" 32;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.cp-card-desc{color:var(--cp-muted);display:-webkit-box;font-size:.88rem;-webkit-line-clamp:2;line-height:1.55;margin:0;-webkit-box-orient:vertical;overflow:hidden}.cp-card-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto;padding:0 clamp(16px,2vw,22px) clamp(16px,2vw,22px)}.cp-price{color:var(--cp-teal);font-size:.88rem;font-weight:700}.cp-price-interval{font-weight:500;opacity:.7}.cp-price-free{color:var(--cp-muted);font-size:.8rem;font-weight:600}.cp-card-btn{align-items:center;background:var(--cp-teal);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:6px;letter-spacing:.01em;padding:.48rem 1.1rem;text-decoration:none;transition:background .18s ease,transform .15s ease,box-shadow .18s ease}.cp-card-btn:hover{background:color-mix(in oklab,var(--cp-teal) 82%,#000);box-shadow:0 6px 20px color-mix(in oklab,var(--cp-teal) 35%,#0000);transform:translateY(-1px)}.cp-card-btn svg{height:13px;transition:transform .18s ease;width:13px}.cp-card-btn:hover svg{transform:translateX(2px)}.cp-empty{color:var(--cp-muted);padding:clamp(40px,7vw,80px) 20px;text-align:center}.cp-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.cp-empty-title{color:var(--cp-text);font-size:1.3rem;font-weight:600;margin:0 0 8px}.cp-empty-text{font-size:.9rem;margin:0 auto;max-width:36ch}@media (prefers-reduced-motion:no-preference){.cp-animate{animation:cpFadeUp .55s cubic-bezier(.22,.68,0,1) forwards;opacity:0;transform:translateY(18px)}.cp-animate--delay-1{animation-delay:.08s}.cp-animate--delay-2{animation-delay:.16s}.cp-animate--delay-3{animation-delay:.24s}.cp-animate--delay-4{animation-delay:.32s}.cp-animate--delay-5{animation-delay:.4s}@keyframes cpFadeUp{to{opacity:1;transform:translateY(0)}}.cp-grid li{animation:cpFadeUp .5s cubic-bezier(.22,.68,0,1) forwards;opacity:0;transform:translateY(22px)}.cp-grid li:first-child{animation-delay:0s}.cp-grid li:nth-child(2){animation-delay:.06s}.cp-grid li:nth-child(3){animation-delay:.12s}.cp-grid li:nth-child(4){animation-delay:.18s}.cp-grid li:nth-child(5){animation-delay:.24s}.cp-grid li:nth-child(6){animation-delay:.3s}.cp-grid li:nth-child(7){animation-delay:.36s}.cp-grid li:nth-child(8){animation-delay:.42s}.cp-grid li:nth-child(9){animation-delay:.48s}.cp-grid li:nth-child(10){animation-delay:.54s}.cp-grid li:nth-child(11){animation-delay:.6s}.cp-grid li:nth-child(12){animation-delay:.66s}}