.wrapper.svelte-8y5fiy{position:relative}.wrapper.svelte-8y5fiy:hover .overlay:where(.svelte-8y5fiy){display:flex}.avatar.svelte-8y5fiy{width:5rem;height:5rem;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--user-accent);margin:3px}.overlay.svelte-8y5fiy{background-color:var(--bg-alpha);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:3px 3px 5px}.overlay.svelte-8y5fiy:active{transform:none}.banner.svelte-8y5fiy{background-image:var(--image);width:5rem;height:2.5rem;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--user-accent);background-position:50%;background-size:cover;margin:3px}.backdrop.svelte-ta60gp{z-index:1;justify-content:center;padding-top:30vh;display:flex;position:fixed;inset:0}.modal.svelte-ta60gp{width:50vw;max-width:600px;height:fit-content;padding:var(--space-lg);gap:var(--space-lg);text-align:center;background-color:var(--bg);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;align-items:center;display:flex}@media (width<=580px){.modal.svelte-ta60gp{width:400px}}.modal-row.svelte-1wdma7n{gap:var(--space-lg);width:100%;display:flex}.left.svelte-1wdma7n{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}form.svelte-1wdma7n{gap:var(--space-lg);width:100%}.form-row.svelte-1wdma7n{width:100%}.accent-color.svelte-1wdma7n .buttons:where(.svelte-1wdma7n){gap:var(--space-sm);display:flex}.accent-color.svelte-1wdma7n button:where(.svelte-1wdma7n){background-color:var(--color);border-radius:50%;width:1rem;height:1rem;margin:3px}.accent-color.svelte-1wdma7n button:where(.svelte-1wdma7n).selected,.accent-color.svelte-1wdma7n button:where(.svelte-1wdma7n):hover{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--color)}.modal-buttons.svelte-1wdma7n{align-items:center;gap:var(--space-lg);margin-block-start:var(--space-lg);display:flex}.modal-buttons.svelte-1wdma7n button:where(.svelte-1wdma7n){align-items:center;gap:var(--space-sm);display:flex}button[type=submit].svelte-1wdma7n{margin:0}.tooltip-wrapper.svelte-11extwn{position:relative}.tooltip.svelte-11extwn{width:max-content;padding:var(--space-sm) var(--space-md);background-color:var(--bg);border:1px solid var(--border-subtle);z-index:100;border-radius:8px;display:none;position:absolute;top:calc(100% + 1.1rem);left:50%;transform:translate(-50%)}.tooltip.svelte-11extwn span:where(.svelte-11extwn){text-align:center;display:block}.tooltip.svelte-11extwn .subtitle:where(.svelte-11extwn){font-size:.8rem}.tooltip.svelte-11extwn:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:10px solid var(--border-subtle);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.tooltip.svelte-11extwn:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:9px solid var(--bg);position:absolute;top:-9px;left:50%;transform:translate(-50%)}.children.svelte-11extwn:hover+.tooltip:where(.svelte-11extwn){display:block}button.friends.svelte-1vvdzga .hovered:where(.svelte-1vvdzga){display:none}button.friends.svelte-1vvdzga:hover .hovered:where(.svelte-1vvdzga){display:inline}button.friends.svelte-1vvdzga:hover :where(.svelte-1vvdzga):not(.hovered){display:none}.response.svelte-1vvdzga{gap:var(--space-xs);display:flex}button.svelte-1vvdzga{margin:0}form.svelte-u8b0ag,.form-row.svelte-u8b0ag{width:100%}.select-wrapper.svelte-u8b0ag{width:100px;display:inline-block;position:relative}.select-wrapper.svelte-u8b0ag select:where(.svelte-u8b0ag){appearance:none;width:100%;color:var(--text-primary);cursor:pointer;background-color:#000;border:none;border-radius:5px;font-family:inherit}.select-wrapper .lucide{pointer-events:none;color:var(--text-primary);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.results.svelte-u8b0ag{gap:var(--space-sm);flex-direction:column;width:100%;max-height:200px;display:flex;overflow-y:auto}.result.svelte-u8b0ag{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;display:flex}.result.svelte-u8b0ag img:where(.svelte-u8b0ag){width:1.5rem}.result.svelte-u8b0ag .no-cover:where(.svelte-u8b0ag){width:1.5rem;height:2rem}.result.svelte-u8b0ag .subtitle:where(.svelte-u8b0ag){opacity:.8}.result.svelte-u8b0ag.selected{background-color:color-mix(in srgb, var(--bg) 70%, white)}.modal-buttons.svelte-u8b0ag{align-items:center;gap:var(--space-lg);margin-block-start:var(--space-lg);display:flex}.modal-buttons.svelte-u8b0ag button:where(.svelte-u8b0ag){align-items:center;gap:var(--space-sm);margin-block-start:0;display:flex}.modal-buttons.svelte-u8b0ag button:where(.svelte-u8b0ag):first-child{color:var(--text-primary)}.modal-buttons.svelte-u8b0ag button:where(.svelte-u8b0ag):first-child:hover{color:var(--text-secondary)}button.svelte-1wvyiiv{gap:var(--space-sm);display:flex}.add-item-btn.svelte-1wvyiiv{position:absolute;top:0;right:0}.shelves.svelte-1wvyiiv{width:100%;padding:var(--space-md);gap:var(--space-lg);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.shelf.svelte-1wvyiiv{--depth:3rem;--thickness:1rem;position:relative}.shelf.svelte-1wvyiiv:before,.shelf.svelte-1wvyiiv:after{content:"";width:1px;height:var(--depth);background-color:var(--border-strong);position:absolute;bottom:.8rem}.shelf.svelte-1wvyiiv:before{left:11px;transform:rotate(30deg)}.shelf.svelte-1wvyiiv:after{right:11px;transform:rotate(-30deg)}.shelf.svelte-1wvyiiv .front:where(.svelte-1wvyiiv){width:100%;height:var(--thickness);border:1px solid var(--border-strong);position:absolute;bottom:0}.shelf.svelte-1wvyiiv .items:where(.svelte-1wvyiiv){margin-bottom:calc(var(--thickness) + var(--space-sm));align-items:flex-end;gap:2.3rem;padding:0 2rem;display:flex}.shelf-item.svelte-1wvyiiv .cover:where(.svelte-1wvyiiv){background-image:var(--img-url);border:2px solid var(--border-subtle);background-position:50%;background-size:cover;border-radius:3px;width:4rem;height:6rem}.shelf-item.svelte-1wvyiiv .cover.album:where(.svelte-1wvyiiv){height:4rem}.shelf-item.svelte-1wvyiiv:hover{z-index:1;transform:translateY(-.5rem)}.shelf-item.svelte-1wvyiiv:hover .remove-item:where(.svelte-1wvyiiv){display:block}.remove-item.svelte-1wvyiiv{background-color:var(--bg);padding:var(--space-xs) var(--space-xs) 0;border-radius:50%;display:none;position:absolute;top:-6px;right:-3px}.header.svelte-xyycvn{width:calc(100% - 6px);height:8rem;margin:3px;margin-bottom:var(--space-xl);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--user-accent-bright);background:var(--image);font-size:var(--text-sm);background-position:50%;background-size:cover;border-radius:10px;position:relative}.avatar.svelte-xyycvn{width:5rem;height:5rem;bottom:-1.5rem;left:var(--space-md);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--user-accent-bright);margin:3px;position:absolute}.card.svelte-xyycvn{width:fit-content;padding:var(--space-xs) var(--space-sm);bottom:var(--space-sm);background-color:var(--bg);border-radius:10px;position:absolute}.card.svelte-xyycvn:has(.name:where(.svelte-xyycvn)){left:calc(var(--space-md) * 2 + 5rem)}.card.right.svelte-xyycvn{right:var(--space-sm);border-radius:50%;padding:.3rem .5rem}.card.right.svelte-xyycvn button[type=submit]{margin-block-start:0}.card.right.svelte-xyycvn .lucide{width:1rem;height:1rem}.details.svelte-xyycvn{gap:var(--space-sm);font-size:var(--text-sm);flex-direction:column;display:flex}section.svelte-xyycvn{margin-top:var(--space-xl);position:relative}.feed.svelte-xyycvn{gap:var(--space-xl);flex-direction:column;margin-block-start:var(--space-lg);display:flex}