@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";.ping{position:relative;z-index:1;width:min(960px,100%);max-width:100%;background:var(--surface);border-radius:28px;border:none;padding:clamp(2.25rem,6vw,3.5rem);display:flex;flex-direction:column;gap:clamp(1.75rem,5vw,3rem);box-shadow:none;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow:hidden;box-sizing:border-box}.ping:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(140deg,#ff618814,#ab9df20d 48%,#78dce814);opacity:.55}.ping__header{display:flex;flex-direction:column;gap:.85rem}.ping__badge{align-self:flex-start;padding:.45rem .9rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.ping__title{margin:0;font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-.02em}.ping__subtitle{margin:0;max-width:44ch;color:var(--muted);line-height:1.6;font-size:1rem}.ping__form{display:flex;flex-direction:column}.ping__form--loading .ping__hint--accent{color:var(--orange)}.ping__command{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.85rem,2vw,1.1rem) clamp(1.3rem,3vw,1.75rem);background:var(--surface-strong);border-radius:18px;border:1px solid rgba(255,255,255,.05);transition:border-color .3s ease,box-shadow .3s ease,transform .28s ease;min-width:0;overflow:hidden}.ping__command:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px #ab9df22e,inset 0 0 0 1px #ffffff0a;transform:translateY(-2px)}.ping__command--invalid{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),inset 0 0 0 1px #ffffff0d}.ping__command--busy{box-shadow:0 0 0 3px #ff61881a,inset 0 0 0 1px #ffffff0a}.ping__prompt{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.03em}.ping__command input{flex:1;background:transparent;border:0;color:var(--foreground);font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.3;padding:0;min-width:0;caret-color:var(--accent);overflow:hidden;text-overflow:ellipsis}.ping__shortcut-hint{flex-shrink:0;font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.03em;color:var(--muted);display:inline-flex;align-items:center;gap:.18rem}.ping__shortcut-symbol{font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1}.ping__command input::placeholder{color:#fdf7f361}.ping__command input:focus{outline:none}.ping__legend{margin-top:clamp(.75rem,2vw,1rem);display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;font-size:.95rem;color:var(--muted)}.ping__hint--accent{color:var(--yellow)}.ping__error{margin:0;margin-top:.85rem;font-size:.95rem;color:var(--accent)}.ping__status{display:flex;flex-direction:column}.ping__status-card{border-radius:22px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(165deg,#1f1416eb,#1b1119f2);box-shadow:inset 0 0 0 1px #ffffff05,0 20px 35px #0006;padding:clamp(1.7rem,4vw,2.2rem);display:flex;flex-direction:column;gap:clamp(1.1rem,3vw,1.65rem)}.ping__status-card--checking{border-color:#78dce847;box-shadow:inset 0 0 0 1px #78dce81a,0 24px 45px #00000061}.ping__status-card--checking .ping__status-text{color:var(--blue)}.ping__status-card--pinging{border-color:#ff618842;box-shadow:inset 0 0 0 1px #ff61881f,0 28px 55px #00000073}.ping__status-card--pinging .ping__status-text{color:var(--yellow)}.ping__status-card--result .ping__status-text{color:#fdf7f3cc}.ping__status-card--error{border-color:#ff61885c;background:linear-gradient(170deg,#34171bf2,#270c12fa);box-shadow:inset 0 0 0 1px #ff61881f,0 26px 48px #00000080}.ping__status-card--error .ping__status-text{color:#ffc9d6db}.ping__status-header{display:flex;align-items:center;gap:.75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.ping__status-text{white-space:normal}.ping__status-indicator{width:.75rem;height:.75rem;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 0 4px #ab9df22e}.ping__status-indicator--checking{background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 0 0 4px #78dce838;animation:pulse 1.4s ease-in-out infinite}.ping__status-indicator--loading{background:linear-gradient(135deg,var(--accent),var(--orange));box-shadow:0 0 0 4px #ff618838;animation:pulse 1.1s ease-in-out infinite}.ping__status-indicator--error{background:linear-gradient(135deg,var(--accent),var(--orange));box-shadow:0 0 0 4px var(--accent-soft);animation:none}.ping__status-note{border-radius:14px;border:1px solid rgba(255,97,136,.28);background:#ff618814;color:#ffc9d6eb;padding:1.1rem 1.3rem;line-height:1.6;font-size:.98rem;box-shadow:inset 0 0 0 1px #ffffff0a}.ping__loader{display:grid;grid-template-columns:repeat(4,minmax(32px,1fr));gap:clamp(.6rem,2vw,.95rem);width:100%}.ping__loader-bar{height:clamp(64px,12vw,88px);border-radius:12px;background:linear-gradient(180deg,#ff61888c,#ff61880d);animation:sonar 1.15s ease-in-out infinite;transform-origin:bottom center;filter:drop-shadow(0 8px 15px rgba(255,97,136,.25))}.ping__loader-bar:nth-child(2){animation-delay:.1s}.ping__loader-bar:nth-child(3){animation-delay:.2s}.ping__loader-bar:nth-child(4){animation-delay:.3s}.ping__result{margin:0;border-radius:18px;border:1px solid rgba(255,255,255,.06);padding:clamp(1.25rem,4vw,1.75rem);background:linear-gradient(160deg,#1e1316f2,#160f15f2);color:var(--foreground);font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.7;overflow-x:auto;overflow-y:hidden;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 40px #0006;animation:fadeInUp .45s ease-out;max-width:100%;box-sizing:border-box}.ping__result code{display:block;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff618838;transform:scale(1)}50%{box-shadow:0 0 0 8px #ff61880d;transform:scale(1.12)}}@keyframes sonar{0%,to{transform:scaleY(.45);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.ping{padding:clamp(1.5rem,5vw,2rem);border-radius:22px;margin:0;width:100%}.ping__title{font-size:clamp(1.8rem,7vw,2.4rem);word-wrap:break-word}.ping__subtitle{font-size:clamp(.9rem,3vw,1rem);max-width:100%}.ping__command{border-radius:16px;padding:clamp(.75rem,3vw,1rem) clamp(1rem,4vw,1.5rem);gap:clamp(.5rem,2vw,.75rem)}.ping__command input{font-size:clamp(1.1rem,4vw,1.5rem)}.ping__prompt{font-size:clamp(.85rem,2.5vw,1rem)}.ping__shortcut-hint{font-size:clamp(.85rem,2.5vw,1rem);display:none}.ping__status-card{border-radius:18px;padding:clamp(1.3rem,4vw,1.8rem)}.ping__status-text{white-space:normal;word-wrap:break-word;font-size:clamp(.85rem,2.5vw,.95rem)}.ping__legend{font-size:clamp(.85rem,2.5vw,.95rem);gap:.5rem 1rem}.ping__result{padding:clamp(1rem,4vw,1.5rem);font-size:clamp(.85rem,2.5vw,.95rem)}}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--background: #231416;--background-alt: #2d1a1d;--surface: rgba(45, 26, 30, .85);--surface-strong: rgba(45, 26, 30, .95);--panel-outline: rgba(255, 255, 255, .06);--foreground: #fdf7f3;--muted: #a18682;--comment: #8e6f6a;--shadow: rgba(8, 3, 4, .65);--accent: #ff6188;--accent-soft: rgba(255, 97, 136, .28);--yellow: #ffd866;--orange: #fc9867;--green: #a9dc76;--blue: #78dce8;--purple: #ab9df2;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;font-family:var(--font-mono);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(255,97,136,.18),transparent 55%),radial-gradient(circle at 80% 25%,rgba(171,157,242,.14),transparent 60%),radial-gradient(circle at 45% 80%,rgba(120,220,232,.12),transparent 58%),var(--background);color:var(--foreground);font-family:var(--font-mono);display:flex;justify-content:center;align-items:stretch;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}#root{flex:1;min-height:100vh;display:flex;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.app-shell{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,4rem);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.app-shell:before{content:"";position:absolute;inset:clamp(1rem,4vw,2.5rem);border-radius:32px;background:linear-gradient(135deg,#ff618829,#ab9df21a 46%,#78dce829);filter:blur(60px);opacity:.45;pointer-events:none;z-index:0}main,section,div,header,form{font-family:inherit}code,pre,input,button,textarea{font-family:var(--font-mono)}a{color:inherit}