#shg-app{--shg-primary:#1D4ED8;--shg-primary-hov:#1a44c0;--shg-primary-dim:rgba(29,78,216,.08);--shg-primary-glo:rgba(29,78,216,.2);--shg-primary-txt:#1a44c0;--shg-text:#0a1628;--shg-text2:#2a3d6a;--shg-text3:#5a6f98;--shg-text4:#8fa3c8;--shg-bg:#f4f6fb;--shg-bg2:#ffffff;--shg-bg3:#eef1f8;--shg-bg4:#e4e9f4;--shg-bd:#dde3ef;--shg-bd2:#c8d1e8;--shg-ok:#15803d;--shg-ok-dim:rgba(21,128,61,.09);--shg-ok-bdr:rgba(21,128,61,.3);--shg-warn:#b45309;--shg-warn-dim:rgba(180,83,9,.08);--shg-warn-bdr:rgba(180,83,9,.3);--shg-err:#b91c1c;--shg-err-dim:rgba(185,28,28,.08);--shg-err-bdr:rgba(185,28,28,.3);--shg-shadow:0 1px 3px rgba(10,22,40,.07), 0 2px 8px rgba(10,22,40,.05);--shg-r:10px;--shg-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--shg-mono:'SF Mono', ui-monospace, 'Cascadia Code', monospace;all:revert;display:block;font-family:var(--shg-font);font-size:16px;line-height:1.5;color:var(--shg-text);background:var(--shg-bg);box-sizing:border-box;overflow-x:hidden}#shg-app *,#shg-app *::before,#shg-app *::after{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-family:var(--shg-font)}#shg-app .shg-wrap{max-width:860px;margin:0 auto;padding:20px 14px 56px;width:100%}#shg-app .shg-input-card{background:var(--shg-bg2);border:1px solid var(--shg-bd);border-radius:var(--shg-r);padding:16px;margin-bottom:16px;box-shadow:var(--shg-shadow)}#shg-app .shg-sec-label{display:flex;align-items:center;gap:7px;margin-bottom:12px}#shg-app .shg-sec-label svg{color:var(--shg-primary);flex-shrink:0;width:14px;height:14px}#shg-app .shg-sec-label span{font-size:11px;font-weight:700;color:var(--shg-text4);letter-spacing:.09em;text-transform:uppercase}#shg-app .shg-sec-label::after{content:'';flex:1;height:1px;background:var(--shg-bd)}#shg-app .shg-input-row{display:flex;gap:8px;flex-wrap:wrap}#shg-app input[type="url"],#shg-app input[type="text"]{flex:1;min-width:0;background:var(--shg-bg2);border:1px solid var(--shg-bd);border-radius:7px;color:var(--shg-text);font-family:var(--shg-mono);font-size:13px;padding:10px 13px;outline:none;transition:border-color .14s,box-shadow .14s;-webkit-appearance:none;appearance:none}#shg-app input:focus{border-color:var(--shg-primary);box-shadow:0 0 0 3px var(--shg-primary-dim)}#shg-app input::placeholder{color:var(--shg-text4)}#shg-app input.shg-is-err{border-color:var(--shg-err)}#shg-app .shg-grade-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 28px;background:var(--shg-primary);color:#fff;border:none;border-radius:7px;font-family:var(--shg-font);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px var(--shg-primary-glo);transition:background .14s}#shg-app .shg-grade-btn:hover{background:var(--shg-primary-hov)}#shg-app .shg-grade-btn:disabled{opacity:.45;cursor:not-allowed}#shg-app .shg-grade-btn svg{width:15px;height:15px}#shg-app .shg-status{display:none;align-items:center;gap:7px;font-size:13px;padding:8px 12px;border-radius:7px;margin-top:10px}#shg-app .shg-status.shg-show{display:flex}#shg-app .shg-status.shg-loading{background:var(--shg-primary-dim);color:var(--shg-primary-txt);border:1px solid var(--shg-primary-glo)}#shg-app .shg-status.shg-error{background:var(--shg-err-dim);color:var(--shg-err);border:1px solid var(--shg-err-bdr)}#shg-app .shg-status svg{width:13px;height:13px;flex-shrink:0}#shg-app .shg-score-block{background:var(--shg-bg2);border:1px solid var(--shg-bd);border-radius:var(--shg-r);margin-bottom:16px;box-shadow:var(--shg-shadow);overflow:hidden}#shg-app .shg-grade-band{display:flex;align-items:center;gap:18px;padding:22px 20px;border-bottom:1px solid var(--shg-bd)}#shg-app .shg-grade-letter{width:78px;height:78px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--shg-mono);font-size:44px;font-weight:900;flex-shrink:0;box-shadow:0 2px 12px rgb(10 22 40 / .1);border:2px solid #fff0}#shg-app .shg-grade-info{flex:1;min-width:0}#shg-app .shg-grade-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:2px}#shg-app .shg-grade-label{font-size:22px;font-weight:800;line-height:1.1;margin-bottom:5px}#shg-app .shg-grade-sub{font-size:13px;color:var(--shg-text3);line-height:1.45}#shg-app .shg-counts{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--shg-bd)}#shg-app .shg-count-cell{text-align:center;padding:14px 8px}#shg-app .shg-count-cell:nth-child(1),#shg-app .shg-count-cell:nth-child(2){border-right:1px solid var(--shg-bd)}#shg-app .shg-count-val{font-family:var(--shg-mono);font-size:24px;font-weight:800;line-height:1}#shg-app .shg-count-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-top:4px;opacity:.8}#shg-app .shg-progress{display:flex;height:4px;border-bottom:1px solid var(--shg-bd)}#shg-app .shg-meta-row{padding:12px 20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;border-bottom:1px solid var(--shg-bd)}#shg-app .shg-meta-key{font-size:10px;font-weight:700;color:var(--shg-text4);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px}#shg-app .shg-meta-val{font-family:var(--shg-mono);font-size:12px;color:var(--shg-text2)}#shg-app .shg-actions-row{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}#shg-app .shg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--shg-bg2);border:1px solid var(--shg-bd);border-radius:6px;color:var(--shg-text2);font-family:var(--shg-font);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s;line-height:1}#shg-app .shg-btn:hover{background:var(--shg-bg3);border-color:var(--shg-bd2)}#shg-app .shg-btn svg{width:12px;height:12px}#shg-app .shg-btn.shg-btn-copied{color:var(--shg-ok);border-color:var(--shg-ok-bdr);background:var(--shg-ok-dim)}#shg-app .shg-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:none;border:1px solid var(--shg-bd);border-radius:6px;color:var(--shg-text3);font-family:var(--shg-font);font-size:12px;font-weight:500;cursor:pointer;transition:all .14s;line-height:1}#shg-app .shg-btn-ghost:hover{background:var(--shg-bg3);color:var(--shg-text)}#shg-app .shg-btn-ghost svg{width:12px;height:12px}#shg-app .shg-section{margin-bottom:12px}#shg-app .shg-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 2px}#shg-app .shg-section-header svg{width:13px;height:13px;flex-shrink:0}#shg-app .shg-section-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}#shg-app .shg-section-line{flex:1;height:1px}#shg-app .shg-cards{display:flex;flex-direction:column;gap:8px}#shg-app .shg-hcard{background:var(--shg-bg2);border:1px solid var(--shg-bd);border-radius:var(--shg-r);overflow:hidden;box-shadow:var(--shg-shadow)}#shg-app .shg-hcard-head{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;user-select:none;border-left:3px solid #fff0;transition:background .12s}#shg-app .shg-hcard-head:hover{background:var(--shg-bg3)}#shg-app .shg-hcard-title-wrap{flex:1;min-width:0}#shg-app .shg-hcard-name{font-family:var(--shg-mono);font-size:13px;font-weight:700;color:var(--shg-text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shg-app .shg-hcard-value{font-family:var(--shg-mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shg-app .shg-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:5px;padding:3px 9px;flex-shrink:0}#shg-app .shg-badge svg{width:11px;height:11px}#shg-app .shg-badge-pass{background:var(--shg-ok-dim);border:1px solid var(--shg-ok-bdr);color:var(--shg-ok)}#shg-app .shg-badge-warn{background:var(--shg-warn-dim);border:1px solid var(--shg-warn-bdr);color:var(--shg-warn)}#shg-app .shg-badge-fail{background:var(--shg-err-dim);border:1px solid var(--shg-err-bdr);color:var(--shg-err)}#shg-app .shg-badge-info{background:var(--shg-bg3);border:1px solid var(--shg-border2);color:var(--shg-text3)}#shg-app .shg-chevron{color:var(--shg-text4);display:inline-flex;transition:transform .18s;flex-shrink:0}#shg-app .shg-chevron svg{width:11px;height:11px}#shg-app .shg-chevron.shg-open{transform:rotate(90deg)}#shg-app .shg-hcard-body{display:none;padding:0 16px 16px 19px;border-top:1px solid var(--shg-bd)}#shg-app .shg-hcard-body.shg-open{display:block}#shg-app .shg-body-section{margin-top:13px}#shg-app .shg-body-label{font-size:10px;font-weight:700;color:var(--shg-text4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}#shg-app .shg-body-text{font-size:13px;color:var(--shg-text3);line-height:1.65}#shg-app .shg-body-text.shg-problem{color:var(--shg-text2)}#shg-app .shg-fix-box{display:flex;align-items:flex-start;gap:8px;border-radius:7px;padding:10px 12px;margin-top:5px}#shg-app .shg-fix-box svg{flex-shrink:0;margin-top:1px;width:12px;height:12px}#shg-app .shg-fix-code{font-family:var(--shg-mono);font-size:11px;color:var(--shg-text2);white-space:pre-wrap;word-break:break-all;line-height:1.7}@keyframes shg-spin{to{transform:rotate(360deg)}}#shg-app .shg-spin{animation:shg-spin .7s linear infinite;display:inline-block}@media (min-width:600px){#shg-app .shg-input-row{flex-wrap:nowrap}#shg-app .shg-grade-btn{width:auto;flex-shrink:0;font-size:14px}#shg-app .shg-wrap{padding:28px 20px 72px}}#shg-app ::-webkit-scrollbar{width:5px}#shg-app ::-webkit-scrollbar-thumb{background:var(--shg-bd2);border-radius:3px}