@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/clash-display-600.woff2)format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/clash-display-700.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/satoshi-400.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/satoshi-500.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/satoshi-700.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/satoshi-900.woff2)format("woff2")}
.boo-root{--shade:var(--boo-shade,#0b0b12);--ink:#060608;--text:#f5f5f7;--text-secondary:#f5f5f78f;--text-faint:#f5f5f757;--hair:#ffffff17;--hair-strong:#fff3;--surface:#ffffff07;--surface-hover:#ffffff0f;--accent:#ff5c8a;--grid:#ffffff06;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.16s;--dur-slow:.52s;isolation:isolate;color:var(--text);background-color:var(--ink);background-image:radial-gradient(120% 80% at 50% -12%, color-mix(in srgb, var(--shade) 55%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--shade) 22%, var(--ink)), var(--ink) 70%);min-height:100vh;font-family:Satoshi,system-ui,-apple-system,sans-serif;position:relative}.boo-root:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(130% 100% at 50% 0,#000 35%,#0000 90%);mask-image:radial-gradient(130% 100% at 50% 0,#000 35%,#0000 90%)}.boo-root .boo-bg{z-index:-2;filter:blur(40px)brightness(.38)saturate(1.15);background-position:50%;background-size:cover;position:fixed;inset:-8%;transform:scale(1.1)}.boo-root .page{z-index:1;flex-direction:column;align-items:center;max-width:580px;margin:0 auto;padding:3rem 1rem 4.5rem;display:flex;position:relative}.boo-root .boo-card{border:1px solid var(--hair);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:linear-gradient(#ffffff0a,#ffffff03),#08080c75;border-radius:18px;width:100%;padding:2.25rem 1.25rem 1.6rem;position:relative;box-shadow:inset 0 1px #ffffff0f,0 30px 80px -30px #000000bf}.boo-root .boo-card:before,.boo-root .boo-card:after{content:"";border-color:var(--hair-strong);pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.boo-root .boo-card:before{border-width:1px 0 0 1px;top:11px;left:11px}.boo-root .boo-card:after{border-width:0 1px 1px 0;bottom:11px;right:11px}.boo-root .profile-header{text-align:center;flex-direction:column;align-items:center;gap:.7rem;width:100%;padding-bottom:1.9rem;display:flex}.boo-root .avatar,.boo-root .avatar-initials{object-fit:cover;border:1px solid var(--hair-strong);width:96px;height:96px;box-shadow:0 0 0 4px color-mix(in srgb, var(--shade) 60%, transparent), 0 14px 34px -10px #000000b3;border-radius:24px}.boo-root .avatar-initials{letter-spacing:-.01em;background:linear-gradient(150deg,#ffffff1a,#ffffff05);justify-content:center;align-items:center;font-family:Clash Display,sans-serif;font-size:2.1rem;font-weight:700;display:flex}.boo-root .profile-name{letter-spacing:-.02em;font-family:Clash Display,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.05}.boo-root .profile-name-row{align-items:center;gap:7px;display:inline-flex}.boo-root .profile-verified{filter:drop-shadow(0 1px 3px #00000073);flex-shrink:0;width:20px;height:20px}.boo-root .profile-username{color:var(--text-secondary);letter-spacing:.01em;font-size:.82rem;font-weight:500}.boo-root .profile-username:before{content:"";background:var(--hair-strong);vertical-align:middle;width:14px;height:1px;margin-right:7px;display:inline-block}.boo-root .profile-bio{color:var(--text-secondary);max-width:400px;margin-top:.15rem;font-size:.95rem;line-height:1.6}.boo-root .social-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.boo-root .social-icon{width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--hair);transition:color var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.boo-root .social-icon:hover{color:var(--text);border-color:var(--hair-strong);background:var(--surface-hover);transform:translateY(-1px)}.boo-root .social-icon svg{width:18px;height:18px}.boo-root .mosaic{grid-template-columns:1fr 1fr;grid-auto-flow:dense;grid-auto-rows:92px;gap:8px;width:100%;display:grid}.boo-root .tile{background:var(--surface);border:1px solid var(--hair);color:var(--text);transition:transform var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo), box-shadow var(--dur-fast) var(--ease-out-expo);cursor:pointer;font:inherit;text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;padding:14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.boo-root .tile:hover{background:var(--surface-hover);border-color:var(--hair-strong);transform:translateY(-2px);box-shadow:0 14px 30px -16px #000c}.boo-root .tile:active{transform:translateY(0)scale(.985)}.boo-root .s-1x1{grid-area:span 1/span 1}.boo-root .s-2x1{grid-area:span 1/span 2}.boo-root .s-1x2{grid-area:span 2/span 1}.boo-root .s-2x2{grid-area:span 3/span 2}.boo-root .shape-rounded{border-radius:12px}.boo-root .shape-pill{border-radius:16px}.boo-root .shape-square{border-radius:0}.boo-root .border-none{border:none}.boo-root .border-solid{border:1px solid var(--hair)}.boo-root .border-outline{border:1px dashed var(--text-faint)}.boo-root .align-left{align-items:flex-start}.boo-root .align-center{align-items:center}.boo-root .align-right{align-items:flex-end}.boo-root .align-left .tile-title{text-align:left}.boo-root .align-center .tile-title{text-align:center}.boo-root .align-right .tile-title{text-align:right}.boo-root .ts-sm .tile-title{font-size:.78rem}.boo-root .ts-md .tile-title{font-size:.9rem}.boo-root .ts-lg .tile-title{font-size:1.02rem}.boo-root .tile-title{letter-spacing:-.01em;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;font-weight:700;line-height:1.22;display:-webkit-box;overflow:hidden}.boo-root .tile-header{box-shadow:none;color:var(--text-faint);text-transform:uppercase;letter-spacing:.16em;cursor:default;background:0 0;border:none;grid-column:1/-1;align-items:center;gap:9px;padding:14px 4px 6px;font-size:.68rem;font-weight:700;display:flex}.boo-root .tile-header:before{content:"";background:var(--accent);border-radius:2px;width:16px;height:2px}@keyframes tilePulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.boo-root .tile--pulse{animation:1.6s ease-in-out infinite tilePulse}.boo-root .tile--pulse:hover{animation-play-state:paused}@keyframes tileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.boo-root .tile--float{animation:2.8s ease-in-out infinite tileFloat}.boo-root .tile--float:hover{animation-play-state:paused}@keyframes tileGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}50%{box-shadow:0 0 22px 1px color-mix(in srgb, var(--accent) 55%, transparent)}}.boo-root .tile--glow{animation:2s ease-in-out infinite tileGlow}.boo-root .avatar-edit{cursor:pointer;background:0 0;border:none;border-radius:24px;padding:0;display:inline-block;position:relative}.boo-root .avatar-edit-overlay{color:#fff;letter-spacing:.04em;text-transform:uppercase;opacity:0;background:#0000008c;border-radius:24px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.boo-root .avatar-edit:hover .avatar-edit-overlay,.boo-root .avatar-edit:focus-visible .avatar-edit-overlay{opacity:1}.boo-root .preview-edit{cursor:pointer;border-radius:8px;transition:box-shadow .15s,background .15s}.boo-root .preview-edit:hover,.boo-root .preview-edit:focus-visible{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 85%, transparent);background:color-mix(in srgb, var(--accent) 9%, transparent);outline:none}.boo-root .tile--editable{cursor:pointer}.boo-root .tile--editable:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 85%, transparent), 0 14px 30px -16px #000c}.boo-root .tile-glyph{border:1px solid var(--hair);width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.boo-root .tile-glyph svg{width:17px;height:17px}.boo-root .tile.has-image{border:1px solid var(--hair);color:#fff;justify-content:flex-end;min-height:92px;padding:0}.boo-root .tile-image-bg{z-index:0;transition:transform var(--dur-slow) var(--ease-out-expo);background-position:50%;background-size:cover;position:absolute;inset:0}.boo-root .tile.has-image:hover .tile-image-bg{transform:scale(1.05)}.boo-root .tile.has-image>.tile-title,.boo-root .tile.has-image>.tile-shield{z-index:2;position:relative}.boo-root .tile-title--overlay{color:#fff;text-shadow:0 1px 4px #0000008c;-webkit-line-clamp:2;background:linear-gradient(#0000,#000000c7);width:100%;margin:0;padding:1.6rem .85rem .7rem}.boo-root .tile-shield{border:1px solid var(--hair);color:#fff;background:#00000080;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:9px;right:9px}.boo-root .tile-shield svg{width:12px;height:12px}.boo-root .tile-age{z-index:3;filter:drop-shadow(0 1px 3px #00000080);pointer-events:none;background:url(/age-18.svg) 50%/contain no-repeat;width:24px;height:24px;position:absolute;top:9px;left:9px}.boo-root .tile.has-image>.tile-age{z-index:3}.boo-root .tile-online{z-index:3;border:1px solid var(--hair);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#00000094;border-radius:8px;align-items:center;gap:6px;padding:4px 9px 4px 8px;font-size:.64rem;font-weight:700;display:inline-flex;position:absolute;top:9px;right:9px}.boo-root .tile-online-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite onlinePulse;box-shadow:0 0 #22c55e99}@keyframes onlinePulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion:reduce){.boo-root .tile-online-dot{animation:none}}.boo-root .boo-footer{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:2.5rem;font-size:.7rem;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.boo-root .profile-header{animation:fadeUp var(--dur-slow) var(--ease-out-expo) both}.boo-root .mosaic{animation:fadeUp var(--dur-slow) var(--ease-out-expo) .12s both}@media (prefers-reduced-motion:reduce){.boo-root *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:480px){.boo-root .page{padding:2.25rem .8rem 4rem}.boo-root .profile-name{font-size:1.5rem}.boo-root:before{background-size:44px 44px}}