:root{color-scheme:light;--brand:#099dd7;--page-bg:#f5f6f7;--text:#222;--panel:#fff;--header-bg:#fff;--border:#d9dfe2;--control-border:#7b858b;--muted:#59636a;--accent:#0078a5;--on-brand:#111;--hover:#edf5f9;--success:#16783c;--error:#b53b22;color:var(--text);background:var(--page-bg);accent-color:var(--accent);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}[data-theme=dark]{color-scheme:dark;--page-bg:#02070a;--text:#ddd;--panel:#222;--header-bg:#111;--border:#3e454a;--control-border:#737b80;--muted:#a7afb4;--accent:#099dd7;--hover:#293c45;--success:#51c477;--error:#ff9983}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header,nav,.actions{align-items:center;gap:16px;display:flex}header{background:var(--header-bg);border-bottom:1px solid var(--border);justify-content:space-between}a{color:var(--accent);text-underline-offset:4px}.brand{font-size:22px;font-weight:800;text-decoration:none}.brand span{color:var(--muted);font-weight:400}h1{margin:22px 0 12px;font-size:clamp(28px,5vw,42px)}h2{font-size:22px}p{color:var(--muted);line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.card{text-decoration:none}.card h2,.card h3{color:var(--accent)}textarea,input,select,button{font:inherit;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:8px;padding:12px}textarea,input[type=search],input[type=text],input[type=password]{width:100%}textarea{resize:vertical;min-height:150px;margin:8px 0 16px}button{cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:700}a:hover{text-decoration-thickness:2px}.card:hover,button:not(:disabled):hover{border-color:var(--accent);background:var(--hover)}button.primary:not(:disabled):hover{background:#25b5ed;border-color:#25b5ed}textarea,input,select{border-color:var(--control-border)}input[type=checkbox],input[type=radio],progress{accent-color:var(--accent)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.actions{flex-wrap:wrap;margin:18px 0}label{margin:12px 0;font-weight:600;display:block}code{overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:14px}.result{border-top:1px solid var(--border);padding:16px 0}.result button{margin:8px}.drop{border:2px dashed var(--border);border-radius:12px;padding:24px}.drop.drag{border-color:var(--accent)}.notice{border-left:4px solid var(--accent);padding:8px 16px}progress{width:100%;height:18px}footer{border-top:1px solid var(--border);margin-top:40px;font-size:14px}.status{white-space:pre-wrap;font-weight:700}.error{color:var(--error)}[hidden]{display:none!important}@media (width<=540px){header,main,footer,.panel{padding:16px}nav{gap:8px}.brand{font-size:18px}}select,input[type=file]{width:100%;max-width:100%}.panel,.result{min-width:0}.result h2{overflow-wrap:anywhere}.hash-result{border-top:1px solid var(--border);padding:12px 0}.hash-result h3{margin:6px 0}.hash-result code{display:block}.hash-result .actions{margin:10px 0}.hash-result .actions button{margin:0}.match{color:var(--success)}