:root{--bg:#050505;--card:#0f0f0f;--border:#1f1f1f;--border-soft:#222;--text:#fff;--muted:#888;--input:#111;--input-border:#111;--shadow:0 0 40px #ffffff08;--accent:#fff;--accent-text:#000}html,body{background:#000;margin:0;padding:0}
.container{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:20px;font-family:ui-sans-serif,system-ui;display:flex}.card{background:var(--card);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:16px;padding:28px}.title{letter-spacing:-1px;margin:0;font-size:32px}.subtitle{color:var(--muted);margin-top:6px;margin-bottom:20px}.inputRow{gap:10px;display:flex}.input{background:var(--input);border:1px solid var(--input-border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 14px}.input:focus{border-color:#444}.button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.button:disabled{opacity:.5;cursor:not-allowed}.result{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:10px;margin-top:18px;padding:12px;font-size:14px}a{color:var(--text);text-decoration:underline}