html,body,#root{height:100%}body{color:#e7ecf5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#06070b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--bg:#06070b;--bg-2:#0a0d16;--panel:#1216228c;--panel-border:#78a0ff24;--text:#e7ecf5;--text-dim:#8a93a6;--text-faint:#5a6275;--accent:#5b8cff;--accent-2:#8a6bff;--accent-3:#29e7c8;--grid-line:#78a0ff0d;--radius:16px;--radius-sm:10px;--shadow:0 20px 60px #00000073;--mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Monaco, Consolas, "Courier New", monospace}.app{background:radial-gradient(1200px 800px at 80% -10%, #5b8cff1f, transparent 60%), radial-gradient(900px 700px at -10% 110%, #8a6bff1a, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);min-height:100dvh;color:var(--text);box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:relative;overflow:hidden}.app *,.app :before,.app :after{box-sizing:border-box}.app__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.app__bg-grid{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);position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 85%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 85%)}.app__bg-glow{filter:blur(80px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.app__bg-glow--a{background:radial-gradient(circle,#2a4cff 0%,#0000 70%);width:460px;height:460px;top:-120px;right:-80px}.app__bg-glow--b{background:radial-gradient(circle,#7a3cff 0%,#0000 70%);width:520px;height:520px;animation-delay:-9s;bottom:-160px;left:-120px}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.08)}}.app__main{z-index:1;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);width:100%;max-width:960px;box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);position:relative}.app__header{border-bottom:1px solid var(--panel-border);align-items:center;gap:16px;margin-bottom:clamp(16px,3vw,24px);padding-bottom:clamp(16px,3vw,24px);display:flex}.app__logo{flex-shrink:0;width:44px;height:44px;position:relative}.app__logo-core{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 16px #5b8cffb3}.app__logo-ring{border:1px solid #8aa0ff66;border-top-color:var(--accent-3);border-radius:50%;animation:3.6s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.app__title-group{min-width:0}.app__title{letter-spacing:.14em;background:linear-gradient(120deg,#fff 0%,#9db6ff 60%,#c79bff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(20px,4vw,28px);font-weight:700}.app__subtitle{color:var(--text-dim);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 0;font-size:13px;display:flex}.app__status{letter-spacing:.12em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:10px;font-weight:600;display:inline-flex}.app__status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.app__status.is-ready{color:var(--accent-3);background:#29e7c814;border-color:#29e7c84d}.app__status.is-loading{color:#ffb454;background:#ffb45414;border-color:#ffb4544d}.app__status.is-paused{color:var(--text-dim);background:#8a93a614;border-color:#8a93a64d}.app__status.is-loading .app__status-dot{animation:1.1s ease-in-out infinite pulse}@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__notice{border-radius:var(--radius-sm);color:var(--text-dim);background:#8a93a614;border:1px solid #8a93a63d;justify-content:space-between;align-items:center;gap:16px;margin:0 0 clamp(18px,3vw,28px);padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.app__notice--error{color:#ffd08b;background:#ffb45414;border-color:#ffb4544d}.app__retry,.privacy-allow,.privacy-dialog__actions button{font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:600}.app__retry{color:#ffd08b;background:#ffb4542b;flex-shrink:0;padding:7px 10px}.app__section-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:10px;margin:0 0 10px;padding-left:2px;font-size:11px;font-weight:600;display:flex}.app__section-title:after{content:"";background:linear-gradient(90deg, var(--panel-border), transparent);flex:1;height:1px}.app__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}.info-card--span2{grid-column:span 2}.info-card{border-radius:var(--radius-sm);background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff0f;padding:14px 16px;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.info-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#8aa0ff66,#0000);width:100%;height:1px;transition:opacity .25s;position:absolute;top:0;left:0}.info-card:hover{background:linear-gradient(#5b8cff14,#ffffff04);border-color:#5b8cff59;transform:translateY(-2px)}.info-card:hover:before{opacity:1}.info-card--accent{background:linear-gradient(#5b8cff1f,#5b8cff08);border-color:#5b8cff52}.info-card--accent:before{opacity:1;background:linear-gradient(90deg, transparent, var(--accent), transparent)}.info-card__label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:10px;font-weight:600;overflow:hidden}.info-card__value{font-family:var(--mono);color:var(--text);word-break:break-all;align-items:center;min-height:20px;font-size:15px;line-height:1.4;display:flex}.info-card__value--sm{font-size:11px;line-height:1.5}.info-card__empty{color:var(--text-faint)}.info-card__skeleton{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff24 50%,#ffffff0f 100%) 0 0/200% 100%;border-radius:6px;width:60%;height:12px;animation:1.4s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app__footer{border-top:1px solid var(--panel-border);letter-spacing:.08em;color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(18px,3vw,26px);padding-top:16px;font-size:11px;display:flex}.app__footer-sep{opacity:.5}.privacy-dialog{z-index:2;-webkit-backdrop-filter:blur(8px);background:#03050ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.privacy-dialog__panel{border:1px solid var(--panel-border);border-radius:var(--radius);width:min(100%,480px);box-shadow:var(--shadow);background:#101521;padding:clamp(24px,5vw,32px)}.privacy-dialog__eyebrow{color:var(--accent-3);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.privacy-dialog h2{margin:0;font-size:clamp(21px,5vw,27px)}.privacy-dialog p:not(.privacy-dialog__eyebrow){color:var(--text-dim);margin:14px 0 0;font-size:14px;line-height:1.65}.privacy-dialog__actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.privacy-dialog__actions button,.privacy-allow{padding:10px 14px}.privacy-dialog__decline{color:var(--text-dim);background:0 0}.privacy-dialog__allow,.privacy-allow{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 20px #5b8cff40}.privacy-allow{z-index:2;position:fixed;bottom:20px;right:20px}@media (width<=600px){.info-card--span2{grid-column:span 1}}@media (width<=480px){.app{justify-content:stretch;align-items:stretch;padding:0}.app__main{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--panel-border);border-radius:0;max-width:none;min-height:100dvh;padding:20px 16px 24px}.app__grid{grid-template-columns:1fr}.app__title{letter-spacing:.1em}.app__footer{font-size:10px}.app__notice{flex-direction:column;align-items:flex-start}.privacy-allow{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.app__logo-ring,.app__bg-glow,.info-card__skeleton,.app__status.is-loading .app__status-dot{animation:none}}
