.friend-section.svelte-1175gst{flex-direction:column;gap:.9rem;min-width:0;display:flex}.friend-toolbar.svelte-1175gst{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.friend-toolbar__heading.svelte-1175gst{align-items:baseline;gap:.6rem;min-width:0;display:flex}.friend-title.svelte-1175gst{color:var(--on-surface,#1d1b1e);letter-spacing:-.02em;margin:0;font-size:1.7rem;line-height:1.2}.friend-count.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);font-variant-numeric:tabular-nums;font-size:.8rem}.friend-apply.svelte-1175gst{background:var(--primary,#8a3a3a);color:var(--on-primary,#fff);cursor:pointer;border:0;border-radius:999px;padding:.45rem .95rem;font-size:.8rem;font-weight:600}.friend-apply.svelte-1175gst:hover{filter:brightness(1.06)}.friend-apply.svelte-1175gst:focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:2px}.friend-toolbar__actions.svelte-1175gst{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.friend-view.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);color:var(--on-surface-variant,#5d5b5e);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .8rem;font-size:.75rem}.friend-view.svelte-1175gst:hover{background:var(--surface-container,#f1edf0);color:var(--on-surface,#1d1b1e)}.friend-view.svelte-1175gst:focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:2px}.friend-search-row.svelte-1175gst{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.friend-search-mode.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);border-radius:999px;padding:.15rem;display:inline-flex}.friend-search-mode.svelte-1175gst button:where(.svelte-1175gst){color:var(--on-surface-variant,#5d5b5e);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .65rem;font-size:.72rem}.friend-search-mode.svelte-1175gst button[aria-pressed=true]:where(.svelte-1175gst){background:var(--surface-container-high,#fff);color:var(--on-surface,#1d1b1e);box-shadow:0 1px 2px #00000014}.friend-search-mode.svelte-1175gst button:where(.svelte-1175gst):disabled{opacity:.45;cursor:default}.friend-search-source.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);color:var(--on-surface,#1d1b1e);font:inherit;border-radius:999px;padding:.45rem .65rem;font-size:.72rem}.friend-search.svelte-1175gst{flex:16rem;align-items:center;width:min(100%,30rem);display:flex;position:relative}.friend-search.svelte-1175gst input:where(.svelte-1175gst){box-sizing:border-box;border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);width:100%;color:var(--on-surface,#1d1b1e);font:inherit;border-radius:999px;outline:none;padding:.55rem 2.4rem .55rem .9rem;font-size:.82rem}.friend-search.svelte-1175gst input:where(.svelte-1175gst):focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:1px}.friend-search__clear.svelte-1175gst{width:1.7rem;height:1.7rem;color:var(--on-surface-variant,#5d5b5e);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1rem;line-height:1;position:absolute;right:.45rem}.friend-search__clear.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-layout.svelte-1175gst{grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}.friend-tree.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--card-bg,var(--surface-container-low,#f7f3f6));border-radius:1rem;flex-direction:column;gap:.15rem;max-height:calc(100dvh - 8rem);padding:.45rem;display:flex;position:sticky;top:1rem;overflow:auto}.friend-tree__head.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .35rem;font-size:.68rem;font-weight:600;display:flex}.friend-tree__toggle.svelte-1175gst{width:1.5rem;height:1.5rem;color:var(--on-surface-variant,#5d5b5e);cursor:pointer;background:0 0;border:0;border-radius:.35rem;font-size:.7rem}.friend-tree__toggle.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-tree__filter.svelte-1175gst{box-sizing:border-box;border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);width:100%;color:var(--on-surface,#1d1b1e);font:inherit;border-radius:.55rem;margin-bottom:.2rem;padding:.35rem .5rem;font-size:.72rem}.friend-tree__filter.svelte-1175gst:focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:1px}.friend-cat.svelte-1175gst{min-width:0;padding-left:calc(var(--depth,0) * .75rem);align-items:center;gap:.1rem;display:flex}.friend-cat--root.svelte-1175gst .friend-cat__select:where(.svelte-1175gst){color:var(--on-surface,#1d1b1e);font-weight:600}.friend-cat--all.svelte-1175gst{cursor:pointer;background:0 0;border:0;border-radius:.55rem;width:100%;padding:.35rem .4rem}.friend-cat--all.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-cat--all.active.svelte-1175gst{background:var(--primary-container,#ffdada);color:var(--on-primary-container,#3a0000)}.friend-cat__toggle.svelte-1175gst{width:1.4rem;height:1.7rem;color:var(--on-surface-variant,#5d5b5e);cursor:pointer;background:0 0;border:0;border-radius:.35rem;flex:none;font-size:.7rem}.friend-cat__toggle.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-cat__spacer.svelte-1175gst{flex:none;width:1.4rem}.friend-cat__select.svelte-1175gst{min-width:0;color:var(--on-surface-variant,#5d5b5e);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:.55rem;flex:1;align-items:center;gap:.5rem;padding:.35rem .4rem;font-size:.78rem;display:flex}.friend-cat__select.svelte-1175gst:hover{background:var(--surface-container,#f1edf0);color:var(--on-surface,#1d1b1e)}.friend-cat__select.active.svelte-1175gst{background:var(--primary-container,#ffdada);color:var(--on-primary-container,#3a0000)}.friend-cat__select-inner.svelte-1175gst{min-width:0;color:inherit;font:inherit;flex:1;align-items:center;gap:.5rem;display:flex}.friend-cat__label.svelte-1175gst{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.friend-cat__count.svelte-1175gst{opacity:.7;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.68rem}.friend-results.svelte-1175gst{min-width:0}.friend-grid.svelte-1175gst{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.7rem;display:grid}.friend-card.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--card-bg,var(--surface-container-low,#f7f3f6));color:var(--on-surface,#1d1b1e);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.75rem .8rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.friend-card.svelte-1175gst:hover{border-color:var(--outline,#00000040);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.friend-card.svelte-1175gst:focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:2px}.friend-icon.svelte-1175gst{background:color-mix(in oklab, hsl(var(--friend-hue,20) 65% 55%) 18%, var(--surface-container-low,#f7f3f6));width:2.5rem;height:2.5rem;color:var(--on-surface,#1d1b1e);border-radius:.55rem;place-items:center;font-size:.9rem;font-weight:700;display:grid;overflow:hidden}.friend-icon.svelte-1175gst img:where(.svelte-1175gst){object-fit:contain;width:100%;height:100%}.friend-card__body.svelte-1175gst{flex-direction:column;gap:.2rem;min-width:0;display:flex}.friend-card__top.svelte-1175gst{align-items:center;gap:.4rem;min-width:0;display:flex}.friend-card__title.svelte-1175gst{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.friend-pin.svelte-1175gst{background:var(--warning-soft,#fff3d6);color:var(--warning,#7a4d00);border-radius:999px;flex:none;padding:.05rem .35rem;font-size:.62rem}.friend-card__desc.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.friend-card__url.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-size:.65rem;overflow:hidden}.friend-card--simple.svelte-1175gst{align-items:center;min-height:3.5rem;padding:.55rem .65rem}.friend-card--simple.svelte-1175gst .friend-icon:where(.svelte-1175gst){width:2rem;height:2rem;font-size:.8rem}.friend-card--simple.svelte-1175gst .friend-card__title:where(.svelte-1175gst){font-size:.82rem}.friend-empty.svelte-1175gst{text-align:center;color:var(--on-surface-variant,#5d5b5e);border:1px dashed var(--outline-variant,#0000001f);border-radius:.9rem;padding:3rem 1rem;font-size:.8rem}.friend-sr.svelte-1175gst{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=860px){.friend-layout.svelte-1175gst{grid-template-columns:1fr}.friend-tree.svelte-1175gst{flex-flow:wrap;gap:.25rem;max-height:none;position:static}.friend-tree__head.svelte-1175gst,.friend-tree__filter.svelte-1175gst{flex:1 0 100%}.friend-cat.svelte-1175gst{flex:auto;padding-left:0}.friend-cat__select-inner.svelte-1175gst,.friend-cat__select.svelte-1175gst{flex:none}.friend-cat__count.svelte-1175gst{margin-left:.25rem}}@media (prefers-reduced-motion:reduce){.friend-card.svelte-1175gst{transition:none}}.friend-menu.svelte-1175gst{z-index:90;border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-high,#fff);border-radius:.7rem;flex-direction:column;min-width:12rem;padding:.25rem;display:flex;position:fixed;box-shadow:0 12px 32px #0000002e}.friend-menu.svelte-1175gst button:where(.svelte-1175gst){text-align:left;font:inherit;color:var(--on-surface,#1d1b1e);cursor:pointer;background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.45rem;padding:.5rem .7rem;font-size:.78rem;display:flex}.friend-menu.svelte-1175gst button:where(.svelte-1175gst):hover,.friend-menu.svelte-1175gst button:where(.svelte-1175gst):focus-visible{background:var(--surface-container,#f1edf0);outline:none}.friend-menu__icon.svelte-1175gst{text-align:center;opacity:.65;flex:none;width:1rem;font-size:.82rem}.friend-qr.svelte-1175gst{background:var(--surface,#fff);width:min(100%,18rem);max-height:90dvh;color:var(--on-surface,#1d1b1e);border-radius:1rem;padding:1rem;overflow:auto;box-shadow:0 24px 64px #0000004d}.friend-qr__image.svelte-1175gst{background:#fff;border-radius:.75rem;width:100%;height:auto;display:block}.friend-qr__url.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);text-align:center;word-break:break-all;margin:.6rem 0 0;font-size:.68rem;line-height:1.4}.friend-icon-field.svelte-1175gst{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.friend-icon-preview.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);width:2.25rem;height:2.25rem;color:var(--on-surface,#1d1b1e);border-radius:.45rem;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid;overflow:hidden}.friend-icon-preview.svelte-1175gst img:where(.svelte-1175gst){object-fit:contain;width:100%;height:100%}.friend-icon-field.svelte-1175gst input:where(.svelte-1175gst){flex:1;min-width:0}.friend-icon-fetch.svelte-1175gst{border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);color:var(--on-surface-variant,#5d5b5e);font:inherit;cursor:pointer;border-radius:.55rem;flex:none;padding:.45rem .55rem;font-size:.7rem}.friend-icon-fetch.svelte-1175gst:hover:not(:disabled){background:var(--surface-container,#f1edf0);color:var(--on-surface,#1d1b1e)}.friend-icon-fetch.svelte-1175gst:disabled{opacity:.5;cursor:default}.friend-backdrop.svelte-1175gst{z-index:100;background:#0000006b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.friend-dialog.svelte-1175gst{background:var(--surface,#fff);width:min(100%,32rem);max-height:90dvh;color:var(--on-surface,#1d1b1e);border-radius:1rem;padding:1rem 1.1rem 1.1rem;overflow:auto;box-shadow:0 24px 64px #0000004d}.friend-dialog__head.svelte-1175gst{justify-content:space-between;align-items:center;gap:1rem;display:flex}.friend-dialog.svelte-1175gst h2:where(.svelte-1175gst){margin:0;font-size:1.05rem}.friend-dialog__close.svelte-1175gst{width:2rem;height:2rem;color:var(--on-surface-variant,#5d5b5e);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.25rem;line-height:1}.friend-dialog__close.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-dialog__hint.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);margin:.4rem 0 .8rem;font-size:.75rem;line-height:1.5}.friend-form.svelte-1175gst{flex-direction:column;gap:.35rem;display:flex}.friend-form.svelte-1175gst label:where(.svelte-1175gst){color:var(--on-surface-variant,#5d5b5e);margin-top:.35rem;font-size:.72rem}.friend-form.svelte-1175gst input:where(.svelte-1175gst),.friend-form.svelte-1175gst textarea:where(.svelte-1175gst){box-sizing:border-box;border:1px solid var(--outline-variant,#0000001f);background:var(--surface-container-low,#f7f3f6);width:100%;color:var(--on-surface,#1d1b1e);font:inherit;border-radius:.55rem;padding:.5rem .6rem;font-size:.8rem}.friend-form.svelte-1175gst input:where(.svelte-1175gst):focus-visible,.friend-form.svelte-1175gst textarea:where(.svelte-1175gst):focus-visible{outline:2px solid var(--primary,#8a3a3a);outline-offset:1px}.friend-honeypot.svelte-1175gst{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.friend-dialog__actions.svelte-1175gst{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.friend-cancel.svelte-1175gst,.friend-submit.svelte-1175gst{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.45rem .9rem;font-size:.78rem}.friend-cancel.svelte-1175gst{color:var(--on-surface-variant,#5d5b5e);background:0 0}.friend-cancel.svelte-1175gst:hover{background:var(--surface-container,#f1edf0)}.friend-submit.svelte-1175gst{background:var(--primary,#8a3a3a);color:var(--on-primary,#fff)}.friend-submit.svelte-1175gst:disabled{opacity:.55;cursor:default}.friend-dialog__error.svelte-1175gst{color:var(--danger,#b3261e);margin:.5rem 0 0;font-size:.75rem}.friend-dialog__success.svelte-1175gst{color:var(--success,#2e6b30);margin:1rem 0;font-size:.85rem}