.fr-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:1rem;border:none;background:transparent;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.fr-modal[open]{display:flex}.fr-modal::backdrop{background:transparent}.fr-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:-1;animation:frFadeIn .2s ease-out}.fr-panel{background:#fff;border:1px solid var(--line-divider);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:40rem;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:frSlideIn .3s cubic-bezier(.16,1,.3,1)}:root.dark .fr-panel{background:#0b0b0b;border-color:var(--line-divider);box-shadow:0 25px 50px -12px #0009}.fr-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line-divider);flex-shrink:0}.fr-title{font-size:1.25rem;font-weight:700;color:#161616;margin:0}:root.dark .fr-title{color:#dedede}.fr-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:none;background:transparent;color:#636363;cursor:pointer;transition:background .15s,color .15s}.fr-close:hover{background:var(--btn-plain-bg-hover);color:#161616}:root.dark .fr-close{color:gray}:root.dark .fr-close:hover{color:#dedede}.fr-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.fr-section-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.fr-section-icon{width:1.75rem;height:1.75rem;border-radius:.5rem;background:#eee;color:#484848;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}:root.dark .fr-section-icon{background:#222;color:#9e9e9e}.fr-section-head h3{font-size:.9375rem;font-weight:600;color:#161616;margin:0}:root.dark .fr-section-head h3{color:#cecece}.fr-info-grid{display:flex;flex-direction:column;gap:.5rem}.fr-info-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border-radius:.625rem;background:#f5f5f5;border:1px solid oklch(.92 0 0)}:root.dark .fr-info-row{background:#161616;border-color:#292929}.fr-info-text{min-width:0;flex:1}.fr-info-label{display:block;font-size:.6875rem;color:#717171;margin-bottom:.125rem}:root.dark .fr-info-label{color:#636363}.fr-info-value{display:block;font-size:.8125rem;font-weight:500;color:#161616;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root.dark .fr-info-value{color:#cecece}.fr-copy-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;border:none;background:#e4e4e4;color:#484848;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;position:relative}.fr-copy-btn:hover{background:#d7d7d7;color:#161616}:root.dark .fr-copy-btn{background:#292929;color:gray}:root.dark .fr-copy-btn:hover{background:#3a3a3a;color:#cecece}.fr-copy-btn .fr-check-icon,.fr-copy-btn.copied .fr-copy-icon{display:none}.fr-copy-btn.copied .fr-check-icon{display:block;color:#3a9742}.fr-steps{display:flex;flex-direction:column}.fr-step{display:flex;gap:.875rem;position:relative}.fr-step-num{width:1.75rem;height:1.75rem;border-radius:50%;background:#2e2e2e;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}:root.dark .fr-step-num{background:#cecece;color:#0b0b0b}.fr-step-line{position:absolute;left:.875rem;top:1.75rem;width:1px;bottom:0;background:var(--line-divider)}.fr-step-content{padding-bottom:1rem;flex:1;min-width:0}.fr-step:last-child .fr-step-content{padding-bottom:0}.fr-step-title{font-size:.875rem;font-weight:600;color:#161616;margin:0 0 .25rem}:root.dark .fr-step-title{color:#cecece}.fr-step-desc{font-size:.8125rem;color:#636363;margin:0;line-height:1.5}:root.dark .fr-step-desc{color:#717171}.fr-code{padding:.125rem .375rem;border-radius:.25rem;background:#eee;font-size:.75rem;font-family:monospace;border:1px solid oklch(.9 0 0)}:root.dark .fr-code{background:#1b1b1b;border-color:#2e2e2e}.fr-template{position:relative;margin-top:.625rem;border-radius:.5rem;background:#f5f5f5;border:1px solid oklch(.92 0 0);padding:.875rem 2.5rem .875rem .875rem}:root.dark .fr-template{background:#121212;border-color:#292929}.fr-template-copy{position:absolute;top:.5rem;right:.5rem}.fr-template-text{font-size:.75rem;line-height:1.6;color:#484848;margin:0;white-space:pre-wrap;word-break:break-all;font-family:monospace}:root.dark .fr-template-text{color:gray}.fr-notes{display:flex;flex-direction:column;gap:.625rem}.fr-note{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.6;color:#555}:root.dark .fr-note{color:#717171}.fr-note-dot{width:.375rem;height:.375rem;border-radius:50%;background:#2e2e2e;flex-shrink:0;margin-top:.5rem}:root.dark .fr-note-dot{background:#9e9e9e}.fr-note strong{color:#161616;font-weight:600}:root.dark .fr-note strong{color:#bebebe}.fr-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--line-divider);justify-content:flex-end;flex-shrink:0}.fr-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s,background .15s,color .15s;text-decoration:none;border:none;line-height:1}.fr-btn-primary{background:#2e2e2e;color:#fff}.fr-btn-primary:hover{opacity:.9}:root.dark .fr-btn-primary{background:#cecece;color:#0b0b0b}.fr-btn-secondary{background:transparent;border:1px solid var(--line-divider);color:#2e2e2e}.fr-btn-secondary:hover{background:var(--btn-plain-bg-hover)}:root.dark .fr-btn-secondary{color:#bebebe}@keyframes frFadeIn{0%{opacity:0}to{opacity:1}}@keyframes frSlideIn{0%{opacity:0;transform:translateY(-.75rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.fr-panel{max-width:calc(100% - 1.5rem);max-height:90vh}.fr-footer{flex-direction:column}.fr-btn{justify-content:center}}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:1.75rem .75rem;padding-top:1rem;padding-bottom:1rem}.friends-grid>.friend-card:nth-child(n+10){display:none}@media(max-width:1024px){.friends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.friends-grid{grid-template-columns:1fr}}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.friend-filter-tabs{position:relative;display:inline-flex;flex-wrap:wrap}.friend-tab-indicator{box-shadow:0 1px 3px #63636326}:root.dark .friend-tab-indicator{box-shadow:0 1px 3px #0000004d}.friend-tab-btn{background:transparent;border:none;cursor:pointer;user-select:none}.friend-tab-btn:hover{opacity:.7}.friend-tab-btn:active{transform:scale(.95)}.friends-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding-bottom:.5rem}.friends-page-nums{display:flex;align-items:center;gap:.375rem}.friends-page-btn,.friends-page-num{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem;font-weight:600;color:var(--deep-text);background:transparent;border:1.5px solid var(--line-color);border-radius:var(--radius-large);cursor:pointer;user-select:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.friends-page-btn:hover:not(:disabled),.friends-page-num:hover:not(.is-active){background:var(--btn-regular-bg-hover);border-color:var(--deep-text)}.friends-page-num.is-active{color:var(--page-bg);background:var(--deep-text);border-color:var(--deep-text);cursor:default}.friends-page-btn:disabled{opacity:.4;cursor:not-allowed}