@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Grenze;src:url('assets/grenze-gotisch.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--red:#ed304d;--paper:#f1e8ee;--muted:#b7a8b1}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden;background:#09070a;color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:25px 18px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}::selection{background:#b8223b;color:#fff}.background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 22% 30%,#64102155,transparent 55%),radial-gradient(ellipse at 82% 77%,#790b2650,transparent 48%),linear-gradient(110deg,#10090e,#08080b 60%,#19090f)}.dragon{position:absolute;top:50%;width:550px;height:auto;mix-blend-mode:screen;opacity:.2;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 85%,transparent);filter:saturate(.7)}.dragon-left{right:calc(50% + 140px);transform:translateY(-48%) rotate(-16deg)}.dragon-right{left:calc(50% + 140px);transform:translateY(-45%) scaleX(-1) rotate(-16deg)}.profile{position:relative;isolation:isolate;width:100%;max-width:466px;padding:18px 14px 0;background:linear-gradient(145deg,#1d1018eb,#09090cee 58%,#140a10ef);border:1px solid #b88d9a3d;border-radius:18px;box-shadow:0 18px 80px #0008,0 0 70px #ab102112,inset 0 1px #ffffff0b}.identity{position:relative;margin-bottom:9px}.eyebrow{margin:0 0 -5px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:2.5px;color:#d391a1}.eyebrow span{display:block;height:1px;width:26px;background:linear-gradient(90deg,transparent,#bc526c)}.eyebrow span:last-child{transform:rotate(180deg)}h1{margin:0;line-height:0}h1 svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 3px 12px #d9314720)}h1 text{font-family:Grenze,Georgia,serif;font-size:69px;font-weight:650;letter-spacing:.15px}.portrait-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1.08;border:1px solid #b47a8a45;border-radius:0;background:#170c12}.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 37%;filter:brightness(.84) saturate(.77) contrast(1.06);border-radius:0}.photo-tone{position:absolute;inset:0;background:linear-gradient(0deg,#12030dd9,transparent 29%,transparent 80%,#20071333),linear-gradient(100deg,#bd153822,transparent 25%,transparent 78%,#d5143530);pointer-events:none}.photo-label{position:absolute;left:12px;right:12px;bottom:16px;text-align:center;font-size:9px;letter-spacing:2.1px;font-weight:600;color:#e8cdd8}.motion-toggle{position:absolute;left:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #eee0e35c;background:#170b13b8;color:#eee5e9;cursor:pointer;backdrop-filter:blur(5px);transition:background .2s}.motion-toggle:hover{background:#81223ecf}.motion-toggle svg{width:16px;height:16px}.pause-icon{fill:none;stroke:currentColor;stroke-width:1.7}.play-icon{display:none;fill:currentColor}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.light-streak{position:absolute;width:220px;height:1px;right:-39px;bottom:65px;transform:rotate(-49deg);background:linear-gradient(90deg,transparent,#ffbdca 45%,#fff 75%,transparent);box-shadow:0 0 6px #ff829b,0 0 15px #eb1644;opacity:.7;pointer-events:none}.invitation{text-align:center;padding:18px 4px 17px}.invitation p{margin:0;color:#c2afb9;font-size:12px;line-height:1.6}.invitation .tease{font-size:16px;color:#f0dde6;font-weight:500;margin-bottom:3px;letter-spacing:-.3px}.links{display:grid;gap:10px}.link-card{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 14px;border-radius:13px;border:1px solid #b33b576e;transition:transform .2s,filter .2s,box-shadow .2s}.link-card:hover{transform:translateY(-2px);filter:brightness(1.14);box-shadow:0 8px 28px #b41e3733}.link-card:active{transform:translateY(0)}.exclusive{background:linear-gradient(108deg,#4e1525,#b32542 62%,#ee435c);border-color:#ee94aa6b;box-shadow:inset 0 1px #ffffff13,0 5px 22px #dd284027}.chat{background:linear-gradient(110deg,#24121e,#0e0a10 75%);border-color:#b3597557}.link-icon{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#1b081347;border:1px solid #ffd6e654;box-shadow:inset 0 1px #ffffff15}.link-icon svg{width:26px;height:26px;fill:#fbeaf1}.link-icon .small-star{fill:#efb1c2}.chat .link-icon{border-radius:50%;background:linear-gradient(145deg,#ff4b6a,#9c183b);border-color:#eb718b68;box-shadow:0 0 20px #d9214d2b}.chat .link-icon svg{width:23px;height:23px}.link-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.link-kicker{font-size:9px;letter-spacing:1.15px;font-weight:800;color:#e7b8c5}.link-copy strong{font-size:17px;font-weight:800;letter-spacing:-.4px;line-height:1.25}.link-action{margin-left:auto;flex-shrink:0;display:grid;place-items:center;min-width:45px;height:34px;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:.5px;border-radius:18px;background:#fae7ee;color:#63112a}.chat .link-action{background:#391421;color:#f0b6c9;border:1px solid #b452704f}.chat .link-kicker{color:#b499aa}footer{font-size:10px;text-align:center;color:#937b89;padding:17px 0 15px;letter-spacing:.3px}footer>span:last-child{margin-left:7px;color:#d07390}.sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.spark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#fff0f2;clip-path:polygon(50% 0,58% 41%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 41%);opacity:0;animation:shimmer var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.spark:nth-child(3n){background:#ff809d}.motion-paused .spark{animation-play-state:paused}@keyframes shimmer{0%,100%{opacity:.06;transform:scale(.35)}48%{opacity:.9;transform:scale(1) rotate(12deg)}70%{opacity:.2}}
@media(min-width:1000px){body{padding:22px}.profile{max-width:440px}.portrait-frame{aspect-ratio:1/1.02}}
@media(max-width:520px){body{padding:12px 11px}.profile{padding:16px 11px 0;border-radius:15px}.identity{margin-bottom:7px}.eyebrow{font-size:9px;letter-spacing:2px}h1 text{font-size:69px}.portrait-frame{aspect-ratio:1/1.15}.dragon{width:390px;opacity:.11}.dragon-left{right:calc(50% + 50px)}.dragon-right{left:calc(50% + 50px)}.invitation{padding:16px 0}.invitation .tease{font-size:15px}.invitation p{font-size:11px}.link-card{padding:11px 10px;gap:10px;min-height:74px}.link-icon{width:40px;height:40px}.link-copy strong{font-size:16px}.link-kicker{font-size:8px;letter-spacing:.8px}.link-action{font-size:9px;padding:0 8px;min-width:42px;height:32px}.photo-label{font-size:8px;letter-spacing:1.4px}footer{font-size:10px;padding:15px 0 13px}}
@media(max-width:350px){.link-card{gap:8px;padding:10px 8px}.link-icon{width:34px;height:34px}.link-copy strong{font-size:14px}.link-kicker{font-size:7px;letter-spacing:.5px}.link-action{min-width:35px;padding:0 7px;font-size:8px}.invitation .tease{font-size:14px}.invitation p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.spark{opacity:.5}.motion-toggle{display:none}}
/* Photo, curved name, and one Telegram invitation. */
.identity{margin:10px 0 0}
.invitation{padding:0 2px 20px;margin-top:-3px}
.invitation p{font-size:14px;color:#cbb7c2}
.telegram-only{padding:19px 17px;gap:15px;align-items:center;min-height:118px}
.telegram-only .link-icon{width:46px;height:46px;border-radius:50%;flex-shrink:0}
.telegram-only .link-icon svg{width:24px;height:24px}
.telegram-only .link-copy{gap:7px}
.telegram-only .link-copy strong{font-size:18px;line-height:1.3}
.link-description{font-size:14px;font-weight:400;line-height:1.65;color:#ffe3ec}
@media(max-width:520px){.identity{margin:10px 0 0}.invitation{padding:0 0 18px}.invitation p{font-size:12px}.telegram-only{padding:16px 12px;gap:12px}.telegram-only .link-copy strong{font-size:16px}.telegram-only .link-icon{width:38px;height:38px}.link-description{font-size:13px;line-height:1.6}}
