:root{font-family:Arial,Helvetica,sans-serif;color:#233b33;background:#f6f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{max-width:1480px;margin:auto;height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d5}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-size:32px}.brand span{font-size:15px;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-top:7px;color:#79847a}.lab-tag{font:10px monospace;letter-spacing:1px;display:flex;gap:12px;align-items:center}i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#86a68d}main{max-width:1480px;margin:auto;padding:40px 48px 0}.eyebrow{font:10px monospace;letter-spacing:1.8px;color:#6b7d67}.intro{position:relative;margin-bottom:32px}.intro h1{font-family:Georgia,serif;font-size:46px;line-height:1.1;font-weight:400;letter-spacing:-1.7px;margin:20px 0}.intro em{color:#6d8264;font-weight:400}.intro>p{position:absolute;right:12px;bottom:4px;color:#788077;font-size:13px;line-height:1.9}.controls{border-top:1px solid #d7ddcf;display:flex;align-items:center;padding:16px 0 22px;gap:12px}.tabs{display:flex;gap:5px;margin-right:auto}.tabs a{font-size:12px;text-decoration:none;border:1px solid transparent;padding:13px 17px;border-radius:5px}.tabs b{font:11px monospace;margin-right:10px;opacity:.6}.tabs .active{background:#294b3e;color:white}.controls button{background:transparent;border:1px solid #d6dccc;padding:11px 13px;border-radius:4px;font-size:11px}.run{font:10px monospace;color:#7e8b7e}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.content,.logs{border:1px solid #dce0d3;border-radius:7px;overflow:hidden;background:#fffef9}.panel-heading{height:48px;border-bottom:1px solid #e3e5db;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1.3px}.panel-heading span{font-size:8px;color:#8b9185;letter-spacing:.6px}.panel-heading span.online{color:#558266}.panel-heading i{margin-right:6px}.cat-art{background:#e9e9d9;position:relative}.cat-art svg{display:block;width:100%;height:280px}.cat-art>span{position:absolute;bottom:16px;left:24px;font:8px monospace;letter-spacing:2px;color:#667365}article{padding:28px 30px 24px}h2{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-1px;margin:13px 0 17px}article p,.experiment p{font-size:13px;line-height:1.8;color:#798075}.author{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:11px}.author>span{background:#e7e8d9;padding:11px;border-radius:50%;font:16px Georgia}.author small{display:block;color:#8b9185;margin-top:4px;font-size:10px}.experiment{border-top:1px solid #e2e5d7;padding:24px 30px;background:#f0f2e8}h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:12px 0}.actions{display:flex;align-items:center;gap:20px;margin:20px 0}.actions a{font-size:12px}.primary{background:#294b3e;color:#fff;border:0;border-radius:4px;padding:12px 17px;font-size:12px}.experiment p.note{font-size:10px;line-height:1.6;border-top:1px solid #d9dece;padding-top:14px}.logs{background:#fdfef9}.log-summary{display:flex;align-items:center;padding:22px;gap:35px}.log-summary strong{font:30px Georgia;display:block}.log-summary span{font:8px monospace;color:#8c9588;letter-spacing:1px;display:block;margin-top:6px}.log-summary a{margin-left:auto;font:10px monospace;text-decoration:none;border:1px solid #dce2d3;padding:9px;border-radius:3px}.verdict{margin:0 20px 20px;background:#edf2e5;border:1px solid #dfe7d4;padding:12px;font-size:11px;line-height:1.5}.status-dot{margin-right:9px}.log-filter{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-top:1px solid #e1e5d9;border-bottom:1px solid #e1e5d9;font:9px monospace;color:#7e897b;letter-spacing:1px}.log-filter select{font:10px monospace;border:0;background:transparent;color:#5a6b59;max-width:160px}.stream{height:570px;overflow:auto}.event{padding:18px 22px;border-bottom:1px solid #e4e8dd}.event-title{display:flex;align-items:center;width:100%;padding:0;background:transparent;border:0;text-align:left;gap:10px;color:#415a46;font:9px monospace}.method{font-size:8px;padding:4px 5px;border:1px solid #d5decf;border-radius:3px;background:#eff4e9}.event-title time{margin-left:auto;font-size:9px;color:#8b9485}.event-path{font:9px monospace;color:#929a8b;overflow-wrap:anywhere;margin:10px 0 15px}dl{display:grid;grid-template-columns:120px minmax(0,1fr);font-size:10px;line-height:1.5;gap:7px;margin:0}dt{color:#8a9384}dd{margin:0;color:#52634f;overflow-wrap:anywhere}.cookie{color:#397c52;font-family:monospace}pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:#eff2e8;padding:12px;line-height:1.6}.log-foot{padding:15px 22px;font:9px/1.8 monospace;color:#909a86;border-top:1px solid #e1e6d8}.empty{padding:40px 20px;font-size:12px;color:#87927d}footer{display:flex;gap:24px;justify-content:space-between;margin-top:35px;padding:22px 0;border-top:1px solid #dce1d3;font:8px monospace;letter-spacing:1px;color:#8b9685}.pixel{position:absolute;left:0;bottom:0}button:hover,.actions a:hover,.tabs a:hover{filter:brightness(.92)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #a17941;outline-offset:4px}@media(min-width:1450px){.stream{height:650px}.cat-art svg{height:320px}}@media(max-width:950px){main{padding:28px 22px 0}header{padding:0 22px}.intro>p{position:static}.intro h1{font-size:39px}.workspace{grid-template-columns:1fr}.controls{flex-wrap:wrap}.run{display:none}.stream{height:540px}footer span:last-child{display:none}}@media(max-width:500px){.lab-tag{display:none}.tabs a{padding:11px 10px;font-size:10px}.controls button{font-size:10px}.panel-heading{padding:16px}.panel-heading span{font-size:7px}.event{padding:16px}dl{grid-template-columns:100px minmax(0,1fr)}.cat-art svg{height:230px}article,.experiment{padding:22px}.log-summary{gap:22px}}
.observatory-link{font-size:11px;text-decoration:none;padding:10px;border:1px solid #d6dccc;border-radius:4px}.observer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #dce0d3;font-size:11px}.observer-tools label{display:flex;align-items:center;gap:10px}.observer-tools select{padding:8px;border:1px solid #d6dccc;background:#fffef9;border-radius:4px;color:#294b3e}.observer-tools>span{font-family:monospace;overflow-wrap:anywhere;max-width:100%}.observatory-page main{max-width:1100px}.observatory-page .intro>p{position:static}.observatory-page .stream{height:calc(100vh - 440px);min-height:350px}.observatory-page .intro h1{font-size:36px}.observatory-page .event dl{grid-template-columns:150px minmax(0,1fr)}@media(max-width:600px){.observatory-page header{height:75px}.observatory-page .event dl{grid-template-columns:110px minmax(0,1fr)}.observatory-link{margin-left:auto}.observer-tools{gap:12px}}
.perspective{padding:18px 22px;background:#edf2e5;border-bottom:1px solid #dce0d3;color:#294b3e}.perspective label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;font-weight:700}.perspective select{padding:8px;border:1px solid #c9d4bf;border-radius:4px;background:#fffef9;color:#294b3e;font-size:12px}.perspective p{font-size:11px;line-height:1.7;margin:10px 0 0;overflow-wrap:anywhere}.tracker-identities{padding:18px 22px;border-top:1px solid #e1e5d9}.tracker-identities p{font-size:11px;line-height:1.7;color:#6b7d67}.tracker-identities table{width:100%;font-size:10px;text-align:left;border-collapse:collapse;margin:12px 0;table-layout:fixed}.tracker-identities th,.tracker-identities td{padding:8px 6px;border-bottom:1px solid #e1e5d9;overflow-wrap:anywhere}.tracker-identities th:first-child{width:57%}.tracker-identities td:first-child,.cookie-header{font-family:monospace}.tracker-identities small{display:block;font-size:9px;line-height:1.7;color:#7e897b}

.diagnostic{margin:0 20px 18px;padding:14px;background:#fff4da;border:1px solid #e5cf9b;color:#6a542a;font-size:11px;line-height:1.7}.diagnostic p{margin:6px 0}.diagnostic small{display:block;margin-top:8px;font-size:10px}.diagnostic a{font-weight:bold}
/* Requests stay compact until their native disclosure is opened. */
.event{padding:0}.request-summary{padding:14px 22px;cursor:pointer;list-style:none}.request-summary::-webkit-details-marker{display:none}.request-summary:hover{background:#f0f4e9}.request-summary:focus-visible{outline:2px solid #6b845f;outline-offset:-3px}.request-summary .event-title{cursor:inherit}.request-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.6fr);gap:14px;margin-top:12px;font:11px/1.6 monospace;color:#43583d}.request-overview>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-overview small{display:block;font:8px Arial,sans-serif;letter-spacing:.8px;color:#8a9384;margin-bottom:4px}.expand-indicator::after{content:'＋';font-size:13px}.event[open] .expand-indicator::after{content:'−'}.request-details{padding:4px 22px 18px;background:#fafcf6;border-top:1px solid #e4e8dd}.embedding-site{display:block;overflow-wrap:anywhere;padding:2px 0}.tracker-identities th:first-child{width:46%}.tracker-identities th:nth-child(2){width:40%}.tracker-identities th:nth-child(3){width:14%}@media(max-width:600px){.request-summary{padding:14px}.request-overview{gap:8px;font-size:9px}.request-overview small{font-size:7px;letter-spacing:0}.request-details{padding:4px 14px 14px}}
