:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#667083;--paper:#fffdfa;--line:#d9d6ce;--orange:#e86c45;--teal:#0d5c70;background:#f4f1ea;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% 8%,#fff9e9 0 18%,#0000 42%),linear-gradient(140deg,#f7f2e8,#eaf1ee 72%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}#root{min-height:100vh}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5efe0;border-bottom:1px solid #d9d6cecc;position:sticky;top:0}.nav-wrap,.footer-content{width:min(1120px,100% - 40px);margin:auto}.nav-wrap{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand,.footer-brand{align-items:center;gap:10px;font:700 19px Arial,sans-serif;display:inline-flex}.brand-mark{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font:700 18px monospace;display:inline-flex}.nav-links,.footer-links{color:#586276;gap:25px;font:600 13px Arial,sans-serif;display:flex}.nav-links a:hover,.footer-links a:hover{color:var(--teal)}.page-shell{flex:1;width:min(1120px,100% - 40px);margin:auto;padding:70px 0 100px}.hero{justify-content:space-between;align-items:end;gap:40px;padding-bottom:54px;display:flex}.eyebrow,.kicker{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:0 0 13px;font:700 11px Arial,sans-serif}.hero h1{letter-spacing:-.06em;max-width:620px;margin:0;font-size:clamp(3.3rem,8vw,7.5rem);line-height:.86}.hero-copy{max-width:480px;color:var(--muted);margin:27px 0 0;font-size:1.25rem;line-height:1.5}.privacy-badge{color:#21684c;background:#e8f3ec;border:1px solid #b9d8c9;align-items:flex-start;gap:12px;max-width:285px;padding:15px 17px;font:14px Arial,sans-serif;display:flex}.privacy-badge small,.privacy-badge strong{display:block}.privacy-badge small{color:#477762;margin-top:5px;line-height:1.35}.workspace,.results-section,.file-section,.compare-section,.faq{border-top:1px solid var(--line);padding:35px 0}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:21px;display:flex}.section-heading h2,.info-grid h2,.faq h2{letter-spacing:-.04em;margin:0;font-size:2rem}.count,.hint{color:var(--muted);font:13px Arial,sans-serif}.count{white-space:nowrap}textarea{resize:vertical;width:100%;min-height:235px;color:var(--ink);background:#fffdfabf;border:1px solid #bfc9c5;border-radius:3px;outline:none;padding:22px;font:1.12rem/1.6 monospace;display:block}textarea:focus,input:focus,.file-picker:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d5c7026}textarea::placeholder{color:#9aa2a3}.input-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:12px;font:13px Arial,sans-serif;display:flex}.button,.icon-button{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font:700 13px Arial,sans-serif;display:inline-flex}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#294052}.button-quiet{color:var(--ink);background:0 0;padding:7px 0}.toolbar{align-items:center;gap:12px;display:flex}.segmented{border:1px solid var(--line);background:var(--paper);border-radius:3px;display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);color:var(--muted);background:0 0;padding:9px 11px;font:12px Arial,sans-serif}.segmented button:last-child{border:0}.segmented .selected{color:var(--ink);background:#dce9e5;font-weight:700}.hash-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.hash-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--teal);min-width:0;padding:19px;box-shadow:0 10px 24px #1720330d}.card-top{justify-content:space-between;gap:10px;display:flex}.hash-card h3{margin:0;font:700 1.2rem Arial,sans-serif}.hash-card span{color:var(--muted);margin-top:5px;font:11px Arial,sans-serif;display:block}.icon-button{width:34px;height:34px;color:var(--teal);background:#edf3f0;padding:0}.hash-card code,.file-hashes code{color:#34455a;overflow-wrap:anywhere;word-break:break-word;margin-top:24px;font:13px/1.65 SFMono-Regular,Consolas,monospace;display:block}.hint{margin:17px 0 0}.file-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}.file-section>.section-heading{grid-column:1/-1}.file-picker{min-height:105px;color:var(--teal);background:#e6f1eb99;border:1px dashed #9dbab4;align-items:center;gap:15px;padding:20px;font-family:Arial,sans-serif;display:flex}.file-picker span{color:var(--ink)}.file-picker strong,.file-picker small{display:block}.file-picker small{color:var(--muted);margin-top:5px;font-size:12px}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.file-result{background:var(--paper);border:1px solid var(--line);padding:18px}.file-details{justify-content:space-between;gap:15px;font:13px Arial,sans-serif;display:flex}.file-details span{color:var(--muted);text-align:right}.file-hashes{margin-top:16px}.file-hashes>div{border-top:1px solid #ebe8e1;grid-template-columns:65px 1fr;gap:8px;padding:8px 0;display:grid}.file-hashes span{font:700 12px Arial,sans-serif}.file-hashes code{margin:0;font-size:11px}.status{color:var(--muted);align-items:center;gap:8px;font:13px Arial,sans-serif;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.compare-section{display:block}.compare-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px;display:grid}.compare-grid label{color:var(--muted);gap:8px;font:12px Arial,sans-serif;display:grid}.compare-grid input{border:1px solid var(--line);background:var(--paper);outline:none;min-width:0;padding:12px;font:13px monospace}.compare-result{margin:15px 0 0;padding:10px 12px;font:700 13px Arial,sans-serif;display:inline-block}.match{color:#21684c;background:#e4f3e9}.different{color:#9b432c;background:#fff0e9}.info-grid{grid-template-columns:1fr 1fr;gap:15px;padding:45px 0;display:grid}.info-grid article{background:#dde9e5;padding:25px}.info-grid article+article{background:#f3e5d6}.info-grid h2{margin:12px 0;font-size:1.55rem}.info-grid p{color:#536171;line-height:1.6}.faq{max-width:790px}.faq h2{margin-bottom:18px}.faq details{border-top:1px solid var(--line);padding:17px 0;font-family:Arial,sans-serif}.faq summary{cursor:pointer;font-weight:700}.faq details p{max-width:680px;color:var(--muted);margin:12px 0 0;line-height:1.55}.site-footer{background:var(--ink);color:#eef3f9;padding:38px 0 25px}.footer-brand{color:#fff}.footer-links{color:#d4ddea;margin-top:22px}.site-footer small{color:#d4ddea;border-top:1px solid #ffffff26;margin-top:25px;padding-top:17px;font:12px Arial,sans-serif;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.nav-wrap,.footer-content,.page-shell{width:min(100% - 28px,1120px)}.nav-links{display:none}.page-shell{padding-top:42px}.hero{padding-bottom:36px;display:block}.hero h1{font-size:clamp(3.4rem,17vw,6rem)}.privacy-badge{margin-top:28px}.section-heading{align-items:start;display:block}.count{margin-top:10px;display:block}.toolbar{justify-content:space-between;margin-top:15px}.hash-grid,.file-section,.compare-grid,.info-grid{grid-template-columns:1fr}.file-section>.section-heading{grid-column:auto}.file-details{display:block}.file-details span{text-align:left;margin-top:5px;display:block}.input-meta{align-items:flex-start}.hero-copy{font-size:1.1rem}}.hero h1{white-space:nowrap}.faq-intro{border-left:3px solid var(--teal);background:#e6f1eba6;margin:0 0 22px;padding:18px 20px}.faq-intro h3{margin:0 0 8px;font:700 15px Arial,sans-serif}.faq-intro p{max-width:680px;color:var(--muted);margin:0;font:14px/1.6 Arial,sans-serif}.compare-help{max-width:700px;color:var(--muted);margin:14px 0 0;font:14px/1.6 Arial,sans-serif}@media (width<=700px){.hero h1{font-size:clamp(2.35rem,13vw,6rem)}}:root,body{background:#f8fafc}