*{box-sizing:border-box}html,body{height:100%;margin:0}#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;overflow:hidden}.page{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 600px at 15% 20%,rgba(56,189,248,.18),transparent 60%),radial-gradient(700px 500px at 70% 60%,rgba(14,165,233,.12),transparent 55%),linear-gradient(135deg,#020617,#020617)}.card{width:min(520px,100%);text-align:center;max-height:calc(100dvh - 32px);overflow:hidden}.avatarWrap{width:112px;height:112px;margin:0 auto 10px;border-radius:50%;border:3px solid #38bdf8;position:relative;display:block}.avatarWrap:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 65%);filter:blur(10px);opacity:.9;z-index:0}.avatarImg{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1}.liveAvatar{animation:liveBorderPulse 1.6s ease-in-out infinite}@keyframes liveBorderPulse{0%{border-color:#38bdf8f2;box-shadow:0 0 #ef444400}50%{border-color:#ef4444f2;box-shadow:0 0 18px #ef444438}to{border-color:#38bdf8f2;box-shadow:0 0 #ef444400}}h1{margin:0;font-size:clamp(2rem,3.6vw,2.6rem)}.bio{margin:8px 0 10px;opacity:.85;line-height:1.35;font-size:clamp(.95rem,1.6vw,1.05rem)}.statusRow{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-weight:800;font-size:.85rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.badge.live{background:#ef44442e;border-color:#ef444459}.dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.badge.live .dot{background:#ef4444;box-shadow:0 0 14px #ef4444b3;animation:livePulse 1.2s infinite}@keyframes livePulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.6}to{transform:scale(1);opacity:1}}.smallLink{opacity:.85;color:#93c5fd;text-decoration:none;font-weight:600;font-size:.85rem}.smallLink:hover{opacity:1;text-decoration:underline}.links{display:flex;flex-direction:column;gap:10px;margin-top:6px}.links a{text-decoration:none;background:#0ea5e9;color:#020617;padding:12px 14px;border-radius:14px;font-weight:800;font-size:.95rem;text-align:center;transition:transform .15s ease,background .15s ease}.links a:hover{transform:translateY(-2px);background:#38bdf8}footer{margin-top:14px;font-size:.7rem;opacity:.55}@media(max-width:420px){.avatarWrap{width:104px;height:104px;margin-bottom:8px}.links a{padding:12px}footer{margin-top:12px}}.apiPage{min-height:100vh;display:grid;place-items:center;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:radial-gradient(900px 600px at 15% 20%,rgba(56,189,248,.18),transparent 60%),radial-gradient(700px 500px at 70% 60%,rgba(14,165,233,.12),transparent 55%),linear-gradient(135deg,#020617,#020617)}.apiCard{width:min(520px,100%);text-align:center;padding:28px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.apiTitle{margin:0;font-size:clamp(2rem,3.6vw,2.4rem);font-weight:900}.apiText{font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:800;margin:18px 0 20px;line-height:1.4;opacity:.95}.apiBtn{appearance:none;border:none;cursor:pointer;padding:12px 18px;border-radius:14px;font-weight:900;font-size:.95rem;background:#0ea5e9;color:#020617;transition:transform .15s ease,background .15s ease}.apiBtn:hover{transform:translateY(-2px);background:#38bdf8}.apiBack{display:block;margin-top:18px;font-size:.85rem;opacity:.85;color:#93c5fd;text-decoration:none;font-weight:700;text-align:center}.apiBack:hover{opacity:1;text-decoration:underline}