html,body,#root{height:100%}body{margin:0;background-color:#06070b;color:#e7ecf5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg: #06070b;--bg-2: #0a0d16;--panel: rgba(18, 22, 34, .55);--panel-border: rgba(120, 160, 255, .14);--text: #e7ecf5;--text-dim: #8a93a6;--text-faint: #5a6275;--accent: #5b8cff;--accent-2: #8a6bff;--accent-3: #29e7c8;--grid-line: rgba(120, 160, 255, .05);--radius: 16px;--radius-sm: 10px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Monaco, Consolas, "Courier New", monospace}.app{position:relative;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);background:radial-gradient(1200px 800px at 80% -10%,rgba(91,140,255,.12),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(138,107,255,.1),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text);overflow:hidden;box-sizing:border-box}.app *,.app *:before,.app *:after{box-sizing:border-box}.app__bg{position:fixed;inset:0;z-index:0;pointer-events:none}.app__bg-grid{position:absolute;inset:-2px;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:clamp(28px,5vw,48px) clamp(28px,5vw,48px);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 0%,transparent 85%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 0%,transparent 85%)}.app__bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:float 18s ease-in-out infinite}.app__bg-glow--a{width:460px;height:460px;top:-120px;right:-80px;background:radial-gradient(circle,#2a4cff 0%,transparent 70%)}.app__bg-glow--b{width:520px;height:520px;bottom:-160px;left:-120px;background:radial-gradient(circle,#7a3cff 0%,transparent 70%);animation-delay:-9s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.08)}}.app__main{position:relative;z-index:1;width:100%;max-width:960px;padding:clamp(20px,4vw,36px);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow)}.app__header{display:flex;align-items:center;gap:16px;padding-bottom:clamp(16px,3vw,24px);margin-bottom:clamp(16px,3vw,24px);border-bottom:1px solid var(--panel-border)}.app__logo{position:relative;width:44px;height:44px;flex-shrink:0}.app__logo-core{position:absolute;inset:30%;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px #5b8cffb3}.app__logo-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(138,160,255,.4);border-top-color:var(--accent-3);animation:spin 3.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app__title-group{min-width:0}.app__title{margin:0;font-size:clamp(20px,4vw,28px);font-weight:700;letter-spacing:.14em;background:linear-gradient(120deg,#fff,#9db6ff 60%,#c79bff);-webkit-background-clip:text;background-clip:text;color:transparent}.app__subtitle{margin:6px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-dim);letter-spacing:.02em}.app__status{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.12em;border:1px solid transparent;text-transform:uppercase}.app__status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.app__status.is-ready{color:var(--accent-3);border-color:#29e7c84d;background:#29e7c814}.app__status.is-loading{color:#ffb454;border-color:#ffb4544d;background:#ffb45414}.app__status.is-loading .app__status-dot{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.app__section{margin-bottom:clamp(18px,3vw,28px)}.app__section:last-of-type{margin-bottom:0}.app__section-title{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding-left:2px;display:flex;align-items:center;gap:10px}.app__section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--panel-border),transparent)}.app__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}.info-card--span2{grid-column:span 2}.info-card{position:relative;padding:14px 16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}.info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,160,255,.4),transparent);opacity:0;transition:opacity .25s ease}.info-card:hover{transform:translateY(-2px);border-color:#5b8cff59;background:linear-gradient(180deg,#5b8cff14,#ffffff04)}.info-card:hover:before{opacity:1}.info-card--accent{border-color:#5b8cff52;background:linear-gradient(180deg,#5b8cff1f,#5b8cff08)}.info-card--accent:before{opacity:1;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.info-card__label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card__value{font-family:var(--mono);font-size:15px;line-height:1.4;color:var(--text);word-break:break-all;min-height:20px;display:flex;align-items:center}.info-card__value--sm{font-size:11px;line-height:1.5}.info-card__empty{color:var(--text-faint)}.info-card__skeleton{display:inline-block;width:60%;height:12px;border-radius:6px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app__footer{margin-top:clamp(18px,3vw,26px);padding-top:16px;border-top:1px solid var(--panel-border);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em;color:var(--text-faint)}.app__footer-sep{opacity:.5}@media(max-width:600px){.info-card--span2{grid-column:span 1}}@media(max-width:480px){.app{padding:0;align-items:stretch;justify-content:stretch}.app__main{max-width:none;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--panel-border);min-height:100vh;min-height:100dvh;padding:20px 16px 24px}.app__grid{grid-template-columns:1fr}.app__title{letter-spacing:.1em}.app__footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.app__logo-ring,.app__bg-glow,.info-card__skeleton,.app__status.is-loading .app__status-dot{animation:none}}