:root{--bg: #FAF5F0;--blush: #F0E0D8;--blush-deep: #E8C4B8;--ink: #453A33;--muted: #A5928A;--muted-strong: #7D6A5E;--muted-soft: #C0B0A8;--ring: #FFFFFF;--accent: #7D6A5E;--radius: 20px;--avatar-size: min(104px, 14dvh);--shadow-soft: 0 2px 12px rgba(120, 90, 75, .1);--shadow-card: 0 8px 28px rgba(120, 90, 75, .18)}[data-theme=cool]{--bg: #FFFFFF;--blush: #FFFFFF;--blush-deep: #229ED9;--ink: #1B2430;--muted: #93A1B3;--muted-strong: #55617A;--muted-soft: #BAC5D2;--ring: #E4EEF8;--accent: #229ED9;--shadow-soft: 0 2px 12px rgba(30, 55, 90, .1);--shadow-card: 0 10px 30px rgba(30, 55, 90, .16)}[data-theme=neutral]{--bg: #FFFFFF;--blush: #FFFFFF;--blush-deep: #E4E4E7;--ink: #18181B;--muted: #8E8E93;--muted-strong: #52525B;--muted-soft: #C7C7CC;--ring: #ECECEE;--accent: #18181B;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .06);--shadow-card: 0 10px 30px rgba(0, 0, 0, .12)}::selection{background:var(--accent);color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg);background-image:linear-gradient(180deg,var(--blush) 0%,var(--bg) 62%);background-repeat:no-repeat;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center}.page{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:12px 20px calc(20px + env(safe-area-inset-bottom))}.cta-card img,.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden;margin-top:4px;border:4px solid var(--ring);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 35% 30%,#F6E7DE,var(--blush-deep));flex-shrink:0}.name{margin-top:8px;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,-apple-system,Segoe UI,sans-serif;font-size:24px;font-weight:700;letter-spacing:.01em}.handle{margin-top:2px;font-size:14px;color:var(--muted)}.bio{margin-top:6px;font-size:15px;color:var(--muted-strong);text-align:center}.socials{margin-top:6px;display:flex;justify-content:center;flex-shrink:0}.socials a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:50%;transition:color .2s ease}.socials a:hover,.socials a:focus-visible{color:var(--accent)}.socials svg{width:22px;height:22px;fill:currentColor}.tg-pill{margin-top:10px;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#229ed91a;color:#1b8dc4;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:600;text-decoration:none;border:1px solid rgba(34,158,217,.15);box-shadow:var(--shadow-soft);transition:transform .2s ease,background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.tg-pill svg{width:16px;height:16px;fill:currentColor}@media(hover:hover){.tg-pill:hover{background:#229ed9;color:#fff;transform:scale(1.03)}}.tg-pill:active{transform:scale(.97)}.cta-lead{margin-top:auto;padding-top:clamp(22px,4dvh,34px);align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,sans-serif;font-size:clamp(19px,3.4dvh,23px);font-weight:700;letter-spacing:.01em;color:var(--ink)}.lead-arrow{width:auto;height:clamp(30px,5dvh,42px);margin-left:12px;color:var(--ink)}.cta-lead>span{animation:type-in .4s steps(14,end) .15s both}@keyframes type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.lead-arrow path{stroke-dasharray:1;stroke-dashoffset:1}.lead-arrow path:first-child{animation:draw-in .3s ease-out .6s forwards}.lead-arrow path:last-child{animation:draw-in .18s ease-out .88s forwards}@keyframes draw-in{to{stroke-dashoffset:0}}.cta-card{width:100%;aspect-ratio:8 / 5;max-height:34dvh;flex-shrink:0;margin-top:10px;border-radius:var(--radius);overflow:hidden;position:relative;display:block;box-shadow:var(--shadow-card);background:linear-gradient(160deg,#efd9cd,#e4c3b4 55%,#f1e0d5);transition:transform .2s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.cta-card:hover{transform:scale(1.012);box-shadow:0 12px 36px #785a4b42}}.cta-card:active{transform:scale(.985)}.cta-card img{position:absolute;top:0;right:0;bottom:0;left:0;object-position:50% 22%}.cta-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:80px;z-index:1;background:radial-gradient(circle at top right,rgba(30,18,12,.3),transparent 70%);pointer-events:none}@keyframes cta-nudge{0%,to{transform:none}20%{transform:rotate(-.7deg) translate(-3px)}40%{transform:rotate(.6deg) translate(3px)}60%{transform:rotate(-.4deg) translate(-2px)}80%{transform:rotate(.2deg) translate(1px)}}.cta-card{animation:cta-nudge .55s ease-in-out 1.1s 1}.cta-lock{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;background:#28191461;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.cta-lock svg{width:16px;height:16px;stroke:#ffffffe6}.cta-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#140c0873;opacity:0;transition:opacity .25s ease;pointer-events:none}.cta-pill{position:absolute;z-index:2;display:none;align-items:center;gap:5px;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,sans-serif;font-weight:600;white-space:nowrap;pointer-events:none}@media(hover:hover){.cta-pill{display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;color:#fff;font-size:18px;opacity:0;transition:opacity .25s ease}.cta-card:hover:after,.cta-card:hover .cta-pill{opacity:1}}.legal-link{margin-top:14px;font-size:11px;color:var(--muted-soft);text-decoration:none;flex-shrink:0}.legal-link:focus-visible{text-decoration:underline}@media(max-height:540px){:root{--avatar-size: min(104px, 12dvh)}.cta-card{max-height:30dvh}.tg-pill{margin-top:8px}.cta-lead{padding-top:18px}}@media(prefers-reduced-motion:reduce){.cta-card{transition:none;animation:none}.cta-lead>span{animation:none}.lead-arrow path{animation:none;stroke-dashoffset:0}}@media(min-height:950px){.page{justify-content:center}.cta-lead{margin-top:56px}}
