:root{--bg: #fbfaf7;--surface: #ffffff;--ink: #1c1917;--muted: #6b6560;--line: #e7e2da;--brand: #0f766e;--brand-ink: #ffffff;--brand-soft: #e6f4f1;--accent: #db2777;--radius: 12px;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 4px 16px rgb(0 0 0 / .05);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}img,svg{max-width:100%;height:auto}a{color:var(--brand)}h1,h2,h3{line-height:1.25}h1{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:1.2rem 0 .5rem;letter-spacing:-.01em}h2{font-size:1.4rem;margin-top:2.4rem}h3{font-size:1.1rem;margin-top:1.6rem}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.small{font-size:.87rem}.muted{color:var(--muted)}.lede{font-size:1.12rem;color:#3f3a36;max-width:46rem}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.3rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:2px}.logo-mark{background:var(--brand);color:#fff;border-radius:7px;padding:0 6px;margin-right:2px}.site-header nav{display:flex;gap:14px;flex-wrap:wrap}.site-header nav a{color:var(--ink);text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--brand)}.site-footer{margin-top:4rem;padding:2rem 0 3rem;border-top:1px solid var(--line);background:var(--surface)}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:1rem}.site-footer p{color:var(--muted);max-width:48rem}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.65rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.btn:hover{border-color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed}.linkish{appearance:none;background:none;border:0;padding:0;color:var(--brand);font:inherit;cursor:pointer;text-decoration:underline}.btn-big{font-size:1.08rem;padding:.85rem 1.5rem;min-height:52px}.small-btn{padding:.4rem .9rem;min-height:40px;font-size:.95rem}.checker{margin:1.4rem 0 2.4rem}.checker-h{margin-top:0}.mode-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px}.mode-label{font-weight:700}.seg{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;margin:0;gap:2px;background:var(--surface)}.seg label{flex:1;text-align:center}.seg input{position:absolute;opacity:0}.seg span{display:block;white-space:nowrap;padding:.55rem 1rem;border-radius:999px;cursor:pointer;font-weight:600}.seg.big span{padding:.7rem 1.2rem;font-size:1.02rem}.seg input:checked+span{background:var(--brand);color:#fff}.seg input:focus-visible+span{outline:3px solid var(--accent)}.drop{border:3px dashed #c9c1b5;border-radius:var(--radius);background:var(--surface);padding:2.6rem 1rem;text-align:center;transition:background .15s,border-color .15s}.drop.over{background:var(--brand-soft);border-color:var(--brand)}.drop-title{font-size:1.35rem;margin:0}.drop-or{margin:.3rem 0 .7rem;color:var(--muted)}.drop-note{margin:.9rem 0 .2rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px 16px;font-weight:600}.file-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.file-name{font-weight:700;word-break:break-all}.results-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:900px){.results-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.preview-card{position:sticky;top:12px}}.preview{border-radius:8px;border:1px solid var(--line);background:#fff;min-height:220px;display:grid;place-items:center;overflow:hidden}.preview svg{display:block;width:100%;height:auto;max-height:72vh}.preview svg[data-focus]:not([data-focus=""]) .mark{opacity:.12}.preview svg[data-focus=open] .mark[data-issue=open],.preview svg[data-focus=double] .mark[data-issue=double],.preview svg[data-focus=shared] .mark[data-issue=shared],.preview svg[data-focus=dots] .mark[data-issue=dots],.preview svg[data-focus=tiny] .mark[data-issue=tiny],.preview svg[data-focus=text] .mark[data-issue=text],.preview svg[data-focus=image] .mark[data-issue=image]{opacity:1}.legend{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px}.key:before{content:"";display:inline-block;width:.8em;height:.8em;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:-1px}.verdict{margin:0 0 12px;font-size:1.3rem}.verdict.good{color:#15803d}.verdict.bad{color:#b91c1c}.verdict.meh{color:#a16207}.issues{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}.issue{border:1px solid var(--line);border-left:6px solid var(--c);border-radius:10px;padding:10px 14px;background:#fff}.issue.info{border-left-color:#d6d3d1}.issue p{margin:.35rem 0}.issue-head{display:flex;gap:8px;align-items:baseline}.issue .dot{flex:0 0 auto;width:.75em;height:.75em;border-radius:50%;background:var(--c)}.issue.info .dot{background:#a8a29e}.will-fix{color:#15803d;font-weight:600}.todo{background:#fffbeb;border-radius:6px;padding:6px 8px}.issue-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.95rem}.fix-row{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 12px}.fixed-log{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;margin-bottom:12px}.fixed-log ul{margin:.3rem 0 0;padding-left:1.2rem}.size-box,.downloads{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.size-box.warn{background:#fffbeb;border-radius:10px;padding:10px 12px;border:1px solid #fde68a}.size-box h4,.downloads h4{margin:0 0 6px;font-size:1.05rem}.size-box p{margin:0 0 8px}.size-edit,.size-quick,.dl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.size-edit input{width:7.5rem}input[type=number],select{font:inherit;padding:.5rem .6rem;border:1px solid #cfc8bd;border-radius:8px;background:#fff;min-height:44px}.dl-row .btn{display:inline-flex;flex-direction:column;line-height:1.2}.dl-row .btn .small{font-weight:400}.settings .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-weight:600}.settings input{width:6rem}.email-gate{border:0;border-radius:var(--radius);padding:22px 22px 14px;max-width:30rem;width:calc(100% - 32px);box-shadow:0 10px 40px #00000040}.email-gate::backdrop{background:#00000073}.email-gate h3{margin:0 0 8px;font-size:1.3rem}.gate-row{display:grid;gap:6px;font-weight:700;margin:12px 0}.gate-row input{font:inherit;font-size:1.1rem;padding:.7rem .8rem;border:1px solid #cfc8bd;border-radius:10px;min-height:52px}.gate-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.example{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:1.2rem 0}.example h3{margin-top:0}.example ul{margin:.3rem 0}.prose{max-width:46rem}.prose li{margin:.3rem 0}.callout{background:var(--brand-soft);border-radius:var(--radius);padding:12px 16px;margin:1.2rem 0}.def{font-size:1.05rem;border-left:4px solid var(--brand);padding:4px 0 4px 14px;margin:1rem 0}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}figure.card{margin:0;padding:10px}figure.card img{display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card h3{margin-top:0}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}.figure-pair figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px}.figure-pair figcaption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:4px}.steps{counter-reset:s;list-style:none;padding:0}.steps>li{counter-increment:s;position:relative;padding-left:2.6rem;margin:1rem 0}.steps>li:before{content:counter(s);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:grid;place-items:center;font-size:.95rem}details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:600;cursor:pointer}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top}.table-wrap{overflow-x:auto}.dl-list a{font-weight:600}