:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1120;--panel:#111a2e;--panel-border:#233048;--panel-inset:#0b1426;--text:#e6edf6;--muted:#94a3b8;--safe:#34d399;--caution:#fbbf24;--danger:#f87171;--accent:#2563eb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:42rem;margin:0 auto;padding:1.5rem 1rem 4rem}@media (min-width:30rem){main{padding:2rem 1.25rem 4rem}}.masthead h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.75rem}.tagline{color:var(--muted);margin:0}.panel-title{margin:0 0 .25rem;font-size:1.05rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.camera-stage{margin-top:1rem}.camera-stage[data-active=false]{display:none}.camera-video{border:1px solid var(--panel-border);background:#000;border-radius:.5rem;width:100%;max-height:60vh;display:block}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:.75rem;margin-top:1.25rem;padding:1.1rem}@media (min-width:30rem){.panel{margin-top:1.5rem;padding:1.25rem}}label{margin-bottom:.5rem;font-weight:600;display:block}input[type=text]{border:1px solid var(--panel-border);background:var(--panel-inset);width:100%;color:var(--text);border-radius:.5rem;padding:.65rem .75rem;font-size:1rem}input[type=text]:focus-visible,button:focus-visible,.demo-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}button{font:inherit;border:1px solid var(--panel-border);background:var(--accent);color:#fff;cursor:pointer;border-radius:.5rem;min-height:2.75rem;padding:.6rem 1.1rem;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:0 0}.meta{color:var(--muted);word-break:break-word;font-size:.9rem}.verdict-safe{--vc:var(--safe)}.verdict-caution{--vc:var(--caution)}.verdict-danger{--vc:var(--danger)}.verdict-badge{color:var(--vc);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--vc);background:color-mix(in srgb, var(--vc) 14%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .4rem;font-weight:800;display:inline-flex}.badge-sm{padding:.2rem .55rem .2rem .3rem;font-size:.7rem}.badge-md{font-size:.95rem}.verdict-glyph{border:2px solid var(--vc);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5em;height:1.5em;font-size:.85em;font-weight:900;line-height:1;display:inline-flex}.verdict-badge[data-pattern=solid-check]{border-style:solid}.verdict-badge[data-pattern=diagonal-stripes]{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--vc) 24%, transparent) 0, color-mix(in srgb, var(--vc) 24%, transparent) 4px, transparent 4px, transparent 9px);border-style:dashed}.verdict-badge[data-pattern=blocked-cross]{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--vc) 30%, transparent) 0, color-mix(in srgb, var(--vc) 30%, transparent) 3px, transparent 3px, transparent 8px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--vc) 30%, transparent) 0, color-mix(in srgb, var(--vc) 30%, transparent) 3px, transparent 3px, transparent 8px);border-style:double;border-width:4px}.demo-gallery{grid-template-columns:1fr;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:32rem){.demo-gallery{grid-template-columns:repeat(2,1fr)}}.demo-card{text-align:left;text-transform:none;letter-spacing:normal;border:1px solid var(--panel-border);border-left:4px solid var(--vc,var(--panel-border));background:var(--panel-inset);width:100%;height:100%;color:var(--text);border-radius:.7rem;flex-direction:column;align-items:stretch;gap:.45rem;padding:.85rem;display:flex}.demo-card[data-verdict=safe]{--vc:var(--safe)}.demo-card[data-verdict=caution]{--vc:var(--caution)}.demo-card[data-verdict=danger]{--vc:var(--danger)}.demo-card:hover:not(:disabled){border-color:var(--vc);border-left-color:var(--vc)}.demo-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--vc);border-color:var(--vc)}.demo-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-card-status{color:var(--muted);font-size:.75rem}.demo-card-title{font-size:.95rem;font-weight:700}.demo-card-desc{color:var(--muted);font-size:.85rem}.demo-card-payload{color:var(--muted);word-break:break-all;background:#94a3b81a;border-radius:.4rem;margin-top:.15rem;padding:.3rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.panel.error{border-color:var(--danger);border-left:4px solid var(--danger);color:var(--text)}.verdict-surface-safe{--vc:var(--safe)}.verdict-surface-caution{--vc:var(--caution)}.verdict-surface-danger{--vc:var(--danger)}.result-card{border-left:6px solid var(--vc);position:relative}.result-card:before{content:"";border-radius:.75rem .75rem 0 0;height:5px;position:absolute;inset:0 0 auto}.result-card[data-pattern=solid-check]:before{background:var(--vc)}.result-card[data-pattern=diagonal-stripes]:before{background-image:repeating-linear-gradient(45deg, var(--vc) 0, var(--vc) 6px, transparent 6px, transparent 12px)}.result-card[data-pattern=blocked-cross]:before{background-image:repeating-linear-gradient(45deg, var(--vc) 0, var(--vc) 4px, transparent 4px, transparent 9px), repeating-linear-gradient(-45deg, var(--vc) 0, var(--vc) 4px, transparent 4px, transparent 9px)}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.risk-score{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.verdict-summary{margin:.9rem 0 0;font-size:1.02rem}.result-facts{gap:.5rem;margin:1rem 0 0;display:grid}.result-facts .fact{grid-template-columns:1fr;gap:.1rem;display:grid}@media (min-width:30rem){.result-facts .fact{grid-template-columns:9rem 1fr;align-items:baseline;gap:.5rem}}.result-facts dt{color:var(--muted);font-size:.85rem}.result-facts dd{word-break:break-word;margin:0}ul.reasons{margin:1rem 0 0;padding:0;list-style:none}ul.reasons li{border-top:1px solid var(--panel-border);border-left:3px solid #0000;padding:.6rem 0 .6rem .6rem}ul.reasons li[data-severity=high],ul.reasons li[data-severity=critical]{border-left-color:var(--danger)}ul.reasons li[data-severity=medium]{border-left-color:var(--caution)}ul.reasons li .reason-message{font-size:.95rem}ul.reasons li .code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.open-gate{margin-top:1.25rem}.open-cta{justify-content:center;align-items:center;gap:.5rem;width:100%;display:inline-flex}@media (min-width:30rem){.open-cta{width:auto}}.open-cta.allowed{background:var(--accent);border-color:var(--accent)}.open-cta.blocked{border:2px solid var(--danger);color:var(--text);background:repeating-linear-gradient(45deg,#f8717147 0 8px,#f871711f 8px 16px)}.open-cta.blocked:disabled{opacity:1;cursor:not-allowed}.open-cta-glyph{font-size:1.1em;line-height:1}.open-helper{margin:.55rem 0 0}