:root{--bg-deep: #05070a;--bg: #0a0e14;--surface: rgba(18, 24, 36, .72);--surface-solid: #121824;--border: rgba(120, 160, 220, .12);--border-strong: rgba(130, 180, 255, .22);--text: #eef2f9;--muted: #8a9bb8;--accent: #5eead4;--accent-2: #38bdf8;--accent-glow: rgba(56, 189, 248, .35);--ok: #4ade80;--ok-bg: rgba(74, 222, 128, .12);--bad: #fb7185;--bad-bg: rgba(251, 113, 133, .12);--warn: #fcd34d;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font: "IBM Plex Sans Thai", system-ui, sans-serif;--font-display: "Outfit", var(--font);--mono: "JetBrains Mono", ui-monospace, monospace;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35), 0 0 0 1px var(--border);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;font-family:var(--font);background:var(--bg-deep);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}#app{position:relative;min-height:100dvh;overflow-x:clip}.bg-grid{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 75%);opacity:.45;z-index:0}.orb{pointer-events:none;position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0}.orb--1{width:min(72vw,520px);height:min(72vw,520px);top:-12%;right:-18%;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 70%)}.orb--2{width:min(60vw,420px);height:min(60vw,420px);bottom:-8%;left:-12%;background:radial-gradient(circle,rgba(94,234,212,.28),transparent 70%)}.layout{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:2.25rem 1.25rem 3.5rem}.hero{margin-bottom:2.25rem;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .55rem;border-radius:999px;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);background:#38bdf81a;border:1px solid rgba(56,189,248,.25);margin-bottom:1.1rem}.hero__pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #4ade8080;animation:pulse-ring 2s var(--ease-out) infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #4ade8073}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media(prefers-reduced-motion:reduce){.hero__pulse{animation:none;box-shadow:none}.result-card,.skeleton-line{animation:none!important}.results-loading__ring{animation:none!important;opacity:.35}.field-input--shake{animation:none!important}}.hero__brand{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:.5rem}.hero__logo{display:block;width:clamp(72px,18vw,96px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22px;box-shadow:0 0 0 1px #1e88e559,0 12px 40px #00000073,0 0 48px #26a69a2e;filter:drop-shadow(0 4px 20px rgba(30,136,229,.25))}.hero__title{margin:0 0 .65rem;font-family:var(--font-display);font-size:clamp(2.1rem,6vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(120deg,#fff,#90caf9 40%,#4db6ac);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin:0 auto;max-width:34rem;color:var(--muted);font-size:1.02rem}.hero__host{color:#f0f9ff;font-weight:700;letter-spacing:-.02em;word-break:break-all}.layout--domain-focus .panel--form{border-color:#38bdf838;box-shadow:0 4px 28px #00000061,0 0 0 1px #38bdf81f}.result-card--primary{padding:1.2rem 1.25rem;border-width:1px;box-shadow:0 0 0 1px #38bdf859,0 12px 40px #00000059}.result-card--primary.result-card--ok{border-color:#4ade8073}.result-card--primary.result-card--bad{border-color:#fb718580}.hero__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.35rem}.tag{font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.tag--soft{color:var(--muted);font-weight:500}.panel{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.25rem;overflow:hidden}.panel--form{margin-bottom:1.5rem}.panel__head{padding:1.25rem 1.35rem .85rem;border-bottom:1px solid var(--border)}.panel--results .panel__head{background:linear-gradient(180deg,rgba(56,189,248,.06),transparent)}.panel__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.panel__subtitle{margin:.35rem 0 0;font-size:.82rem;color:var(--muted)}.panel__body{padding:1.25rem 1.35rem 1.35rem}.field{display:block}.field__label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}.field__row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.field-input{flex:1 1 220px;min-width:0;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#05080ea6;color:var(--text);font-family:var(--mono);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:#8a9bb88c}.field-input:hover{border-color:#82b4ff59}.field-input:focus{outline:none;border-color:#38bdf88c;box-shadow:0 0 0 3px var(--accent-glow)}.field-input--shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:var(--radius-sm);padding:.85rem 1.2rem;font-family:var(--font);font-weight:600;font-size:.9rem;transition:transform .12s var(--ease-out),box-shadow .2s,filter .2s}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{color:#041016;background:linear-gradient(135deg,#5eead4,#38bdf8,#0ea5e9);box-shadow:0 2px 12px #38bdf859,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 20px #38bdf873,inset 0 1px #fff6}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.btn--pulse-icon:before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.85;transform:rotate(45deg)}.btn-ghost{background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff12}.api-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:.78rem;color:var(--muted)}.api-hint__k{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:var(--accent-2)}.api-hint__v{font-family:var(--mono);font-size:.72rem;padding:.25rem .5rem;border-radius:6px;background:#00000059;border:1px solid var(--border);color:#cbd5e1;word-break:break-all}.banner{background:linear-gradient(135deg,#fbbf241f,#fb718514);border:1px solid rgba(251,191,36,.35);color:#fef3c7;padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem;line-height:1.45}.results-loading{text-align:center;padding:1.5rem 0 .5rem}.results-loading__mark{position:relative;width:72px;height:72px;margin:0 auto 1rem}.results-loading__icon{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;border-radius:14px;z-index:1}.results-loading__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(30,136,229,.18);border-top-color:#1e88e5;border-right-color:#26a69aa6;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-loading__text{margin:0 0 1.25rem;color:var(--muted);font-size:.9rem}.skeleton-stack{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:.65rem}.skeleton-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-line--1{width:100%}.skeleton-line--2{width:88%}.skeleton-line--3{width:72%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{text-align:center;padding:2.25rem 1rem 2rem}.empty-state__mark{margin:0 auto 1.15rem;width:fit-content;padding:6px;border-radius:24px;background:linear-gradient(135deg,#1e88e533,#26a69a26);box-shadow:0 0 0 1px #ffffff0f}.empty-state__icon{display:block;width:clamp(72px,20vw,96px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px}.empty-state__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text)}.empty-state__desc{margin:0 auto;max-width:22rem;font-size:.9rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.15rem}@media(max-width:520px){.metrics{grid-template-columns:1fr}}.metric{padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#05080e73;display:flex;flex-direction:column;gap:.15rem}.metric__value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}.metric__label{font-size:.75rem;color:var(--muted);font-weight:500}.metric--ok .metric__value{color:var(--ok)}.metric--bad .metric__value{color:var(--bad)}.metric--total .metric__value{color:var(--text)}.result-list{display:flex;flex-direction:column;gap:.75rem}.result-card{padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#080c148c;animation:card-in .5s var(--ease-out) backwards;animation-delay:var(--row-delay, 0ms)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-card--ok{border-color:#4ade8033;box-shadow:inset 0 1px #4ade800f}.result-card--bad{border-color:#fb718547;box-shadow:inset 0 1px #fb71850f}.result-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.55rem}.result-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .65rem .28rem .45rem;border-radius:999px;font-size:.78rem;font-weight:700}.result-pill__dot{width:7px;height:7px;border-radius:50%}.result-pill--ok{background:var(--ok-bg);color:var(--ok);border:1px solid rgba(74,222,128,.25)}.result-pill--ok .result-pill__dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.result-pill--bad{background:var(--bad-bg);color:var(--bad);border:1px solid rgba(251,113,133,.3)}.result-pill--bad .result-pill__dot{background:var(--bad)}.result-card__meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.code-chip{font-family:var(--mono);font-size:.72rem;font-weight:500;padding:.2rem .45rem;border-radius:6px;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.22)}.code-chip--muted{background:#ffffff0a;color:var(--muted);border-color:var(--border)}.latency-tag{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.result-card__url{margin:0 0 .65rem;font-family:var(--mono);font-size:.8rem;word-break:break-all;color:#c8d4e8;line-height:1.45}.latency-track{height:5px;border-radius:999px;background:#ffffff0f;overflow:hidden}.latency-fill{height:100%;border-radius:inherit;min-width:4%;transition:width .45s var(--ease-out)}.latency-fill--ok{background:linear-gradient(90deg,#22c55e,#4ade80)}.latency-fill--bad{background:linear-gradient(90deg,#f43f5e,#fb7185)}.result-card__err{margin:.65rem 0 0;font-size:.78rem;color:#fecaca;padding:.5rem .65rem;border-radius:8px;background:#7f1d1d40;border:1px solid rgba(248,113,113,.25);font-family:var(--mono);line-height:1.4}.site-footer{margin-top:2.25rem;font-size:.78rem;color:var(--muted);text-align:center;line-height:1.5;opacity:.85}a{color:var(--accent-2)}