.fri-pill[data-astro-cid-v3hesvhj]{margin:.3em .6em .3em 0;text-decoration:none;padding:.5em;border-radius:var(--radius);display:inline-block;overflow:hidden;position:relative}.fri-pill-avatar[data-astro-cid-v3hesvhj]{position:absolute;top:0;left:0;bottom:0;width:48px;height:48px;border-radius:var(--radius);background-color:#fff;transform:rotate(20deg) translate(-15%)}.fri-pill-label[data-astro-cid-v3hesvhj]{margin-left:2.6em}.friends-container{max-width:var(--content-width);margin-left:auto;margin-right:auto}.friends-note{margin:var(--space-md) 0 var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);text-align:center;font-style:italic;letter-spacing:.02em}.friends-apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:900px;margin:var(--space-xl) auto}.friends-apply-grid h3,.friends-apply-grid p{margin:0}@media(max-width:768px){.friends-apply-grid{grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-lg) auto}}.apply-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}@media(hover:hover){.apply-card:hover{box-shadow:var(--shadow-md);border-color:#c2413b26}}.card-body{padding:var(--space-lg)}@media(max-width:450px){.card-body{padding:var(--space-md)}}.site-info-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.site-avatar-wrap{position:relative;flex-shrink:0}.site-avatar{width:56px;height:56px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow-xs);border:2px solid var(--color-surface);outline:1px solid var(--color-border)}.verified-badge{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--color-success);border:2px solid var(--color-surface);display:flex;align-items:center;justify-content:center;color:#fff}.site-name{font-size:var(--text-base);font-weight:700;color:var(--color-title);line-height:var(--leading-snug)}.site-desc{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px;line-height:1.4}.info-fields{display:flex;flex-direction:column;gap:var(--space-xs)}.info-field{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid transparent;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.info-field:hover{background:var(--color-selection);border-color:#c2413b1f}}.field-text{min-width:0}.field-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:2px}.field-value{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-body);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}@media(hover:hover){.copy-btn:hover{color:var(--color-link);border-color:var(--color-link);background:#c2413b0a}}.copy-btn:active{transform:scale(.94)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success);background:#4d7c4d14}.copy-btn.copied .copy-icon,.copy-btn:not(.copied) .check-icon{display:none}.steps-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:700;color:var(--color-title);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.steps-icon{width:30px;height:30px;border-radius:var(--radius-md);background:#c2413b14;display:flex;align-items:center;justify-content:center;color:var(--color-link)}.steps-icon svg{width:15px;height:15px}.steps-list{display:flex;flex-direction:column}.step{display:flex;gap:var(--space-sm)}.step.frist{margin-top:1rem}.step:last-child .step-content{padding-bottom:0}.step-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-num{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:11px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.step:first-child .step-num{border-color:var(--color-link);color:var(--color-link);background:#c2413b0f}.step-line{width:1.5px;flex:1;min-height:18px;background:var(--color-border);margin:4px 0;border-radius:1px;transition:background var(--duration-normal) var(--ease-out)}.step:first-child .step-line{background:#c2413b33}.step-content{padding-bottom:var(--space-md);min-width:0}.step-heading{font-size:var(--text-sm);font-weight:600;color:var(--color-title);margin-bottom:3px;line-height:var(--leading-snug)}.step-desc{font-size:var(--text-xs);color:var(--color-muted);line-height:1.6}.template-box{position:relative;margin-top:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-link);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.template-box:hover{border-color:#c2413b33}}.template-box pre{margin:0;padding:var(--space-sm);padding-right:40px;overflow-x:auto}.template-box code{font-size:11px;font-family:var(--font-mono);color:var(--color-body);line-height:1.8;white-space:pre}.template-copy{position:absolute;top:var(--space-xs);right:var(--space-xs);width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}@media(hover:hover){.template-copy:hover{color:var(--color-link);background:#c2413b0f}}.template-copy:active{transform:scale(.94)}.template-copy.copied{color:var(--color-success)}.template-copy.copied .copy-icon,.template-copy:not(.copied) .check-icon{display:none}.notes-card{max-width:900px;margin:var(--space-xl) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.notes-card h3,.notes-card p{margin:0}.notes-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:700;color:var(--color-title);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.notes-title svg{color:var(--color-warning);flex-shrink:0}.notes-list{display:flex;flex-direction:column;gap:var(--space-xs)}.note-item{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-body);line-height:1.6;transition:background var(--duration-fast) var(--ease-out)}@media(hover:hover){.note-item:hover{background:var(--color-hover)}}.note-dot{width:5px;height:5px;border-radius:50%;background:var(--color-warning);flex-shrink:0;margin-top:.6em;box-shadow:0 0 0 2px #b0803c26}.note-item strong{color:var(--color-title);font-weight:600}