.dc-hero{flex-direction:column;gap:12px;margin-top:8px;display:flex}.dc-one{font:400 clamp(18px, 2.4vw, 24px) / 1.3 var(--syn-pixel);color:var(--syn-ink);margin:0}.dc-hero .film{margin:0}.dc-note{font:12px/1.45 var(--syn-mono);color:var(--syn-muted);margin:0 2px}.dc-check{scroll-margin-top:80px}.dc-tool{gap:16px;max-width:920px;margin:0 auto;display:grid}.dc-form{gap:10px;padding:22px;display:grid}.dc-input-row{gap:10px;display:flex}.dc-input-row input{border:1px solid var(--syn-line-2);background:var(--syn-bg);min-width:0;min-height:48px;color:var(--syn-ink);font:16px/1.3 var(--syn-mono);border-radius:14px;flex:1;padding:10px 14px}.dc-input-row input:focus-visible{outline:2px solid var(--syn-accent);outline-offset:1px}.dc-input-row input[aria-invalid=true]{border-color:var(--syn-crit);box-shadow:0 0 0 3px color-mix(in srgb, var(--syn-crit) 16%, transparent)}.dc-input-row .btn{min-width:108px;min-height:48px}.dc-hint,.dc-err{color:var(--syn-muted);margin:0;font-size:13px}.dc-err{color:var(--syn-crit)}.dc-examples{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dc-ex{cursor:pointer;min-height:32px;font-size:12.5px}.dc-ex:hover:not([disabled]){border-color:var(--syn-line-2);color:var(--syn-ink)}.dc-ex[disabled]{opacity:.6;cursor:progress}.dc-loading{align-items:center;gap:14px;display:flex}.dc-loading p{color:var(--syn-ink-2);margin:0}.dc-spin{border:2.5px solid var(--syn-line-2);border-top-color:var(--syn-accent);border-radius:50%;flex:none;width:22px;height:22px;animation:.9s linear infinite dc-spin}@keyframes dc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dc-spin{animation-duration:2.4s}}.dc-notice{background:color-mix(in srgb, var(--syn-crit) 8%, var(--syn-surface));border:1px solid color-mix(in srgb, var(--syn-crit) 30%, transparent);border-radius:14px;margin:0;padding:12px 14px}.dc-report{outline:none;gap:16px;display:grid}.dc-summary{align-items:center;gap:24px;padding:24px;display:flex}.dc-ring{flex:none;width:132px;height:132px;position:relative}.dc-ring svg{display:block;transform:rotate(-90deg)}.dc-ring .track{stroke:var(--syn-line-2)}.dc-ring .val{stroke:var(--syn-ok);transition:stroke-dashoffset .6s var(--syn-ease)}.dc-ring.warn .val{stroke:var(--syn-warn)}.dc-ring.fail .val{stroke:var(--syn-crit)}.dc-ring-in{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.dc-ring-in b{font:400 46px/1 var(--syn-pixel)}.dc-ring-in small{font:600 11.5px/1.2 var(--syn-mono);color:var(--syn-muted);margin-top:4px}.dc-sum-text{gap:6px;min-width:0;display:grid}.dc-domain{overflow-wrap:anywhere;margin:0;font-size:clamp(19px,3vw,24px);font-weight:650}.dc-verdict{color:var(--syn-ink);margin:0}.dc-muted,.dc-meta{color:var(--syn-muted)}.dc-meta{margin:0;font-size:13px}.dc-counts{flex-wrap:wrap;gap:6px;margin:2px 0;padding:0;list-style:none;display:flex}.dc-counts li{font:600 12px/1.2 var(--syn-mono);border:1px solid var(--syn-line);background:var(--syn-panel-2);color:var(--syn-ink-2);border-radius:999px;padding:5px 9px}.dc-counts li.ok{color:var(--syn-ok)}.dc-counts li.warn{color:var(--syn-warn)}.dc-counts li.fail{color:var(--syn-crit)}.dc-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.dc-notes{border:1px dashed var(--syn-line-2);color:var(--syn-ink-2);border-radius:14px;margin:0;padding:12px 16px 12px 32px;font-size:14px}.dc-group{background:var(--syn-surface);border:1px solid var(--syn-line);box-shadow:var(--syn-shadow);border-radius:20px;overflow:hidden}.dc-group-head{border-bottom:1px solid var(--syn-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:16px 20px 12px;display:flex}.dc-group-head h3{margin:0;font-size:17px;font-weight:650}.dc-group-count{font:600 12px/1.2 var(--syn-mono);color:var(--syn-muted)}.dc-rows{margin:0;padding:0;list-style:none}.dc-row{border-top:1px solid var(--syn-line);grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px 20px;display:grid}.dc-row:first-child{border-top:0}.dc-pill{border:1px solid var(--syn-line-2);background:var(--syn-panel-2);color:var(--syn-ink-2);font:600 12px/1.2 var(--syn-mono);border-radius:999px;justify-content:flex-start;align-self:start;align-items:center;gap:6px;padding:4px 9px 4px 5px;display:inline-flex}.dc-pill i{width:18px;height:18px;color:var(--syn-surface);background:var(--syn-muted);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.dc-pill.ok{color:var(--syn-ok);border-color:color-mix(in srgb, var(--syn-ok) 40%, transparent);background:color-mix(in srgb, var(--syn-ok) 10%, transparent)}.dc-pill.ok i{background:var(--syn-ok)}.dc-pill.warn{color:var(--syn-warn);border-color:color-mix(in srgb, var(--syn-warn) 40%, transparent);background:color-mix(in srgb, var(--syn-warn) 10%, transparent)}.dc-pill.warn i{background:var(--syn-warn)}.dc-pill.fail{color:var(--syn-crit);border-color:color-mix(in srgb, var(--syn-crit) 40%, transparent);background:color-mix(in srgb, var(--syn-crit) 9%, transparent)}.dc-pill.fail i{background:var(--syn-crit)}.dc-row-body{min-width:0}.dc-row-top{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.dc-row-top b{font-weight:650}.dc-val{font:13px/1.45 var(--syn-mono);color:var(--syn-ink-2);overflow-wrap:anywhere}.dc-reason,.dc-fix{color:var(--syn-ink-2);margin:4px 0 0;font-size:14px;line-height:1.55}.dc-fix span{color:var(--syn-ink);font-weight:650}.dc-why .sc h3{margin-top:8px}.dc-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dc-list li{color:var(--syn-ink-2);gap:10px;font-size:14.5px;line-height:1.55;display:flex}.dc-li{background:var(--syn-panel-2);width:22px;height:22px;color:var(--syn-muted);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.dc-li.ok{background:color-mix(in srgb, var(--syn-ok) 14%, transparent);color:var(--syn-ok)}@media (max-width:640px){.dc-form{padding:16px}.dc-input-row{flex-direction:column}.dc-input-row .btn{width:100%}.dc-summary{flex-direction:column;align-items:flex-start;padding:18px}.dc-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px}.dc-pill{justify-self:start}.dc-group-head{padding:14px 16px 10px}}
