:root{--btn-size: 52px;--btn-gap: 10px;--row-width: calc(var(--btn-size) * 6 + var(--btn-gap) * 5);--stack-gap: 22px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background-color:#000}html,body{overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{min-height:100%;min-height:100dvh;background-color:#000;font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.page-wrapper{width:100%;max-width:400px;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.content{display:flex;flex-direction:column;align-items:center;gap:var(--stack-gap)}.live-badge{width:var(--row-width);max-width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background-color:#141414;color:#fff;text-decoration:none;font-family:Jost,sans-serif;font-size:clamp(11px,3.4vw,13px);font-weight:500;letter-spacing:0;line-height:1.35;text-align:center;transition:background-color .2s ease,border-color .2s ease}.live-badge:hover{background-color:#1e1e1e;border-color:#ffffff4d}.live-badge:active{background-color:#181818}.live-badge__pulse{position:relative;flex-shrink:0;width:8px;height:8px;border-radius:50%;background-color:#ff3b30}.live-badge__pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#ff3b30;animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}.live-badge__text{min-width:0;white-space:normal;overflow-wrap:break-word;text-wrap:balance}.live-badge__label{white-space:nowrap}.live-badge__label{font-weight:800;letter-spacing:1px;margin-right:3px}.live-badge__pin{flex-shrink:0;width:15px;height:15px;color:#ffffffb3;transition:color .2s ease}.live-badge:hover .live-badge__pin{color:#fff}@media (prefers-reduced-motion: reduce){.live-badge__pulse:after{animation:none}}.avatar-section{padding-top:0}.avatar{width:224px;height:224px;object-fit:contain;display:block}.buttons-section{display:flex;gap:var(--btn-gap);justify-content:center;align-items:center;flex-wrap:nowrap}.service-btn{width:var(--btn-size);height:var(--btn-size);flex-shrink:0;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001a}.service-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px #0003}.service-btn svg{width:50%;height:50%}.copyright{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#fff9;font-family:Jost,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px}@media (max-width: 400px){:root{--btn-size: 44px;--btn-gap: 10px;--stack-gap: 20px}.live-badge{padding:10px 12px;gap:7px}.avatar{width:200px;height:200px}}@media (max-width: 340px){:root{--btn-size: 40px;--btn-gap: 8px;--stack-gap: 18px}.live-badge{padding:9px 11px;gap:6px}.live-badge__pin{width:13px;height:13px}.avatar{width:176px;height:176px}}@media (max-height: 700px){:root{--stack-gap: 16px}.avatar{width:168px;height:168px}}@media (max-height: 560px){:root{--btn-size: 44px;--btn-gap: 10px;--stack-gap: 12px}.avatar{width:124px;height:124px}.copyright{font-size:11px}}