.friend-accordion+.friend-accordion{border-top:1px solid var(--line-divider)}.friend-accordion-list .friend-accordion:last-child{border-bottom:1px solid var(--line-divider)}.friend-accordion-header{display:flex;align-items:center;gap:1rem;width:100%;text-align:start;padding:1.25rem .25rem 1.25rem 0;cursor:pointer;background:transparent;border:none}.friend-accordion-header:focus-visible{outline:2px solid #00a29b;outline-offset:2px;border-radius:.5rem}.friend-accordion-title-wrap{position:relative;display:flex;flex-direction:column;gap:.3rem}.friend-accordion-title-wrap:before{content:"";position:absolute;left:-.75rem;top:.15rem;bottom:.15rem;width:5px;border-radius:999px;background:#00a29b;transform-origin:center;transition:transform .18s ease}.friend-accordion-header:hover .friend-accordion-title-wrap:before,.friend-accordion-header:focus-visible .friend-accordion-title-wrap:before{transform:scaleY(1.12)}.friend-accordion-title{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--deep-text);text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color .18s ease}.friend-accordion-header:hover .friend-accordion-title,.friend-accordion-header:focus-visible .friend-accordion-title{text-decoration-line:underline;text-decoration-color:currentColor}.friend-accordion-count{font-size:.8rem;font-weight:500;color:var(--content-meta)}.friend-accordion-arrow{margin-left:auto;width:1.5rem;height:1.5rem;flex-shrink:0;color:gray;transition:rotate .4s cubic-bezier(.22,1,.36,1),color .2s ease}.friend-accordion-header:hover .friend-accordion-arrow{color:var(--deep-text)}.friend-accordion[data-open] .friend-accordion-arrow{rotate:180deg}.friend-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.friend-accordion[data-open] .friend-accordion-body{grid-template-rows:1fr}.friend-accordion-body-inner{overflow:hidden;min-height:0}.friend-accordion .friend-card-grid{padding:.25rem 0 1.5rem}.friend-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1024px){.friend-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.friend-card-grid{grid-template-columns:1fr}}.friend-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-large, .75rem);border:2px solid var(--deep-text);background:var(--page-bg);color:var(--deep-text);text-decoration:none;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.friend-card:hover{border-color:var(--deep-text);box-shadow:0 4px 20px #00000026}:root.dark .friend-card:hover{box-shadow:0 4px 20px #ffffff26}.friend-card__cover{position:relative;display:block;height:7rem;overflow:hidden}.friend-card__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.friend-card__cover-loader{--ballcolor: oklch(.6 0 0);--shadow: 0 0 #ffffff00;--shadowcolor: #ffffff00;position:absolute;top:calc(50% - 5px);left:calc(50% - 155px);width:10px;height:10px;border-radius:50%;display:none;pointer-events:none}:root.dark .friend-card__cover-loader{--ballcolor: oklch(.75 0 0)}.friend-card__cover.is-loading .friend-card__cover-loader{display:block;animation:friendShadowRolling 2s linear infinite}.friend-card__cover.is-loading .friend-card__cover-img{opacity:0}.friend-card__cover.is-error{display:none}@keyframes friendShadowRolling{0%{box-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow)}12%{box-shadow:100px 0 var(--ballcolor),var(--shadow),var(--shadow),var(--shadow)}25%{box-shadow:110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow),var(--shadow)}36%{box-shadow:120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow)}50%{box-shadow:130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor)}62%{box-shadow:200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor)}75%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor)}87%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor)}to{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor)}}.friend-card__body{display:flex;flex-direction:column;flex:1;padding:.875rem 1rem}.friend-card__info{display:flex;align-items:center;gap:.75rem}.friend-card__avatar{position:relative;width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:999px;overflow:hidden;border:2px solid var(--deep-text);background:var(--page-bg)}.friend-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-card__avatar-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:var(--deep-text)}.friend-card__avatar.is-error img{display:none}.friend-card__avatar.is-error .friend-card__avatar-fallback{display:flex}.friend-card__meta{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.friend-card__name-row{display:flex;align-items:center;gap:.375rem;min-width:0}.friend-card__name{font-size:1rem;font-weight:700;line-height:1.3;color:var(--deep-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.friend-card__jump-icon{width:.875rem;height:.875rem;flex-shrink:0;color:#00a29b;opacity:0;transform:translate(-3px,3px);transition:opacity .2s ease,transform .2s ease}.friend-card:hover .friend-card__jump-icon,.friend-card:focus-visible .friend-card__jump-icon{opacity:1;transform:translate(0)}.friend-card__url{font-size:.75rem;font-weight:500;color:var(--content-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.friend-card:hover .friend-card__url{color:var(--deep-text)}.friend-card__desc{font-size:.8rem;line-height:1.5;color:var(--content-meta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.friend-card__divider{height:1px;background:var(--line-divider);margin:.75rem 0 .625rem}.friend-empty{padding:2rem 0;text-align:center;color:var(--content-meta);font-size:.9rem}.friend-image-preview{position:fixed;z-index:60;max-width:min(28rem,80vw);max-height:min(24rem,70vh);padding:.5rem;border:2px solid var(--deep-text);border-radius:var(--radius-large, .75rem);background:var(--page-bg);box-shadow:0 8px 30px #0003;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease}.friend-image-preview.is-visible{opacity:1;transform:scale(1)}.friend-image-preview img{display:block;max-width:100%;max-height:calc(min(24rem,70vh) - 1rem);object-fit:contain;border-radius:calc(var(--radius-large, .75rem) - 6px)}.friend-chat{margin-top:3rem}.friend-chat__messages{display:flex;flex-direction:column;gap:1rem}.friend-chat__item{display:flex;align-items:flex-end;gap:.625rem;max-width:min(34rem,78vw);opacity:0;transform:translateY(14px) scale(.9)}.friend-chat__item.is-active{animation:friendBubblePop .45s cubic-bezier(.34,1.56,.64,1) forwards}.friend-chat__item--right{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.friend-chat__avatar{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:999px;overflow:hidden;border:2px solid var(--deep-text);background:var(--page-bg);display:flex;align-items:center;justify-content:center}.friend-chat__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.friend-chat__avatar-text{font-size:.875rem;font-weight:700;letter-spacing:.05em;color:var(--deep-text)}.friend-chat__bubble{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.625rem .875rem;border-radius:1rem;border:2px solid var(--deep-text);background:var(--page-bg);max-width:min(30rem,74vw);min-height:2.5rem}.friend-chat__item--left .friend-chat__bubble{border-bottom-left-radius:.25rem}.friend-chat__item--right .friend-chat__bubble{border-bottom-right-radius:.25rem;background:var(--deep-text);color:var(--page-bg)}.friend-chat__name{font-size:.7rem;font-weight:700;color:#00a29b;letter-spacing:.04em}.friend-chat__text{margin:0;font-size:.9rem;line-height:1.6;min-height:1.45em;word-break:break-word}.friend-chat__item.is-typing .friend-chat__text:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:friendCaretBlink .7s steps(1) infinite}.friend-apply{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}@media(max-width:768px){.friend-apply{grid-template-columns:1fr}}.friend-apply__notes,.friend-apply__site{min-width:0}.friend-apply__notes{display:flex;flex-direction:column;padding:1.25rem;border-radius:var(--radius-large, .75rem);background:color-mix(in oklch,var(--deep-text) 5%,transparent)}.friend-apply__notes-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:1rem;font-weight:700;color:var(--deep-text)}.friend-apply__notes-icon{width:1.125rem;height:1.125rem;color:#00a29b}.friend-apply__note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.friend-apply__note{display:flex;align-items:baseline;gap:.5rem}.friend-apply__note p{margin:0;font-size:.825rem;line-height:1.6;color:var(--content-meta)}.friend-apply__note strong{color:var(--deep-text)}.friend-apply__note-dot{width:5px;height:5px;flex-shrink:0;border-radius:999px;background:#00a29b}.friend-apply__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .375rem;border:none;background:transparent;color:var(--content-meta);font-size:.875rem;font-weight:600;text-decoration:none;margin-top:.875rem;align-self:flex-end;transition:color .2s ease,gap .2s ease}.friend-apply__btn:hover{color:#00a29b}.friend-apply__btn-icon{width:1rem;height:1rem;flex-shrink:0}.friend-apply__site{padding:1.25rem;border-radius:var(--radius-large, .75rem);border:2px solid var(--deep-text);background:var(--page-bg)}.friend-apply__site-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:1rem;font-weight:700;color:var(--deep-text)}.friend-apply__site-icon{width:1.125rem;height:1.125rem;color:#00a29b}.friend-apply__rows{display:flex;flex-direction:column;gap:.5rem}.friend-apply__row{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:var(--radius-medium, .5rem);background:color-mix(in oklch,var(--deep-text) 4%,transparent);transition:background-color .15s ease}.friend-apply__row:hover{background:color-mix(in oklch,var(--deep-text) 8%,transparent)}.friend-apply__row-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.friend-apply__row-label{font-size:.7rem;font-weight:600;color:var(--content-meta);letter-spacing:.04em}.friend-apply__row-value{font-size:.825rem;color:var(--deep-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-apply__copy{position:relative;width:2rem;height:2rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-small, .25rem);border:none;background:transparent;cursor:pointer;color:var(--content-meta);transition:color .2s ease}.friend-apply__copy:hover{color:#00a29b}.friend-apply__copy-icon,.friend-apply__check-icon{width:1rem;height:1rem;position:absolute;transition:opacity .15s ease,transform .15s ease}.friend-apply__check-icon{opacity:0;transform:scale(.6);color:#00a29b}.friend-apply__copy.is-copied .friend-apply__copy-icon{opacity:0;transform:scale(.6)}.friend-apply__copy.is-copied .friend-apply__check-icon{opacity:1;transform:scale(1)}@keyframes friendBubblePop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes friendCaretBlink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.friend-chat__item{opacity:1;transform:none}.friend-chat__item.is-active{animation:none}.friend-card__cover.is-loading .friend-card__cover-loader{animation:none;box-shadow:100px 0 var(--ballcolor),110px 0 var(--ballcolor),120px 0 var(--ballcolor),130px 0 var(--ballcolor)}}