:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--panel:#14161a;--panel-2:#1b1e24;--dock:#0c0d10bf;--text:#d9dce3;--muted:#8991a0;--accent:#12adff;--status-online:#2dd4a0;--status-offline:#f0465a;--status-unknown:#f59e0b;--border:#2a2e37;--input:#232730;--row:#111318;--row-hover:#171a21}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:system-ui,sans-serif}button,input{font:inherit}.appShell{width:min(1100px,100%);min-height:100vh;margin:0 auto;padding:32px 32px 140px}.topbar{padding:24px 0 28px}.title{color:var(--accent);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800}.subtitle{color:var(--muted);margin:8px 0 0;font-size:1rem}.results{flex-direction:column;gap:16px;display:flex}.hashRow{--row-accent:var(--accent);background:linear-gradient(180deg, var(--row) 0%, #0d0f13 100%);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--row-accent);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.hashRow.serverOnline{--row-accent:var(--status-online)}.hashRow.serverOffline{--row-accent:var(--status-offline)}.hashRow.serverUnknown{--row-accent:var(--status-unknown)}.hashInfo{flex-direction:column;gap:8px;min-width:0;display:flex}.hashName{color:#edf3ff;letter-spacing:.02em;font-size:.95rem;font-weight:800}.hashValue{color:var(--row-accent);word-break:break-all;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:1rem}.copyButton{color:#d4dbe8;cursor:pointer;background:#1d2129;border:1px solid #3a404c;border-radius:12px;padding:10px 14px;transition:transform .15s,background .4s,border-color .4s}.copyButton:hover{background:#262b35;border-color:#4a5261}.copyButton:active{transform:scale(.98)}.copyButton.success{background:#12382a;border-color:#2dd4a0}.copyButton.error{background:#3b1a1f;border-color:#f0465a}.inputDock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#08090c00,#08090cf2);padding:16px 24px 24px;position:fixed;bottom:0;left:0;right:0}.inputDockInner{width:min(1100px,100%);margin:0 auto}.bottomInput{background:var(--input);width:100%;height:72px;color:var(--text);border:1px solid #313744;border-radius:999px;outline:none;padding:0 24px;font-size:1.1rem;box-shadow:0 12px 30px #00000040,inset 0 1px #ffffff05}.bottomInput::placeholder{color:#858d9c}.bottomInput:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 12px 30px #00000040, 0 0 0 4px color-mix(in srgb, var(--accent) 8%, transparent)}@media (width<=700px){.appShell{padding:20px 16px 128px}.hashRow{flex-direction:column;align-items:flex-start}.copyButton{width:100%}.inputDock{padding:12px 12px 16px}.bottomInput{height:64px;font-size:1rem}}