.hash-page h1{max-width:1060px;font-size:clamp(48px,7vw,88px)}.hash-page .seo-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)}.hash-page .hero-example{transform:rotate(.65deg)}.hash-app{--hash-ink:#17243d;--hash-text:#30405e;--hash-muted:#5d6a7f;--hash-line:#233d6929;--hash-blue:#2857c5;--hash-blue-dark:#1e4196;--hash-blue-pale:#edf3ff;--hash-teal:#087788;--hash-green:#147649;--hash-green-pale:#e8f8ef;--hash-amber:#8a5a07;--hash-amber-pale:#fff7df;--hash-red:#9e3734;--hash-red-pale:#fff0ed;color:var(--hash-text);box-shadow:var(--shadow,0 24px 70px #074e601f);background:#fffffff7;border:1px solid #ffffffd6;border-radius:30px;overflow:hidden}.hash-app *,.hash-app :before,.hash-app :after{box-sizing:border-box}.hash-app button,.hash-app input,.hash-app textarea{font:inherit}.hash-app button{cursor:pointer}.hash-app button:disabled{cursor:not-allowed;opacity:.48}.hash-app code,.hash-app textarea{font-family:SFMono-Regular,Cascadia Code,Fira Code,DejaVu Sans Mono,Consolas,monospace}.hash-toolbar,.hash-intro,.hash-card-heading,.hash-actions,.hash-result header,.hash-compare-heading,.hash-activity{justify-content:space-between;align-items:center;gap:14px;display:flex}.hash-toolbar{border-bottom:1px solid var(--hash-line);background:linear-gradient(90deg,#f2fdff,#f5f7ff 58%,#fffaf0);min-height:68px;padding:13px 16px}.hash-local-badge{align-items:center;gap:11px;min-width:0;display:flex}.hash-local-badge>span{background:var(--hash-green);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #14764921}.hash-local-badge>div{gap:2px;min-width:0;display:grid}.hash-local-badge strong{color:var(--hash-ink);font-size:12px}.hash-local-badge small{color:var(--hash-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hash-algorithm-badge{border:1px solid var(--hash-line);text-align:right;background:#ffffffeb;border-radius:13px;flex:none;gap:1px;padding:7px 11px;display:grid}.hash-algorithm-badge span{color:var(--hash-blue-dark);font-size:12px;font-weight:950}.hash-algorithm-badge strong{color:var(--hash-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.hash-intro{border-bottom:1px solid var(--hash-line);background:#fff;align-items:stretch;padding:21px 20px}.hash-intro>div:first-child{align-content:center;min-width:0;display:grid}.hash-intro p{color:var(--hash-blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:950}.hash-intro h2{color:var(--hash-ink);letter-spacing:-.035em;margin:0;font-size:clamp(20px,3vw,27px)}.hash-intro>div:first-child>span{color:var(--hash-muted);margin-top:5px;font-size:12px;line-height:1.5}.hash-exactness{max-width:350px;color:var(--hash-blue-dark);background:var(--hash-blue-pale);border:1px solid #2857c526;border-radius:15px;align-content:center;gap:3px;padding:12px 14px;display:grid}.hash-exactness strong{letter-spacing:.04em;text-transform:uppercase;font-size:12px}.hash-exactness span{color:var(--hash-text);font-size:12px;line-height:1.45}.hash-workspace{background:var(--hash-line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1px;display:grid}.hash-card{background:#fff;min-width:0}.hash-input-card{background:linear-gradient(#fffdf8,#fff 340px)}.hash-output-card{background:linear-gradient(#f7f9ff,#fff 340px)}.hash-card-heading{border-bottom:1px solid var(--hash-line);align-items:flex-start;min-height:82px;padding:17px 18px}.hash-card-heading>div{min-width:0}.hash-card-heading p{color:var(--hash-blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:950}.hash-card-heading h3{color:var(--hash-ink);letter-spacing:-.025em;margin:0;font-size:17px}.hash-card-heading>span{max-width:44%;color:var(--hash-blue-dark);background:var(--hash-blue-pale);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900;overflow:hidden}.hash-card-body{gap:16px;padding:19px 18px 23px;display:grid}.hash-fieldset{border:0;min-width:0;margin:0;padding:0}.hash-fieldset legend,.hash-text-field>span{color:var(--hash-ink);margin-bottom:7px;font-size:12px;font-weight:900;display:block}.hash-segmented{gap:7px;display:grid}.hash-segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hash-segmented.algorithms{grid-template-columns:repeat(4,minmax(0,1fr))}.hash-segmented.encodings{grid-template-columns:repeat(3,minmax(0,1fr))}.hash-segmented button{border:1px solid var(--hash-line);min-width:0;min-height:53px;color:var(--hash-text);background:#fff;border-radius:13px;place-content:center;gap:2px;padding:7px;transition:transform .15s,border-color .15s,background .15s;display:grid}.hash-segmented button:hover:not(:disabled){border-color:#2857c578;transform:translateY(-1px)}.hash-segmented button[aria-pressed=true]{border-color:var(--hash-blue);color:var(--hash-blue-dark);background:var(--hash-blue-pale);box-shadow:0 0 0 2px #2857c514}.hash-segmented strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hash-segmented span{color:var(--hash-muted);font-size:12px;font-weight:700}.hash-fixed-algorithm{border:1px solid var(--hash-blue);min-height:54px;color:var(--hash-blue-dark);background:var(--hash-blue-pale);text-align:center;border-radius:13px;place-content:center;gap:3px;padding:9px;display:grid}.hash-fixed-algorithm strong{font-size:13px}.hash-fixed-algorithm span{color:var(--hash-muted);font-size:12px}.hash-text-source{gap:12px;display:grid}.hash-text-field{min-width:0;display:block}.hash-text-field textarea{resize:vertical;border:1px solid var(--hash-line);width:100%;min-height:150px;color:var(--hash-ink);tab-size:2;background:#fbfcff;border-radius:13px;outline:0;padding:12px;font-size:12px;line-height:1.55}.hash-text-field.single-line textarea{min-height:92px;color:var(--hash-blue-dark);overflow-wrap:anywhere;background:#fff}.hash-text-field textarea:focus{border-color:#2857c5b8;box-shadow:0 0 0 3px #2857c51f}.hash-actions{flex-wrap:wrap;justify-content:flex-start}.hash-actions.compact{gap:7px}.hash-button{min-height:39px;color:var(--hash-blue-dark);background:var(--hash-blue-pale);border:0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;transition:transform .15s,background .15s}.hash-button:hover:not(:disabled){background:#dfe9ff;transform:translateY(-1px)}.hash-button.primary{color:#fff;background:var(--hash-blue);box-shadow:0 9px 20px #2857c53b}.hash-button.primary:hover:not(:disabled){background:var(--hash-blue-dark)}.hash-button.quiet{color:var(--hash-muted);background:#f0f3f7}.hash-button.calculate{border-radius:14px;width:100%;min-height:48px}.hash-link-button{color:var(--hash-blue-dark);text-underline-offset:3px;background:0 0;border:0;padding:5px 7px;font-size:12px;font-weight:900;text-decoration:underline}.hash-button:focus-visible,.hash-link-button:focus-visible,.hash-segmented button:focus-visible{outline-offset:2px;outline:3px solid #f4b52cb8}.hash-facts{border:1px solid var(--hash-line);background:var(--hash-line);border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.hash-facts div{background:#fff;gap:3px;min-width:0;padding:9px 10px;display:grid}.hash-facts dt{color:var(--hash-muted);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:950}.hash-facts dd{color:var(--hash-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:850;overflow:hidden}.hash-notice{border-radius:12px;margin:0;padding:11px 12px;font-size:12px;line-height:1.55}.hash-notice strong{color:inherit}.hash-notice.neutral{color:var(--hash-blue-dark);background:var(--hash-blue-pale)}.hash-notice.caution{color:var(--hash-amber);background:var(--hash-amber-pale)}.hash-notice.danger{color:var(--hash-red);background:var(--hash-red-pale)}.hash-error{color:var(--hash-red);background:var(--hash-red-pale);overflow-wrap:anywhere;border-radius:11px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.hash-drop-zone{min-height:260px;color:var(--hash-muted);text-align:center;background:linear-gradient(145deg,#f8fbff,#fffdf8);border:2px dashed #2857c540;border-radius:17px;place-content:center;justify-items:center;gap:12px;padding:26px 18px;display:grid}.hash-drop-zone.selected{background:linear-gradient(145deg,#f3fcf7,#fff);border-style:solid;border-color:#1476494d}.hash-drop-zone>input{display:none}.hash-drop-icon{width:48px;height:48px;color:var(--hash-blue);background:var(--hash-blue-pale);border-radius:15px;place-content:center;font-size:26px;font-weight:950;display:grid}.hash-drop-zone.selected .hash-drop-icon{color:var(--hash-green);background:var(--hash-green-pale)}.hash-file-copy{gap:4px;min-width:0;max-width:100%;display:grid}.hash-file-copy strong{color:var(--hash-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hash-file-copy span,.hash-file-copy small{font-size:12px}.hash-file-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.hash-result{border:1px solid var(--hash-line);background:#fff;border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 10px 28px #233d690f}.hash-result header{border-bottom:1px solid var(--hash-line);background:linear-gradient(90deg,#f8fbff,#fff);padding:11px 12px}.hash-result header>div{gap:2px;min-width:0;display:grid}.hash-result header span{color:var(--hash-blue-dark);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:950}.hash-result header small{color:var(--hash-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hash-result header button{color:var(--hash-blue-dark);background:var(--hash-blue-pale);border:0;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:900}.hash-result>code{overflow-wrap:anywhere;min-height:116px;color:var(--hash-blue-dark);background:#fbfcff;align-content:center;padding:17px 14px;font-size:12px;font-weight:800;line-height:1.65;display:grid}.hash-result dl{border-top:1px solid var(--hash-line);background:var(--hash-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.hash-result dl div{background:#fff;gap:3px;min-width:0;padding:9px 10px;display:grid}.hash-result dt{color:var(--hash-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:950}.hash-result dd{overflow-wrap:anywhere;min-width:0;color:var(--hash-ink);margin:0;font-size:12px;font-weight:800;line-height:1.4}.hash-empty-result{min-height:265px;color:var(--hash-muted);text-align:center;background:#fafbff;border:1px dashed #2857c542;border-radius:15px;place-content:center;justify-items:center;gap:5px;padding:22px;display:grid}.hash-empty-result>div{width:42px;height:42px;color:var(--hash-blue);background:var(--hash-blue-pale);border-radius:14px;place-content:center;margin-bottom:3px;font-size:23px;font-weight:950;display:grid}.hash-empty-result strong{color:var(--hash-ink);font-size:12px}.hash-empty-result span{max-width:310px;font-size:12px;line-height:1.5}.hash-compare-box{border:1px solid var(--hash-line);background:linear-gradient(145deg,#fff,#fbfcff);border-radius:15px;gap:11px;padding:15px;display:grid}.hash-compare-heading>div{min-width:0}.hash-compare-heading p{color:var(--hash-blue-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:950}.hash-compare-heading h4{color:var(--hash-ink);margin:0;font-size:13px}.hash-compare-heading>span{text-transform:uppercase;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:950}.hash-compare-heading>span.match{color:var(--hash-green);background:var(--hash-green-pale)}.hash-compare-heading>span.different{color:var(--hash-red);background:var(--hash-red-pale)}.hash-comparison-status{color:var(--hash-muted);background:#f1f4f8;border-radius:10px;margin:0;padding:9px 10px;font-size:12px;font-weight:800;line-height:1.45}.hash-comparison-status.match{color:var(--hash-green);background:var(--hash-green-pale)}.hash-comparison-status.different{color:var(--hash-red);background:var(--hash-red-pale)}.hash-compare-note{color:var(--hash-muted);margin:0;font-size:12px;line-height:1.55}.hash-security-strip{border-top:1px solid var(--hash-line);background:var(--hash-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px 0;display:grid}.hash-security-strip>div{background:#fffdf8;gap:4px;min-width:0;padding:15px 18px;display:grid}.hash-security-strip strong{color:var(--hash-amber);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.hash-security-strip span{color:var(--hash-muted);font-size:12px;line-height:1.55}.hash-activity{color:var(--hash-muted);border-top:1px solid var(--hash-line);text-align:center;background:#fbfefe;justify-content:center;margin:0;padding:12px 16px;font-size:12px;line-height:1.5}.hash-activity strong{color:var(--hash-teal)}@media (width<=1060px){.hash-page .seo-hero,.hash-workspace{grid-template-columns:1fr}.hash-card-heading>span{max-width:58%}}@media (width<=720px){.hash-page h1{font-size:clamp(43px,14vw,66px)}.hash-app{border-radius:22px}.hash-toolbar,.hash-intro,.hash-card-heading,.hash-activity{flex-direction:column;align-items:stretch}.hash-algorithm-badge{text-align:left}.hash-exactness{max-width:none}.hash-card-heading>span{align-self:flex-start;max-width:100%}.hash-segmented.algorithms{grid-template-columns:repeat(2,minmax(0,1fr))}.hash-security-strip{grid-template-columns:1fr}}@media (width<=520px){.hash-toolbar,.hash-intro,.hash-card-heading,.hash-card-body{padding-inline:13px}.hash-segmented.two,.hash-facts,.hash-result dl{grid-template-columns:1fr}.hash-actions{grid-template-columns:1fr;display:grid}.hash-link-button{min-height:36px}.hash-compare-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hash-app *,.hash-app :before,.hash-app :after{scroll-behavior:auto!important;transition:none!important}}