:root{color:#e8edf2;font-synthesis:none;background:#0b0e12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#21372d 0,#0000 32rem),#0b0e12;min-width:320px;min-height:100vh;margin:0}main{width:min(1120px,100% - 40px);margin:0 auto;padding:72px 0 40px}header{max-width:820px}.eyebrow{color:#71e5a7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,78px);font-weight:650;line-height:.98}.intro{color:#a7b0ba;max-width:690px;margin:28px 0 0;font-size:19px;line-height:1.55}.demo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin:42px 0 16px;display:grid}.query-card,.result,.panel,.source-panel{background:#101419;border:1px solid #272d35;border-radius:12px;min-width:0;overflow:hidden}.query-card,.result{padding:24px}label{color:#a7b0ba;margin-bottom:10px;font-size:13px;font-weight:650;display:block}.query-controls{gap:10px;display:flex}input{color:#e8edf2;background:#0b0e12;border:1px solid #343b44;border-radius:8px;outline:none;flex:1;min-width:0;padding:12px 14px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}input:focus{border-color:#71e5a7;box-shadow:0 0 0 3px #71e5a71f}button{color:#e8edf2;font:inherit;cursor:pointer;background:#151a20;border:1px solid #343b44;border-radius:8px;padding:12px 18px;font-weight:600}button:hover:not(:disabled){background:#1b2129;border-color:#66717e}button:disabled{cursor:wait;opacity:.65}button.primary{color:#08130d;background:#71e5a7;border-color:#71e5a7}button.quiet{color:#98a3ae;background:0 0;border:0;padding:5px 8px;font-size:12px}.query-card p,.result p{color:#7f8a96;margin:14px 0 0;font-size:13px;line-height:1.55}.result{box-shadow:inset 3px 0 #0000}.result-success{box-shadow:inset 3px 0 #71e5a7}.result-failure{box-shadow:inset 3px 0 #ff7474}.result-status{color:#71e5a7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.result-failure .result-status{color:#ff7474}.result>a{color:#e8edf2;font-size:23px;font-weight:650;text-decoration:none}.result>a[href]:hover{color:#71e5a7}.result dl{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 0;display:grid}.result dl div{min-width:0}.result dt{color:#68737f;text-transform:uppercase;font-size:11px}.result dd{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;overflow:hidden}.stats{background:#272d35;border:1px solid #272d35;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stats article{background:#101419;padding:20px}.stats span{color:#7f8a96;margin-bottom:8px;font-size:13px;display:block}.stats strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px;font-weight:500}.panels{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.panel-title{border-bottom:1px solid #272d35;justify-content:space-between;align-items:center;min-height:54px;padding:14px 18px;display:flex}h2{margin:0;font-size:15px}.panel-title span{color:#68737f;font-size:12px}.event-list{min-height:360px;max-height:560px;margin:0;padding:0;list-style:none;overflow:auto}.event,.empty-event{border-bottom:1px solid #20262d;padding:15px 18px}.empty-event{color:#68737f;font-size:13px}.event-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.event-heading strong{color:#cbd5df;text-overflow:ellipsis;white-space:nowrap;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.event time{color:#59636e;flex:none;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.event-value,.log-message{color:#e8edf2;margin-top:8px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.log-attributes{color:#98a3ae;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.log-level{color:#71e5a7;text-transform:uppercase;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.log-error .log-level{color:#ff7474}details{margin-top:12px}summary{color:#98a3ae;cursor:pointer;font-size:12px}details pre{color:#ffb2b2;white-space:pre-wrap;background:#0b0e12;border-radius:8px;max-height:240px;margin:10px 0 0;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.source-panel{margin-top:16px}.source-panel>pre{color:#b9c5d1;background:#0d1116;margin:0;padding:20px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}footer{color:#68737f;margin-top:24px;font-size:13px}@media (width<=860px){.demo,.panels{grid-template-columns:1fr}}@media (width<=760px){main{width:min(100% - 24px,1120px);padding-top:42px}.query-controls{flex-direction:column;align-items:stretch}.stats,.result dl{grid-template-columns:1fr 1fr}}