:root{--pf-gray-50:#f8f9fa;--pf-gray-100:#e9ecef;--pf-gray-200:#dee2e6;--pf-gray-300:#ced4da;--pf-gray-400:#adb5bd;--pf-gray-500:#6c757d;--pf-gray-600:#495057;--pf-gray-700:#343a40;--pf-gray-800:#212529;--pf-gray-900:#16191d;--pf-bg:var(--pf-gray-900);--pf-bg-card:#1c2026;--pf-bg-input:#252a31;--pf-text:#e4e7eb;--pf-text-muted:var(--pf-gray-400);--pf-text-heading:#fff;--pf-border:var(--pf-gray-700);--pf-focus-ring:#6ea8fe;--pf-crit:#f87171;--pf-crit-bg:#f871711a;--pf-high:#fb923c;--pf-high-bg:#fb923c1a;--pf-med:#facc15;--pf-med-bg:#facc1514;--pf-low:#4ade80;--pf-low-bg:#4ade8014;--pf-info:#60a5fa;--pf-info-bg:#60a5fa14;--pf-breached:var(--pf-crit);--pf-breached-bg:var(--pf-crit-bg);--pf-safe:#34d399;--pf-safe-bg:#34d3991a;--pf-unavailable:var(--pf-gray-400);--pf-unavailable-bg:#adb5bd14;--pf-font:"Inter", system-ui, -apple-system, sans-serif;--pf-font-mono:"JetBrains Mono", ui-monospace, monospace;--pf-text-xs:.75rem;--pf-text-sm:.875rem;--pf-text-base:1rem;--pf-text-lg:1.125rem;--pf-text-xl:1.25rem;--pf-text-2xl:1.5rem;--pf-text-3xl:2rem;--pf-space-1:.25rem;--pf-space-2:.5rem;--pf-space-3:.75rem;--pf-space-4:1rem;--pf-space-5:1.25rem;--pf-space-6:1.5rem;--pf-space-8:2rem;--pf-space-10:2.5rem;--pf-space-12:3rem;--pf-radius-sm:.375rem;--pf-radius-md:.5rem;--pf-radius-lg:.75rem;--pf-radius-full:9999px;--pf-transition-fast:.15s ease;--pf-transition-base:.25s ease;--pf-transition-slow:.4s ease;--pf-meter-0:var(--pf-crit);--pf-meter-1:var(--pf-high);--pf-meter-2:var(--pf-med);--pf-meter-3:var(--pf-low);--pf-meter-4:var(--pf-info)}@media (prefers-reduced-motion:reduce){:root{--pf-transition-fast:0s;--pf-transition-base:0s;--pf-transition-slow:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--pf-font);background:var(--pf-bg);color:var(--pf-text);min-height:100vh;line-height:1.6}.pf-app{max-width:36rem;padding:var(--pf-space-8) var(--pf-space-4);margin:0 auto}.pf-header{text-align:center;margin-bottom:var(--pf-space-10)}.pf-title{font-size:var(--pf-text-3xl);color:var(--pf-text-heading);letter-spacing:-.02em;font-weight:700}.pf-subtitle{font-size:var(--pf-text-sm);color:var(--pf-text-muted);margin-top:var(--pf-space-1)}.pf-card{background:var(--pf-bg-card);border:1px solid var(--pf-border);border-radius:var(--pf-radius-lg);padding:var(--pf-space-6);margin-bottom:var(--pf-space-6)}.pf-input-group{position:relative}.pf-input-label{font-size:var(--pf-text-sm);color:var(--pf-text-muted);margin-bottom:var(--pf-space-2);font-weight:500;display:block}.pf-input-wrapper{align-items:center;display:flex;position:relative}.pf-input{width:100%;padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-bg-input);border:1px solid var(--pf-border);border-radius:var(--pf-radius-md);color:var(--pf-text);font-family:var(--pf-font-mono);font-size:var(--pf-text-base);transition:border-color var(--pf-transition-fast);outline:none;padding-right:3rem}.pf-input:focus{border-color:var(--pf-focus-ring);box-shadow:0 0 0 2px #6ea8fe40}.pf-toggle-vis{right:var(--pf-space-2);color:var(--pf-text-muted);cursor:pointer;padding:var(--pf-space-2);font-size:var(--pf-text-sm);border-radius:var(--pf-radius-sm);background:0 0;border:none;line-height:1;position:absolute}.pf-toggle-vis:hover{color:var(--pf-text)}.pf-toggle-vis:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:2px}.pf-length-warning{margin-top:var(--pf-space-2);font-size:var(--pf-text-xs);color:var(--pf-high);font-weight:500}.pf-meter{margin-top:var(--pf-space-4)}.pf-meter-track{gap:var(--pf-space-1);height:6px;display:flex}.pf-meter-seg{background:var(--pf-gray-700);border-radius:var(--pf-radius-full);transition:background var(--pf-transition-base);flex:1}.pf-meter-seg[data-active=true]{background:var(--meter-color,var(--pf-gray-400))}.pf-meter-label{margin-top:var(--pf-space-2);font-size:var(--pf-text-sm);justify-content:space-between;align-items:baseline;display:flex}.pf-score-text{font-weight:600}.pf-score-text[data-severity=crit]{color:var(--pf-crit)}.pf-score-text[data-severity=high]{color:var(--pf-high)}.pf-score-text[data-severity=med]{color:var(--pf-med)}.pf-score-text[data-severity=low]{color:var(--pf-low)}.pf-score-text[data-severity=info]{color:var(--pf-info)}.pf-crack-time{margin-top:var(--pf-space-3);font-size:var(--pf-text-sm);color:var(--pf-text-muted)}.pf-crack-headline{color:var(--pf-text);font-weight:500}.pf-crack-context{font-size:var(--pf-text-xs);color:var(--pf-text-muted);font-style:italic}.pf-crack-expand{color:var(--pf-focus-ring);cursor:pointer;font-size:var(--pf-text-xs);margin-top:var(--pf-space-1);background:0 0;border:none;padding:0}.pf-crack-expand:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:2px}.pf-crack-details{margin-top:var(--pf-space-2);padding:var(--pf-space-3);background:var(--pf-bg-input);border-radius:var(--pf-radius-sm);font-size:var(--pf-text-xs);gap:var(--pf-space-1);display:grid}.pf-crack-row{justify-content:space-between;display:flex}.pf-crack-scenario{color:var(--pf-text-muted)}.pf-crack-value{color:var(--pf-text);font-family:var(--pf-font-mono)}.pf-findings{gap:var(--pf-space-2);margin-top:var(--pf-space-4);list-style:none;display:grid}.pf-finding{align-items:flex-start;gap:var(--pf-space-3);padding:var(--pf-space-3);border-radius:var(--pf-radius-sm);font-size:var(--pf-text-sm);display:flex}.pf-finding[data-severity=crit]{background:var(--pf-crit-bg);border-left:3px solid var(--pf-crit)}.pf-finding[data-severity=high]{background:var(--pf-high-bg);border-left:3px solid var(--pf-high)}.pf-finding[data-severity=med]{background:var(--pf-med-bg);border-left:3px solid var(--pf-med)}.pf-finding[data-severity=low]{background:var(--pf-low-bg);border-left:3px solid var(--pf-low)}.pf-finding[data-severity=info]{background:var(--pf-info-bg);border-left:3px solid var(--pf-info)}.pf-finding-code{font-family:var(--pf-font-mono);font-size:var(--pf-text-xs);color:var(--pf-text-muted);white-space:nowrap}.pf-finding-action{color:var(--pf-text)}.pf-breach{margin-top:var(--pf-space-4)}.pf-breach-btn{width:100%;padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-bg-input);border:1px solid var(--pf-border);border-radius:var(--pf-radius-md);color:var(--pf-text);font-family:var(--pf-font);font-size:var(--pf-text-sm);cursor:pointer;transition:border-color var(--pf-transition-fast), background var(--pf-transition-fast);font-weight:500}.pf-breach-btn:hover:not(:disabled){border-color:var(--pf-focus-ring);background:var(--pf-bg-card)}.pf-breach-btn:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:2px}.pf-breach-btn:disabled{opacity:.5;cursor:not-allowed}.pf-breach-result{margin-top:var(--pf-space-3);padding:var(--pf-space-3) var(--pf-space-4);border-radius:var(--pf-radius-md);font-size:var(--pf-text-sm);align-items:center;gap:var(--pf-space-3);display:flex}.pf-breach-result[data-status=breached]{background:var(--pf-breached-bg);border:1px solid var(--pf-breached);color:var(--pf-breached)}.pf-breach-result[data-status=safe]{background:var(--pf-safe-bg);border:1px solid var(--pf-safe);color:var(--pf-safe)}.pf-breach-result[data-status=unavailable]{background:var(--pf-unavailable-bg);border:1px solid var(--pf-unavailable);color:var(--pf-unavailable)}.pf-breach-icon{font-size:var(--pf-text-xl);flex-shrink:0;line-height:1}.pf-breach-text strong{font-weight:600;display:block}.pf-breach-text span{font-size:var(--pf-text-xs);opacity:.85}.pf-explainer{margin-top:var(--pf-space-6)}.pf-explainer-toggle{color:var(--pf-focus-ring);cursor:pointer;font-family:var(--pf-font);font-size:var(--pf-text-sm);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.pf-explainer-toggle:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:2px}.pf-explainer-body{margin-top:var(--pf-space-4);font-size:var(--pf-text-sm);color:var(--pf-text-muted);line-height:1.7}.pf-explainer-body p{margin-bottom:var(--pf-space-3)}.pf-prefix-visual{margin:var(--pf-space-4) 0;padding:var(--pf-space-4);background:var(--pf-bg-input);border-radius:var(--pf-radius-md);font-family:var(--pf-font-mono);font-size:var(--pf-text-sm);gap:var(--pf-space-3);display:grid}.pf-hash-row{align-items:center;gap:var(--pf-space-3);flex-wrap:wrap;display:flex}.pf-hash-label{font-family:var(--pf-font);font-size:var(--pf-text-xs);color:var(--pf-text-muted);min-width:5rem}.pf-hash-prefix{color:var(--pf-focus-ring);padding:var(--pf-space-1) var(--pf-space-2);border-radius:var(--pf-radius-sm);background:#60a5fa1f;font-weight:600}.pf-hash-suffix{color:var(--pf-gray-500);opacity:.6;text-decoration:line-through}.pf-hash-suffix-visible{color:var(--pf-gray-500);opacity:1;text-decoration:none}.pf-crack-scenario-detail{font-size:var(--pf-text-xs);opacity:.7}.pf-sent-arrow{color:var(--pf-safe);font-size:var(--pf-text-xs)}.pf-kept-arrow{color:var(--pf-crit);font-size:var(--pf-text-xs)}.pf-section-heading{font-size:var(--pf-text-sm);color:var(--pf-text-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--pf-space-3);font-weight:600}.pf-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}