html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}:root{--bg-color:#0f172a;--card-bg:#1e293bb3;--accent-color:#f6821f;--success-color:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--code-bg:#000}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 20% 30%,#f6821f14 0%,#0000 40%),radial-gradient(circle at 80% 70%,#0068ff14 0%,#0000 40%);justify-content:center;align-items:center;font-family:Inter,-apple-system,sans-serif;display:flex}.container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:40px;transition:transform .3s;box-shadow:0 25px 50px -12px #00000080}@media (width<=480px){.glass-card{border-radius:16px;padding:24px}h1{font-size:1.25rem}.url-display,.json-container{font-size:.75rem}}h1{text-align:center;background:linear-gradient(90deg,#f6821f,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:1.5rem;font-weight:700}.status-badge{letter-spacing:.05em;border-radius:99px;align-items:center;margin-bottom:24px;padding:6px 14px;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge.success{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133}.info-group{text-align:left;margin-bottom:20px}.label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:.7rem;font-weight:500;display:block}.url-display{background:var(--code-bg);color:#38bdf8;border:1px solid #ffffff0d;border-radius:10px;padding:12px;font-family:monospace;overflow-x:auto}.json-container{background:var(--code-bg);text-align:left;border:1px solid #ffffff0d;border-radius:10px;max-height:250px;padding:16px;overflow-y:auto}pre{color:#a9e34b;margin:0;font-family:Fira Code,monospace}.button-container{justify-content:center;margin-top:30px;display:flex}.retry-btn{letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f6821f 0%,#fbbf24 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #f6821f4d}.retry-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #f6821f80}.retry-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #f6821f4d}.retry-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#334155}.spin{animation:1.5s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}