:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:280px;min-height:100vh;margin:0}button,textarea,input,select{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6d5dfc}main{width:min(1180px,100% - 40px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;height:86px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-weight:850;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#233876,#6d5dfc);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.privacy-pill{background:#fff;border:1px solid #cdd6e3;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex}.privacy-pill span{color:#21a67a;font-size:9px}.hero{color:#f8fbff;background:#111827;border-radius:30px;grid-template-columns:1.45fr .75fr;align-items:end;gap:64px;min-height:390px;padding:64px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#6d5dfc61,#6d5dfc00 68%);border-radius:999px;width:360px;height:360px;position:absolute;top:-110px;right:-100px}.eyebrow{color:#7dd3fc;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font:650 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(44px,6vw,76px);line-height:.98}.hero-copy{color:#c6d3e1;max-width:650px;margin:24px 0 0;font-size:18px;line-height:1.7}.hero-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:22px;gap:10px;padding:24px;display:grid;position:relative}.hero-card span,.hero-card small{color:#b8c4d4;font-size:12px}.hero-card strong{overflow-wrap:anywhere;font:650 15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.workspace{grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px;display:grid}.panel{background:#fff;border:1px solid #dce3ec;border-radius:24px;padding:28px;box-shadow:0 16px 45px #0f172a0e}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-heading h2{letter-spacing:-.035em;margin:0;font-size:24px}.source-name{color:#516071;background:#f8fafc;border:1px solid #cdd6e3;border-radius:999px;width:min(220px,100%);padding:9px 13px;font-size:12px;font-weight:700}.sample-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.sample-strip button{text-align:left;background:#f8fafc;border-radius:15px;justify-items:start;gap:6px;min-height:96px;padding:14px;display:grid}.sample-strip button[aria-pressed=true]{color:#3730a3;background:#eef2ff;border-color:#6d5dfc}.sample-strip strong{font-size:13px}.sample-strip span{color:#64748b;font-size:12px;line-height:1.45}textarea{resize:vertical;color:#1f2937;background:#fbfdff;border:1px solid #ccd6e3;border-radius:16px;width:100%;min-height:330px;margin-top:22px;padding:16px;font:400 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:750}button:hover{background:#f8fafc}button.primary{color:#fff;background:#6d5dfc;border-color:#6d5dfc}button.primary:hover{background:#5848e8}.file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-picker{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;align-items:center;padding:10px 15px;font-size:13px;font-weight:750;display:inline-flex}.file-picker:hover{background:#f8fafc}.file-input:focus-visible+.file-picker{outline-offset:3px;outline:3px solid #6d5dfc}.file-help,.file-status{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.5}.file-status{color:#08795f;font-weight:750}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.metric-grid article{background:#f1f5f9;border-radius:15px;gap:4px;padding:18px;display:grid}.metric-grid strong{letter-spacing:-.04em;font-size:30px;line-height:1}.metric-grid span{color:#64748b;font-size:12px}.metric-grid .metric-warning{background:#fff7ed;border:1px solid #fed7aa}.metric-grid .metric-warning strong{color:#c2410c}.time-range{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;gap:6px;margin-top:20px;padding:16px;display:grid}.time-range span{color:#64748b;font-size:12px;font-weight:700}.time-range strong{overflow-wrap:anywhere;font:650 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.sensitive-alert{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:15px;gap:8px;margin-top:20px;padding:16px;display:grid}.sensitive-alert strong{font-size:14px}.sensitive-alert span{color:#9a3412;font-size:12px;line-height:1.5}.sensitive-alert ul{color:#9a3412;margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.5}.sensitive-alert .mask-sensitive{color:#9a3412;background:#fff;border-color:#fdba74;justify-self:start}.sensitive-alert .mask-sensitive:hover{background:#ffedd5}.privacy-status{color:#08795f;margin:12px 0 0;font-size:12px;font-weight:800}.level-list{gap:11px;margin-top:20px;display:grid}.level-list div{grid-template-columns:72px 1fr 36px;align-items:center;gap:10px;display:grid}.level-list span{color:#475569;text-transform:uppercase;font:650 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}meter{width:100%;height:12px}.patterns{margin:20px 0}.pattern-filter{color:#475569;gap:7px;font-size:12px;font-weight:750;display:grid}.pattern-filter select{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:11px;min-width:160px;padding:10px 12px}.pattern-filter-help{color:#64748b;margin:18px 0 0;font-size:12px;line-height:1.6}.pattern-count{color:#475569;margin:10px 0 0;font-size:12px;font-weight:750}.pattern-list{gap:10px;margin-top:20px;display:grid}.pattern-list article{background:#fbfdff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr auto;align-items:start;gap:16px;padding:16px;display:grid}.pattern-list strong{overflow-wrap:anywhere;font:650 13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.pattern-list p{color:#64748b;overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;font-size:12px}.pattern-meta{color:#7c8da1;margin-top:8px;font-size:11px;font-weight:700;display:block}.pattern-list article>span{color:#5145cd;background:#ede9fe;border-radius:999px;padding:7px 10px;font-weight:850}.empty-state{color:#64748b;margin:0}.report-preview{margin:0 0 48px}.report-preview .panel-heading>span{color:#64748b;font-size:12px;font-weight:800}.preview-toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.preview-toolbar button[aria-pressed=true]{color:#fff;background:#111827;border-color:#111827}.preview-toolbar span{color:#21a67a;font-size:12px;font-weight:800}.preview-toolbar .preview-lines{color:#64748b}.report-preview pre{color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;border:1px solid #d8e2ee;border-radius:16px;max-height:360px;margin:18px 0 0;padding:16px;font:400 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.report-preview pre:focus-visible{outline-offset:3px;outline:3px solid #6d5dfc}footer{text-align:center;color:#64748b;padding:0 0 42px;font-size:12px}@media (width<=880px){main{width:min(100% - 24px,720px)}.hero{grid-template-columns:1fr;gap:42px;padding:46px 28px}.workspace{grid-template-columns:1fr}}@media (width<=540px){.site-header{height:74px}.privacy-pill{padding:9px;font-size:0}.hero{border-radius:22px}.panel{border-radius:18px;padding:20px}.panel-heading{flex-direction:column}.sample-strip{grid-template-columns:1fr}.sample-strip button{min-height:0}.metric-grid{grid-template-columns:1fr}.level-list div{grid-template-columns:64px 1fr 28px}}
