:root{--bg:#080c10;--panel:#0d1319;--panel-2:#111a22;--line:#22303b;--line-bright:#344653;--text:#f1f5f7;--muted:#8b9ba7;--accent:#4ee1a0;--accent-dark:#082d20;--danger:#ff6b72;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 80% 0%,#4ee1a012,transparent 28rem),var(--bg);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.home-shell{width:min(1180px,100% - 40px);margin:0 auto}.brand-bar,.dashboard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.08rem;font-weight:750;display:inline-flex}.brand-mark{background:var(--accent);color:#04140d;border-radius:9px;place-items:center;width:35px;height:35px;font-weight:900;display:grid;box-shadow:0 0 32px #4ee1a029}.version,.connection{color:var(--muted);font:700 .74rem var(--mono);letter-spacing:.08em}.hero{max-width:820px;padding:100px 0 85px}.eyebrow{color:var(--accent);font:700 .76rem var(--mono);letter-spacing:.13em;align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--accent);width:28px;height:1px}.hero h1{letter-spacing:-.065em;max-width:820px;margin:24px 0 27px;font-size:clamp(3rem,7vw,5.7rem);line-height:.98}.hero-copy{color:#adbac3;max-width:650px;font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.7}.create-area{margin-top:38px}.primary-button{background:var(--accent);color:#04140d;cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:38px;min-height:58px;padding:0 21px 0 25px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 45px #4ee1a021}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 50px #4ee1a033}.primary-button:disabled{opacity:.7;cursor:wait}.privacy-note{color:#70818d;margin-top:18px;font-size:.84rem}.error-message{color:var(--danger)}.feature-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:44px;padding:46px 0 70px;display:grid}.feature-grid article{border-left:1px solid var(--line);padding-left:22px}.feature-number{color:var(--accent);font:700 .7rem var(--mono)}.feature-grid h2{margin:15px 0 10px;font-size:1rem}.feature-grid p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.65}.dashboard-shell{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{height:68px;padding:0 26px}.brand.compact{font-size:1rem}.brand.compact .brand-mark{border-radius:7px;width:30px;height:30px}.connection{letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;display:flex}.connection span{background:#f6b84d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #f6b84d}.connection.online span{background:var(--accent);box-shadow:0 0 12px var(--accent)}.endpoint-bar{border-bottom:1px solid var(--line);background:#0b1116;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;display:flex}.endpoint-bar>div{flex-direction:column;gap:7px;min-width:0;display:flex}.label{color:var(--muted);font:700 .68rem var(--mono);letter-spacing:.13em}.endpoint-bar code{font:.88rem var(--mono);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.copy-button{white-space:nowrap;border:1px solid var(--line-bright);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:7px;padding:10px 14px;font-size:.84rem;font-weight:700}.copy-button:hover{border-color:var(--accent)}.workspace{flex:1;grid-template-columns:minmax(330px,38%) 1fr;min-height:0;display:grid}.events-panel{border-right:1px solid var(--line);min-width:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:80px;padding:15px 20px;display:flex}.panel-heading h1{margin:0 0 4px;font-size:1rem}.panel-heading span{color:var(--muted);font-size:.76rem}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px;font-size:.78rem}.text-button:hover{color:var(--text)}.text-button.danger:hover{color:var(--danger)}.event-list{max-height:calc(100vh - 217px);overflow-y:auto}.event-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.event-row:hover{background:#ffffff05}.event-row.selected{background:var(--panel-2);box-shadow:inset 2px 0 var(--accent)}.method{width:fit-content;min-width:51px;font:800 .67rem var(--mono);border:1px solid;border-radius:5px;justify-content:center;padding:4px 6px;display:inline-flex}.method-get{color:#55c8ff}.method-post{color:var(--accent)}.method-put,.method-patch{color:#f6b84d}.method-delete{color:var(--danger)}.method-options{color:#b79cff}.event-path{font:.82rem var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-row time{color:var(--muted);font:.68rem var(--mono)}.details-panel{max-height:calc(100vh - 137px);padding:25px 30px 50px;overflow:auto}.detail-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.detail-title>div{align-items:center;gap:13px;min-width:0;display:flex}.detail-title h2{font:600 1rem var(--mono);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.metadata-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin:22px 0;display:grid}.metadata-grid div{background:var(--panel);min-width:0;padding:14px}.metadata-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:.7rem}.metadata-grid dd{font:.76rem var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.detail-block{margin-top:24px}.detail-block>div{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail-block h3{margin:0;font-size:.82rem}.detail-block pre{border:1px solid var(--line);color:#c9d5dc;max-height:300px;font:.76rem/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#070b0f;border-radius:7px;margin:0;padding:17px;overflow:auto}.empty-state,.details-placeholder,.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state{min-height:430px;padding:35px 25px}.empty-state h2{margin:30px 0 9px;font-size:1rem}.empty-state p{max-width:330px;color:var(--muted);font-size:.84rem;line-height:1.6}.empty-state code{color:#94a6b1;border:1px solid var(--line);max-width:100%;font:.67rem/1.5 var(--mono);overflow-wrap:anywhere;background:#060a0d;border-radius:6px;margin-top:18px;padding:12px}.pulse-rings{border:1px solid #274536;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 0 13px #4ee1a009,0 0 0 27px #4ee1a005}.pulse-rings span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 18px var(--accent);border-radius:50%}.details-placeholder{height:100%;min-height:400px;color:var(--muted)}.details-placeholder span{color:var(--line-bright);font-size:2rem}.details-placeholder p{max-width:300px;font-size:.86rem;line-height:1.6}.dashboard-footer{border-top:1px solid var(--line);color:#657580;text-align:right;padding:9px 22px;font-size:.68rem}.state-screen{gap:15px;min-height:100vh}.state-screen h1{font-size:1.3rem}.state-screen a{color:var(--accent)}.loader{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.home-shell{width:min(100% - 28px,1180px)}.hero{padding:70px 0 60px}.hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.feature-grid{grid-template-columns:1fr;gap:28px}.primary-button{width:100%}.dashboard-header{padding:0 15px}.connection{font-size:.6rem}.endpoint-bar{padding:14px 15px}.workspace{grid-template-columns:1fr}.events-panel{border-right:0}.event-list{max-height:none}.details-panel{border-top:8px solid var(--bg);max-height:none;padding:22px 15px 40px}.metadata-grid{grid-template-columns:1fr}.event-row{grid-template-columns:58px 1fr}.event-row time{display:none}.dashboard-footer{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}