*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;margin:0;padding:0}body{font-family:Benton Sans,Helvetica Neue,helvetica,arial,sans-serif}.root{display:flex;flex-direction:column;height:100%}header{flex:0 1 auto}.app-header{display:flex;align-items:center;padding:0 16px;height:48px;background:#ff282d;gap:16px}.app-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.app-header-brand:hover{opacity:.9}.app-header .fastly-logo{height:22px;width:auto}.app-header-title{font-size:1.1rem;font-weight:500;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;padding-left:10px;border-left:1px solid rgba(255,255,255,.3)}.app-header-bucket{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.3)}.bucket-name{color:#fff;font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header #filter{margin-left:auto;max-width:250px;font-size:.9rem;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#00000026;color:#fff}.app-header #filter::placeholder{color:#fff9}.app-header #filter:focus{outline:none;background:#00000040;border-color:#ffffff80}.top-bar{display:flex;padding:calc(.5vw + 5px);justify-content:flex-start;align-items:center}.client-list{border-top:1px dotted #aaa;padding:5px 10px;font-size:12px;border-bottom:2px solid #aaa}main{flex:1 1 auto;position:relative;background-color:#f0f0f0}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;max-width:500px;padding:20px}.empty-state-icon{position:relative;width:60px;height:60px;margin:0 auto 20px}.pulse-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#ff282d;border-radius:50%}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid #FF282D;border-radius:50%;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.empty-state h2{font-size:1.3rem;font-weight:500;color:#333;margin:0 0 10px}.empty-state p{margin:0 0 15px;font-size:.95rem}.empty-state-url{background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px 16px;margin-bottom:20px}.empty-state-url code{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.9rem;color:#333;word-break:break-all}.empty-state-example{background:#1e1e1e;border-radius:6px;overflow:hidden;text-align:left}.empty-state-example .example-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#151515;color:#888;font-size:.8rem;border-bottom:1px solid #333}.empty-state-example .copy-btn{background:#4a5568;border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background .2s}.empty-state-example .copy-btn:hover{background:#ff282d}.empty-state-example .copy-btn.copied{background:#27ca40;color:#fff}.empty-state-example pre{margin:0;padding:12px;overflow-x:auto}.empty-state-example code{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.85rem;color:#e0e0e0;white-space:pre-wrap;word-break:break-all}#logs.hidden{display:none}footer{padding:calc(.5vw + 5px);font-size:.8em;color:#555}h1{flex:0 0 auto;font-weight:400;margin:0 10px 0 0}#filter{max-width:400px;font-size:1.5em;padding:0 4px;width:100%;margin-left:auto}#logs{margin:0;padding:0;list-style-type:none;font-family:monospace;position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}#logs>li{margin:.5em;padding:0}#logs>li.hidden{display:none}#logs>li.separator{border-top:1px dotted #ccc;margin-top:15px;padding-top:15px}.message{margin-right:10px;font-weight:700}.meta{list-style-type:none;display:inline;padding:0}.meta>li{line-height:1.6;padding-right:4px;font-size:90%;margin-right:5px;display:inline;overflow:hidden;color:#444}.meta>li label{padding:0 3px 0 4px;line-height:1.4;margin-right:3px;display:inline-block;font-size:80%;font-family:sans-serif;font-weight:700;color:#555}.meta>li label i{width:.7em;height:.7em;display:inline-block;vertical-align:middle}.timestamp{color:#ca9c0f;margin-right:10px}.search-highlight{background-color:#f9f9b9}.error-modal{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);max-width:70vw;border:2px solid black;box-shadow:0 0 10px 3px #0003;padding:20px;background:#fff;border-radius:5px}.error-modal .heading{display:block;font-size:23px;color:red}.error-modal>*:last-child{margin-bottom:0}.suspended-modal{border-color:#dc3545}.suspended-modal .heading{color:#dc3545}.conn-count{border-radius:50%;background:#27ca40;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.8rem;font-weight:600;color:#fff}.warning-banner{background:#000;color:#fc0;padding:8px 15px;font-size:13px;text-align:center;flex:0 0 auto}.landing{min-height:100vh;overflow-y:auto;background:#1a1a1a;position:fixed;inset:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing main{background:transparent}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#ff282d;border-bottom:none}.landing-header-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.landing-header-brand:hover{opacity:.9}.fastly-logo{height:24px;width:auto}.landing-header-title{font-size:1.25rem;font-weight:500;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;padding-left:12px;border-left:1px solid rgba(255,255,255,.3)}.landing-header-nav{display:flex;gap:24px}.landing-header-nav a{color:#fffc;text-decoration:none;font-size:.9rem;transition:color .15s}.landing-header-nav a:hover{color:#fff}.landing-hero{text-align:center;padding:50px 20px 40px;color:#e0e0e0;border-bottom:1px solid #333}.landing-headline{font-size:1.8rem;font-weight:500;margin:0 0 15px;color:#fff}.landing-description{max-width:500px;margin:0 auto 25px;font-size:.95rem;line-height:1.6;color:#777}.cta-button{display:inline-block;background:#333;color:#fff;border:1px solid #555;padding:12px 24px;font-size:.95rem;font-weight:500;border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit;text-decoration:none}.cta-button:hover{background:#444;border-color:#666}.disclaimer-box{max-width:600px;margin:30px auto;padding:20px 25px;background:#2a2a2a;border:1px solid #444;border-left:3px solid #FF282D}.disclaimer-box h2{margin:0 0 15px;color:#ff282d;font-size:1rem;font-weight:600}.disclaimer-box ul{margin:0;padding:0;list-style:none;color:#aaa;font-size:.9rem;line-height:1.6}.disclaimer-box li{margin-bottom:10px;display:flex;align-items:flex-start;gap:12px}.disclaimer-icon{flex-shrink:0;width:18px;height:18px;color:#888;margin-top:2px}.disclaimer-box strong{color:#ddd}.how-it-works{max-width:600px;margin:0 auto;padding:30px 20px;border-bottom:1px solid #333}.how-it-works h2{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 25px;text-transform:lowercase}.step{margin-bottom:30px}.step-label{color:#ff282d;font-size:.85rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.step p{color:#888;font-size:.9rem;margin:0 0 12px;line-height:1.5}.code-block{background:#0d0d0d;border:1px solid #333;padding:12px 15px;font-family:SF Mono,Monaco,monospace;font-size:.85rem;color:#ccc;overflow-x:auto}.code-block .hl{color:#ff282d}.code-example{background:#0d0d0d;border:1px solid #333;margin-bottom:10px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#252525;border-bottom:1px solid #333;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.copy-btn{background:transparent;border:1px solid #444;color:#888;padding:3px 10px;font-size:.7rem;cursor:pointer;transition:all .2s;text-transform:uppercase}.copy-btn:hover{border-color:#666;color:#ccc}.copy-btn.copied{border-color:#48bb78;color:#48bb78}.code-example pre{margin:0;padding:12px 15px;overflow-x:auto}.code-example code{color:#aaa;font-size:.8rem;font-family:SF Mono,Monaco,monospace;white-space:pre-wrap;word-break:break-all}.use-cases{max-width:600px;margin:0 auto;padding:30px 20px;border-bottom:1px solid #333}.use-cases h2{color:#fff;font-size:1rem;font-weight:600;margin:0 0 15px;text-transform:lowercase}.use-cases ul{margin:0 0 25px;padding:0 0 0 20px;color:#888;font-size:.9rem;line-height:1.8}.use-cases ul.not-for{color:#666}.use-cases ul.not-for li::marker{color:#ff282d}.demo-hero{max-width:800px;margin:0 auto;padding:40px 20px 20px}.demo-window{border-radius:8px;overflow:hidden;background:#1e1e1e;box-shadow:0 10px 40px #00000080;border:1px solid #333}.demo-titlebar{display:flex;align-items:center;padding:10px 14px;background:#2d2d2d;border-bottom:1px solid #333}.demo-titlebar-dots{display:flex;gap:6px}.demo-titlebar-dots .dot{width:12px;height:12px;border-radius:50%}.demo-titlebar-dots .dot.red{background:#ff5f56}.demo-titlebar-dots .dot.yellow{background:#ffbd2e}.demo-titlebar-dots .dot.green{background:#27ca40}.demo-titlebar-title{flex:1;text-align:center;font-size:.8rem;color:#888;margin-right:54px}.demo-header{display:flex;align-items:center;padding:10px 14px;background:#252525;border-bottom:1px solid #333;gap:10px}.demo-bucket{font-weight:600;color:#fff;font-size:.95rem}.demo-conn-count{background:#27ca40;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.demo-filter{margin-left:auto;background:#1e1e1e;border:1px solid #444;border-radius:4px;padding:5px 10px;color:#888;font-size:.85rem;width:140px}.demo-logs{padding:8px 0;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.8rem;height:240px;overflow:hidden;position:relative}.demo-log-entry{padding:4px 14px;display:flex;align-items:flex-start;gap:12px;opacity:.9;animation:fadeIn .3s ease-out}.demo-log-entry.new{background:#ffffff08}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:.9;transform:translateY(0)}}.demo-time{color:#ca9c0f;flex-shrink:0;font-size:.75rem}.demo-msg{color:#e0e0e0;word-break:break-all}.demo-msg.json{color:#9cdcfe}.demo-meta{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.demo-meta-item{display:inline-flex;font-size:.7rem}.demo-meta-key{background:#3a3a3a;color:#888;padding:1px 4px;border-radius:2px 0 0 2px}.demo-meta-val{background:#2a2a2a;color:#aaa;padding:1px 5px;border-radius:0 2px 2px 0}.demo-cursor{padding:4px 14px;color:#666;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cta-section{max-width:600px;margin:0 auto;padding:40px 20px;text-align:center}.cta-section h2{font-size:1.2rem;margin:0 0 20px;color:#fff}.cta-note{margin:15px 0 0;color:#666;font-size:.85rem}.cta-note code{background:#2a2a2a;padding:2px 6px;color:#aaa;font-size:.8rem}@media(max-width:768px){.app-header-title{display:none}.app-header-bucket{margin-left:8px;padding-left:8px}.app-header #filter{max-width:120px}.landing-title{font-size:1.8rem}.logo-icon{font-size:1.5rem}.disclaimer-box,.how-it-works,.use-cases,.cta-section{margin-left:15px;margin-right:15px}}