body.ynix-public{position:relative;isolation:isolate}
body.ynix-public:before{content:"";position:fixed;inset:-5%;z-index:-2;background-color:var(--page-bg);background-image:var(--page-background-image);background-position:center;background-size:cover;background-repeat:no-repeat}
body.ynix-public:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,var(--page-overlay,.35));pointer-events:none}
.ynix-public .portrait{overflow:hidden;border-radius:var(--logo-radius)}
.ynix-public .cover+.portrait{outline:0;box-shadow:0 0 0 6px var(--page-bg),0 12px 34px rgba(0,0,0,.22)}
.ynix-public .page.layout-card{margin-top:28px;margin-bottom:28px;padding:28px;border:1px solid var(--page-line);border-radius:28px;background:color-mix(in srgb,var(--page-bg) 82%,transparent);box-shadow:0 30px 80px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.ynix-public .page.layout-compact{width:min(100% - 28px,560px)}.ynix-public .layout-compact .cover{height:170px}.ynix-public .layout-compact .portrait{width:88px;height:88px}
.ynix-public .action{border-radius:var(--button-radius,16px);color:var(--page-action-text,#fff)}
.ynix-public.buttons-soft .action{border:1px solid color-mix(in srgb,var(--page-action) 55%,transparent);background:color-mix(in srgb,var(--page-action) 28%,transparent);box-shadow:none}
.ynix-public.buttons-outline .action{border:2px solid var(--page-action);background:transparent;color:var(--page-action);box-shadow:none}
.ynix-public.buttons-glass .action{border:1px solid rgba(255,255,255,.2);background:color-mix(in srgb,var(--page-action) 30%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.14);backdrop-filter:blur(14px)}
.ynix-public .address-card{padding:18px;border:1px solid var(--page-line);border-radius:var(--button-radius,16px);background:var(--page-soft)}
.ynix-public .address-card .info-head>i{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;margin:0;border-radius:12px;background:var(--page-action);color:var(--page-action-text,#fff)}
.ynix-public .address-card h2{font-size:15px}.ynix-public .address-card p{font-size:13px}.ynix-public .address-route{display:inline-flex;align-items:center;gap:7px;margin-top:11px}
.ynix-public.background-drift:before{animation:ynix-background-drift 18s ease-in-out infinite alternate}.ynix-public.background-zoom:before{animation:ynix-background-zoom 22s ease-in-out infinite alternate}
.ynix-public .cover.animation-zoom{animation:ynix-media-zoom 16s ease-in-out infinite alternate}.ynix-public .cover.animation-reveal{animation:ynix-media-reveal .8s both}
.ynix-public .portrait.animation-float{animation:ynix-logo-float 4s ease-in-out infinite}.ynix-public .portrait.animation-pulse{animation:ynix-logo-pulse 3.5s ease-in-out infinite}.ynix-public .portrait.animation-reveal{animation:ynix-media-reveal .75s .15s both}
@keyframes ynix-background-drift{to{transform:translate3d(2.5%,-1.5%,0)}}@keyframes ynix-background-zoom{to{transform:scale(1.08)}}@keyframes ynix-media-zoom{to{background-size:110%}}@keyframes ynix-logo-float{50%{transform:translateY(-7px)}}@keyframes ynix-logo-pulse{50%{transform:scale(1.045)}}@keyframes ynix-media-reveal{from{opacity:0;transform:translateY(14px)}}
@media(max-width:520px){.ynix-public .page.layout-card{width:calc(100% - 16px);margin-top:8px;padding:18px 12px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.ynix-public *,.ynix-public:before,.ynix-public:after{animation:none!important;transition:none!important}}