:root{color:#e9eef5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1118;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #a9e673}input:focus-visible{outline-offset:2px;outline:2px solid #a9e673}select:focus-visible{outline-offset:2px;outline:2px solid #a9e673}.landing{background:radial-gradient(circle at 70% 10%,#192b3b,#0000 35%),#0c1118;flex-direction:column;min-height:100vh;padding:32px 8vw;display:flex}.landing a{color:inherit;text-decoration:none}.landing-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-header nav,.landing footer nav{color:#91a1af;flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.landing-header nav a:hover,.landing footer a:hover{color:#a9e673}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.mark{color:#15210e;background:#a9e673;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.hero{width:min(900px,100%);margin:auto;padding:7vh 0}.eyebrow{color:#a9e673;letter-spacing:.12em;gap:7px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.hero h1{letter-spacing:-.075em;margin:22px 0;font-size:clamp(52px,8vw,96px);line-height:.98}.hero h1 em{color:#a9e673;font-style:normal}.lede{color:#9ba8b7;max-width:500px;margin:28px 0 40px;font-size:17px;line-height:1.7}.drop{color:#9ba8b7;cursor:pointer;background:#111b25;border:1px dashed #466076;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:min(100%,650px);min-height:195px;display:flex}.drop input{display:none}.drop strong{color:#e9eef5;font-size:18px}.drop svg{color:#a9e673}.upload-error{color:#ffaaa5;background:#29191b;border:1px solid #6d3b3b;border-radius:8px;width:min(100%,650px);margin:12px 0 0;padding:10px 12px;font-size:13px}.supported{color:#6f7f8e;flex-wrap:wrap;gap:16px;margin-top:25px;font-size:12px;display:flex}.supported i{color:#aab7c4;font-style:normal}.route-copy{background:#111b25;border:1px solid #263442;border-radius:12px;width:min(900px,100%);margin:0 auto 7vh;padding:24px}.route-copy h2{margin:0 0 14px;font-size:18px}.route-copy ul{color:#9ba8b7;gap:9px;margin:0;padding-left:20px;line-height:1.55;display:grid}.landing footer{color:#6f7f8e;justify-content:space-between;align-items:center;gap:18px;font-size:12px;display:flex}.landing footer>span{align-items:center;gap:7px;display:flex}.fatal-error{background:#0c1118;place-items:center;min-height:100vh;padding:24px;display:grid}.fatal-error>div{background:#111b25;border:1px solid #3b5262;border-radius:12px;max-width:540px;padding:32px}.fatal-error button{color:#15210e;cursor:pointer;background:#a9e673;border:1px solid #536879;border-radius:7px;padding:10px 14px}.app>header{border-bottom:1px solid #202c38;align-items:center;gap:30px;height:70px;padding:0 4vw;display:flex}.privacy{color:#91a1af;gap:7px;margin-left:auto;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.privacy svg{color:#a9e673}.new,.filters button{color:#bdc8d3;cursor:pointer;background:0 0;border:1px solid #324252;border-radius:7px;padding:8px 12px}.dashboard{width:min(1500px,100%);margin:auto;padding:36px 24px 80px}.crumb{color:#6e7e8d;gap:7px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.title-row{margin:20px 0 28px}.title-row h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0 0 7px;font-size:32px}.title-row p{color:#8796a5;margin:0;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.good{color:#a9e673}.filters{color:#91a1af;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin:-10px 0 18px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.filters span{gap:5px;display:flex}.filters button{color:#a9e673;border:0}.filters .chip{background:#21333b;border:1px solid #466156;border-radius:14px;padding:6px 10px}.metrics{background:#263442;border:1px solid #263442;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.metric{text-align:left;cursor:pointer;background:#131b24;border:0;width:100%;padding:18px 20px}.metric span{color:#71808e;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.metric strong{margin-top:8px;font-size:26px;display:block}.red{color:#ff837c}.amber{color:#f2c56e}.blue{color:#78bfff}.plain{color:#dbe3ea}.panel{background:#131b24;border:1px solid #263442;border-radius:10px;padding:20px}.timeline,.issues{margin-top:18px}.panel-title,.viewer-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-title>span{align-items:center;gap:9px;display:flex}.panel-title svg{color:#a9e673;width:17px}.panel-title h2{margin:0;font-size:15px}.panel-title small{color:#687988;white-space:nowrap;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.timeline{position:relative}.timeline-scale{color:#657786;flex-direction:column;justify-content:space-between;height:240px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:70px;left:20px}.timeline-chart{background:linear-gradient(#0000 49.7%,#273743 50%,#0000 50.3%);border-bottom:1px solid #30404d;align-items:end;gap:3px;height:240px;margin:26px 0 10px 38px;display:flex}.bucket{cursor:pointer;background:0 0;border:0;flex:1;height:100%;padding:0;position:relative}.bucket span{border-radius:3px 3px 0 0;width:80%;position:absolute;bottom:0;left:10%}.bucket .total{background:#326789}.bucket .warn{background:#d29c4c}.bucket .error{background:#e96763}.bucket:hover,.bucket.in-range{background:#21333c}.axis,.legend{color:#6c7d8b;justify-content:space-between;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.axis{margin-left:38px}.legend{flex-wrap:wrap;justify-content:start;gap:18px;margin-top:18px}.legend .scale-note{color:#8799a7;margin-left:auto}.legend button{color:#a9e673;cursor:pointer;background:0 0;border:0}.dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.red{background:#ff837c}.dot.amber{background:#f2c56e}.dot.blue{background:#78bfff}.issue{color:#dce5eb;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #263442;align-items:center;gap:12px;width:100%;max-width:700px;padding:14px 0;display:flex}.issue .rank{color:#687988;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.issue span:nth-child(2){flex:1;min-width:0}.issue strong,.issue small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.issue strong{font-size:13px}.issue small{color:#7d8d9d;margin-top:4px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.issue>b{color:#ff837c;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.viewer{min-height:500px;margin-top:18px;padding:0}.viewer>.empty{padding:24px 20px}.viewer-head{border-bottom:1px solid #263442;flex-wrap:wrap;padding:18px 20px}.tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tools button{color:#81909e;cursor:pointer;background:#1b2732;border:0;border-radius:5px;padding:7px 9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.tools button.active{color:#14210d;background:#a9e673}.search{background:#0d141c;border:1px solid #2b3a48;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;display:flex}.search svg{color:#71808e}.search input{color:#dfe7ee;background:0 0;border:0;outline:0;width:150px}.filter-label{color:#80909e;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.event-list{max-height:600px;overflow:auto}.event{color:#b9c6d1;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1d2934;grid-template-columns:55px 60px 85px minmax(0,1fr);gap:10px;width:100%;padding:9px 20px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.event:hover,.event.selected{background:#1b2a2c}.event-id,.event-time{color:#586a78}.level.error,.level.fatal{color:#ff837c}.level.warn{color:#f2c56e}.level.info{color:#a9e673}.event-content{flex-direction:column;gap:5px;min-width:0;display:flex}.event-message{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;line-height:1.45}.multiline-badge{color:#8da0ae;border:1px solid #344856;border-radius:10px;width:max-content;padding:2px 6px;font-size:9px}.empty{color:#7e8d9b;padding:20px 0;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.empty button{color:#a9e673;cursor:pointer;background:0 0;border:0;margin-top:10px;display:block}.context-list .event.selected{background:#223038;border-left:3px solid #ff837c;scroll-margin-top:10px}.drawer-backdrop,.modal-backdrop{cursor:default;background:#06101888;border:0;width:100%;height:100%;padding:0;animation:.18s ease-out both backdrop-in;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-backdrop{z-index:20}.context{z-index:21;background:#101820;border-left:1px solid #314352;width:min(680px,100vw - 24px);min-width:0;height:100dvh;padding:26px 32px 40px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #0008}.drawer-layer .context{will-change:transform,opacity;animation:.24s cubic-bezier(.22,.8,.28,1) both drawer-in}.context-head{z-index:2;background:#101820;justify-content:space-between;gap:18px;padding:26px 0 12px;display:flex;position:sticky;top:-26px}.context-head>div{min-width:0}.context h2{overflow-wrap:anywhere;margin:8px 0 22px;font-size:22px}.close-drawer,.close-modal{color:#e9eef5;cursor:pointer;background:#1b2a35;border:1px solid #536879;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.context select,.context-workspace select{color:#dce5eb;background:#1a2732;border:1px solid #334554;margin-left:8px;padding:6px}.context-list{border:1px solid #263442;min-width:0;max-height:calc(100vh - 250px);margin-top:20px;position:relative;overflow:auto}.context-list .event{grid-template-columns:55px 60px 85px minmax(0,1fr)}.context>.inspector-tabs{margin-top:0}.event-overview{min-width:0;padding-bottom:24px}.event-overview dl{background:#263b48;border:1px solid #263b48;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 22px;display:grid;overflow:hidden}.event-overview dl div{background:#111b24;min-width:0;padding:10px 12px}.event-overview dt{color:#758795;text-transform:uppercase;margin-bottom:5px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.event-overview dd{overflow-wrap:anywhere;color:#d7e0e7;margin:0;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.event-overview h3{color:#8da0ae;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.event-overview p{overflow-wrap:anywhere;color:#dce5eb}.event-overview pre{overflow-wrap:anywhere;color:#dce5eb;white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#0b1218;border:1px solid #263b48;border-radius:8px;max-width:100%;margin:0;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.drawer-context>label{color:#91a2af;font-size:12px;display:block}.raw-view pre{min-height:180px}.investigation-layer{z-index:30;place-items:center;padding:5vh 5vw;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-backdrop{z-index:0;background:#050a0fcc}.investigation-modal{z-index:1;background:#101820;border:1px solid #3b5262;border-radius:16px;flex-direction:column;width:min(90vw,1600px);min-width:0;height:min(90vh,980px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 100px #000c}.investigation-header{background:#111b24;border-bottom:1px solid #2a3b48;flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 26px 18px;display:flex}.investigation-heading{grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;min-width:0;display:grid}.investigation-heading .eyebrow{grid-column:1/-1}.investigation-heading h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(20px,2vw,30px)}.investigation-heading p{color:#8fa0ae;grid-column:1/-1;margin:0;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.investigation-heading>.level{font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.investigation-body{flex:1;grid-template-columns:minmax(280px,34%) minmax(0,66%);min-height:0;display:grid}.issue-rail,.occurrence-workspace{min-width:0;overflow:auto}.issue-rail{background:#0e171f;border-right:1px solid #2a3b48;padding:22px}.summary-block{border-bottom:1px solid #243540;margin-bottom:18px;padding:0 0 18px}.summary-block h3,.occurrence-block h3,.event-detail h3{color:#8da0ae;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.summary-block p{overflow-wrap:anywhere;color:#e2e9ef;margin:0;line-height:1.55}.summary-block code{overflow-wrap:anywhere;color:#b9c8d3;margin:6px 0;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.occurrence-block h3{justify-content:space-between;display:flex}.occurrence-list{gap:6px;max-height:38vh;display:grid;overflow:auto}.occurrence{color:#dce5eb;text-align:left;cursor:pointer;background:#16222c;border:1px solid #263b49;border-radius:6px;grid-template-columns:58px minmax(0,1fr) 55px;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.occurrence:hover,.occurrence.active{background:#20333d;border-color:#60816a}.occurrence span,.occurrence b{font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.occurrence span{color:#80909e}.occurrence em{font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.occurrence em.error,.occurrence em.fatal{color:#ff837c}.occurrence em.warn{color:#f2c56e}.occurrence-limit{color:#7f909e;font-size:11px}.occurrence-workspace{flex-direction:column;padding:22px 26px;display:flex}.occurrence-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.occurrence-nav span{color:#9aabb8;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.occurrence-nav button{color:#c7d2dc;cursor:pointer;background:#17232d;border:1px solid #334756;border-radius:6px;align-items:center;gap:5px;width:max-content;padding:7px 10px;display:flex}.occurrence-nav button:last-child{justify-self:end}.occurrence-nav button:disabled{opacity:.35;cursor:default}.occurrence-nav svg{width:15px}.inspector-tabs{border-bottom:1px solid #2c3c48;gap:4px;margin:18px 0;display:flex}.inspector-tabs button{color:#8293a1;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 14px}.inspector-tabs button.active{color:#e8eef3;border-color:#a9e673}.event-detail,.context-workspace{min-width:0}.event-detail-meta{color:#8d9daa;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.event-detail pre,.context-event pre{overflow-wrap:anywhere;white-space:pre-wrap;color:#dce5eb;-webkit-user-select:text;user-select:text;max-width:100%;margin:0;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.event-detail pre{background:#0b1218;border:1px solid #263b48;border-radius:8px;padding:18px}.context-workspace>label{color:#91a2af;margin-bottom:14px;font-size:12px;display:block}.context-event{background:#111b24;border-left:3px solid #263b48;margin:7px 0;padding:10px 12px}.context-event.selected{background:#1d292f;border-color:#ff837c}.context-event>div{color:#7f919f;gap:10px;margin-bottom:6px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:.4;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.drawer-backdrop,.modal-backdrop,.drawer-layer .context{animation:none}}@media (max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.viewer-head{flex-direction:column;align-items:flex-start}.tools{width:100%}.investigation-layer{padding:2vh 2vw}.investigation-modal{width:96vw;height:96vh}.investigation-body{grid-template-columns:minmax(230px,40%) minmax(0,60%)}.occurrence-workspace{padding:18px}.event{grid-template-columns:44px 55px 68px minmax(0,1fr);padding-inline-start:10px;padding-inline-end:10px}}@media (max-width:700px){.landing{padding:22px}.landing-header nav{display:none}.landing footer{flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(42px,14vw,64px)}.app>header{padding-inline-start:16px;padding-inline-end:16px}.privacy{display:none}.dashboard{padding:24px 12px 60px}.investigation-layer{padding:0}.investigation-modal{border:0;border-radius:0;width:100vw;height:100dvh}.investigation-header{padding:16px}.investigation-body{display:block;overflow:auto}.issue-rail,.occurrence-workspace{overflow:visible}.issue-rail{border-bottom:1px solid #2a3b48;border-right:0}.occurrence-list{max-height:280px}.occurrence-workspace{padding:18px}.context{width:100vw;padding:18px 20px 28px}.context-head{padding-top:18px;top:-18px}.context-list{max-height:none}.event{grid-template-columns:42px 52px 62px minmax(0,1fr)}}