.pcap-page{--pnavy:#102a43;--pmint:#35d2a6;--pline:#dce6e1;--pmuted:#63747e;background:#f4f8f6;min-height:100vh}.pcap-top{border-bottom:1px solid var(--pline);letter-spacing:.08em;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,5vw,80px);font:700 12px monospace;display:flex}.pcap-top a{color:#0d2438;text-decoration:none}.pcap-top a b{background:var(--pmint);margin-right:8px;padding:9px 7px}.pcap-top span{color:var(--pmuted)}.pcap-hero{background:var(--pnavy);color:#fff;padding:65px clamp(24px,7vw,110px)}.pcap-hero p{color:var(--pmint);letter-spacing:.12em;font:11px monospace}.pcap-hero h1{letter-spacing:-.05em;margin:20px 0;font-size:clamp(44px,6vw,72px);line-height:1}.pcap-hero em{color:var(--pmint);font-style:normal}.pcap-hero>span{color:#bdd0d8}.pcap-shell{border:1px solid var(--pline);background:#fff;grid-template-columns:310px 1fr;width:min(1400px,100% - 40px);margin:42px auto 80px;display:grid}.pcap-shell>aside{border-right:1px solid var(--pline);padding:22px}.pcap-drop{text-align:center;border:1.5px dashed #9fb5ac;flex-direction:column;justify-content:center;align-items:center;height:210px;display:flex}.pcap-drop input{display:none}.pcap-drop strong{color:#168a6b;font-size:38px}.pcap-drop small{color:var(--pmuted);margin-top:7px}.pcap-file{border-bottom:1px solid var(--pline);gap:4px;padding:16px 0;font-size:11px;display:grid}.pcap-file span{color:#168a6b}.privacy{background:#eef5f2;gap:7px;margin-top:18px;padding:14px;font-size:11px;display:grid}.privacy span{color:var(--pmuted);line-height:1.5}.pcap-result{min-height:650px}.pcap-empty{text-align:center;height:650px;color:var(--pmuted);place-content:center;gap:8px;display:grid}.pcap-empty b{color:#0d2438}.pcap-result>header{border-bottom:1px solid var(--pline);padding:27px}.pcap-result>header small{color:#168a6b;font:9px monospace}.pcap-result>header h2{max-width:850px;font-size:24px;line-height:1.35}.pcap-stats{border-bottom:1px solid var(--pline);grid-template-columns:repeat(4,1fr);display:grid}.pcap-stats b{border-right:1px solid var(--pline);padding:20px 25px;font-size:24px}.pcap-stats span{color:var(--pmuted);margin-top:4px;font:9px monospace;display:block}.findings{gap:10px;padding:24px;display:grid}.findings article{border:1px solid var(--pline);border-left:5px solid #55a8ff;gap:13px;padding:17px;display:flex}.findings article.warn{border-left-color:#ffbd59}.findings article.bad{border-left-color:#ef6b5b}.findings article>i{background:#edf4f1;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:700;display:grid}.findings p{color:var(--pmuted);margin:5px 0 0;font-size:12px}.protocols,.timeline{padding:0 24px 25px}.protocols h3,.timeline h3{font-size:14px}.protocols>div{flex-wrap:wrap;gap:7px;display:flex}.protocols span{background:#edf3f0;padding:9px 12px;font:10px monospace}.protocols span b{margin-right:7px}.timeline article{border-top:1px solid #edf1ef;grid-template-columns:80px 10px 1fr;gap:10px;padding:10px 0;display:grid}.timeline time{color:var(--pmuted);font:9px monospace}.timeline article>i{background:#55a8ff;border-radius:50%;width:8px;height:8px}.timeline article>i.warn{background:#ffbd59}.timeline article>i.bad{background:#ef6b5b}.timeline article div{grid-template-columns:130px 1fr auto;gap:10px;font-size:11px;display:grid}.timeline code{color:var(--pmuted);font-size:9px}.pcap-error{color:#a43d1d;padding:25px}@media (max-width:850px){.pcap-shell{grid-template-columns:1fr}.pcap-shell>aside{border-right:0;border-bottom:1px solid var(--pline)}.pcap-stats{grid-template-columns:1fr 1fr}.timeline article div{grid-template-columns:1fr}.timeline code{word-break:break-all}}