:root{--bg-dark:#0b0f19;--card-bg:#111827b3;--card-border:#ffffff1a;--telegram-blue:#229ed9;--telegram-hover:#1d8ec4;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-glow:#229ed940;--code-bg:#090d16}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.app-container{width:100%;max-width:560px;padding:24px;position:relative}.bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, #0b0f1900 70%);z-index:0;pointer-events:none;width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.content{z-index:1;position:relative}.header{text-align:center;margin-bottom:28px}.badge{color:#38bdf8;background:#229ed926;border:1px solid #229ed94d;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.pulse{background-color:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-anim;box-shadow:0 0 8px #38bdf8}@keyframes pulse-anim{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:700}.subtitle{color:var(--text-muted);margin-top:6px;font-size:14px}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;padding:32px;box-shadow:0 20px 40px #0006}.signed-out-card{text-align:center}.telegram-icon-box{background:linear-gradient(135deg,#229ed933,#229ed90d);border:1px solid #229ed94d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.telegram-icon{width:36px;height:36px;fill:var(--telegram-blue)}h2{margin-bottom:8px;font-size:20px;font-weight:600}.card-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px;line-height:1.5}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn-telegram{background-color:var(--telegram-blue);color:#fff;box-shadow:0 4px 14px #229ed966}.btn-telegram:hover:not(:disabled){background-color:var(--telegram-hover);transform:translateY(-1px);box-shadow:0 6px 20px #229ed980}.btn-telegram:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1a;margin-top:20px}.btn-secondary:hover{background:#ffffff1f}.btn-icon{fill:currentColor;width:20px;height:20px}.btn-sm{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.btn-sm:hover{color:var(--text-main);background:#ffffff26}.profile-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.avatar{object-fit:cover;border:2px solid var(--telegram-blue);border-radius:50%;width:56px;height:56px}.avatar-fallback{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.profile-info h2{margin-bottom:2px;font-size:18px}.user-id{color:var(--text-muted);font-family:monospace;font-size:13px}.json-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.json-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:600}.json-preview{background-color:var(--code-bg);border:1px solid #ffffff14;border-radius:12px;max-height:280px;padding:16px;overflow-y:auto}pre{color:#38bdf8;font-family:monospace;font-size:13px;line-height:1.5}.loading-card{text-align:center}.spinner{border:3px solid #ffffff1a;border-top-color:var(--telegram-blue);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-top:16px;padding:12px;font-size:13px}