:root{--bg-color: #f8fafc;--text-color: #0f172a;--card-bg: #ffffff;--border: #e2e8f0;--primary: #3b82f6;--primary-hover: #2563eb}@media(prefers-color-scheme:dark){:root{--bg-color: #0f172a;--text-color: #f8fafc;--card-bg: #1e293b;--border: #334155;--primary: #3b82f6;--primary-hover: #60a5fa}}body{background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,sans-serif;margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh}.container{background-color:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border);width:100%;max-width:400px;box-shadow:0 4px 6px -1px #0000001a}h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-color);color:var(--text-color);box-sizing:border-box;font-size:1rem}input:focus{outline:2px solid var(--primary);outline-offset:-1px}button{width:100%;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .2s}button:hover:not(:disabled){background-color:var(--primary-hover)}button:disabled{opacity:.7;cursor:not-allowed}.result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}a{color:var(--primary);text-decoration:none;font-weight:500;word-break:break-all}a:hover{text-decoration:underline}