*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0b0b0f;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.app{--accent:#ff3d71;--accent2:#ff7a18;--bg:#0b0b0f;--fg:#fff;background:var(--bg);min-height:100dvh;color:var(--fg);position:relative;overflow-x:hidden}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__glow{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 62%, transparent) 0%, color-mix(in srgb, var(--accent2) 30%, transparent) 34%, transparent 64%);filter:blur(38px);opacity:.5;border-radius:50%;width:150%;animation:18s ease-in-out infinite breathe;position:absolute;top:-32%;left:50%;transform:translate(-50%)}.backdrop__vignette{background:radial-gradient(ellipse at 50% 8%, transparent 0%, transparent 38%, color-mix(in srgb, var(--bg) 82%, transparent) 72%, var(--bg) 100%);position:absolute;inset:0}.backdrop__grain{opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:-50%}@keyframes breathe{0%,to{opacity:.42;transform:translate(-50%)scale(1)}50%{opacity:.62;transform:translate(-50%)scale(1.08)}}.page{z-index:1;width:100%;max-width:30rem;padding:calc(3rem + env(safe-area-inset-top)) 1.25rem calc(2.5rem + env(safe-area-inset-bottom));flex-direction:column;gap:1.6rem;margin:0 auto;display:flex;position:relative}.profile{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.profile__avatar-wrap{position:relative}.profile__avatar{background:conic-gradient(from 140deg, var(--accent), var(--accent2), var(--accent));width:6.75rem;height:6.75rem;box-shadow:0 0 0 1px #ffffff0f, 0 22px 46px -20px color-mix(in srgb, var(--accent) 85%, transparent);border-radius:50%;padding:3px}.profile__avatar-inner{background:color-mix(in srgb, var(--bg) 88%, #fff 12%);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.profile__avatar-inner img{object-fit:cover;width:100%;height:100%}.profile__initials{letter-spacing:.02em;background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Fraunces,Plus Jakarta Sans,serif;font-size:2.25rem;font-weight:700}.profile__location{background:color-mix(in srgb, var(--bg) 82%, #fff 18%);white-space:nowrap;color:color-mix(in srgb, var(--fg) 82%, transparent);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%)}.profile__name{letter-spacing:-.015em;text-wrap:balance;margin:0;font-family:Fraunces,Plus Jakarta Sans,serif;font-size:2.05rem;font-weight:700;line-height:1.05}.profile__name-dot{color:var(--accent)}.profile__verified{vertical-align:-.14em;color:var(--accent);margin-left:.4rem;display:inline-block}.profile__handle{letter-spacing:.02em;color:color-mix(in srgb, var(--fg) 62%, transparent);margin:-.35rem 0 0;font-size:.85rem;font-weight:600}.profile__tagline{max-width:24rem;color:color-mix(in srgb, var(--fg) 78%, transparent);margin:0;font-size:.95rem;line-height:1.55}.links{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.link{-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:1.15rem;align-items:center;gap:.85rem;min-height:4.15rem;padding:.8rem .9rem .8rem 1rem;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s;display:flex;position:relative}.link:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:linear-gradient(#ffffff14,#ffffff08);transform:translateY(-2px)}.link:active{transform:scale(.978)}.link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.link--featured{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 88%, transparent), color-mix(in srgb, var(--accent2) 82%, transparent));box-shadow:0 20px 42px -22px color-mix(in srgb, var(--accent) 90%, transparent)}.link--featured .link__icon{color:#fff;background:#ffffff2e;border-color:#ffffff42}.link--featured .link__hint,.link--featured .link__num{color:#ffffffd1}.link__icon{background:color-mix(in srgb, var(--accent) 17%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:2.7rem;height:2.7rem;color:var(--accent);border-radius:.85rem;flex:none;place-items:center;transition:transform .24s cubic-bezier(.16,1,.3,1),background .24s;display:grid}.link:hover .link__icon{transform:scale(1.06)rotate(-3deg)}.link__body{flex-direction:column;flex:auto;gap:.12rem;min-width:0;display:flex}.link__label{letter-spacing:-.005em;font-size:1rem;font-weight:600;line-height:1.25}.link__hint{letter-spacing:-.005em;color:color-mix(in srgb, var(--fg) 58%, transparent);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.link__side{flex:none;align-items:center;gap:.5rem;display:flex}.link__num{letter-spacing:.08em;color:color-mix(in srgb, var(--fg) 42%, transparent);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700}.link__badge{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);min-width:1.5rem;height:1.2rem;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.68rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) pop;display:inline-flex}.link--featured .link__badge{background:#fff3;border-color:#ffffff4d}.link__arrow{color:color-mix(in srgb, var(--fg) 40%, transparent);transition:transform .24s cubic-bezier(.16,1,.3,1),color .24s}.link:hover .link__arrow{color:var(--accent);transform:translate(2px,-2px)}.link--featured .link__arrow{color:#ffffffd9}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.action{min-height:2.9rem;color:color-mix(in srgb, var(--fg) 88%, transparent);-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.05rem;font-size:.86rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s;display:inline-flex}.action:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:#ffffff12;transform:translateY(-1px)}.action:active{transform:scale(.97)}.action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer{text-align:center;color:color-mix(in srgb, var(--fg) 45%, transparent);flex-direction:column;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.76rem;line-height:1.5;display:flex}.footer__note{max-width:22rem}.sheet{z-index:40;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:1.25rem;animation:.22s fade;display:grid;position:fixed;inset:0}.sheet__card{background:color-mix(in srgb, var(--bg) 84%, #fff 16%);border:1px solid #ffffff1f;border-radius:1.4rem;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:21rem;padding:1.5rem 1.4rem 1.35rem;animation:.32s cubic-bezier(.16,1,.3,1) rise;display:flex;box-shadow:0 40px 80px -40px #000c}.sheet__title{margin:0;font-family:Fraunces,Plus Jakarta Sans,serif;font-size:1.3rem;font-weight:700}.sheet__hint{text-align:center;color:color-mix(in srgb, var(--fg) 62%, transparent);margin:0;font-size:.82rem;line-height:1.5}.sheet__qr{background:#fff;border-radius:1rem;padding:.75rem;line-height:0}.sheet__qr canvas{width:11.5rem;height:11.5rem}.sheet__actions{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;display:flex}.sheet__button{background:#ffffff0f;border:1px solid #ffffff24;border-radius:.9rem;flex:8rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.85rem;padding:0 .9rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.sheet__button:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:#ffffff1a}.sheet__button:active{transform:scale(.97)}.sheet__button--primary{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 92%, transparent), color-mix(in srgb, var(--accent2) 88%, transparent));color:#fff;border-color:#0000}.sheet__close{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:1rem;right:1rem}.toast{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:50;background:color-mix(in srgb, var(--bg) 78%, #fff 22%);border:1px solid #ffffff24;border-radius:999px;padding:.7rem 1.05rem;font-size:.82rem;font-weight:600;animation:.28s cubic-bezier(.16,1,.3,1) rise;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px -20px #000000b3}.reveal{opacity:0;animation:.52s cubic-bezier(.16,1,.3,1) forwards rise;animation-delay:var(--delay,0s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reveal,.link__badge,.sheet,.sheet__card,.toast{opacity:1;animation:none!important}.backdrop__glow{animation:none}.link,.action,.link__icon,.link__arrow,.sheet__button{transition:none}}@media (width>=30rem){.profile__name{font-size:2.35rem}.link{min-height:4.4rem}}.field__form{flex-direction:column;gap:.7rem;width:100%;display:flex}.field{text-align:left;flex-direction:column;gap:.4rem;width:100%;display:flex}.field__label{color:color-mix(in srgb, var(--fg) 68%, transparent);font-size:.78rem;font-weight:600}.field__input{width:100%;min-height:3rem;color:var(--fg);background:#ffffff0d;border:1px solid #ffffff24;border-radius:.9rem;padding:0 .9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.field__input::placeholder{color:color-mix(in srgb, var(--fg) 36%, transparent)}.field__input:focus{border-color:color-mix(in srgb, var(--accent) 62%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);background:#ffffff12;outline:none}.field__input[aria-invalid=true]{border-color:#ff8fa3}.field__error{color:#ff9cae;text-align:left;margin:0;font-size:.76rem;line-height:1.45}.sheet__button--block{flex:100%}.link--action{text-align:left;width:100%;font:inherit;cursor:pointer}.link__icon--brand{background:#fff;border-color:#ffffffe6;box-shadow:0 4px 12px -4px #0000008c}.link--featured .link__icon--brand{background:#fff;border-color:#ffffffe6}.link__icon--brand svg{filter:drop-shadow(0 0 #0000)}.link__icon--image{background:#fff;border-color:#ffffffe0;box-shadow:0 4px 12px -4px #0000008c}.link--featured .link__icon--image{background:#fff;border-color:#ffffffe0}.link__icon--image img{object-fit:contain;width:62%;height:62%}