:root{color:#f3efe7;background:radial-gradient(circle at top,#d4a57447,#0000 34%),linear-gradient(#20140e 0%,#120d0b 52%,#090807 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.title-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.title-stack{width:min(760px,100%)}.title-shell h1{margin:0;font-family:IBM Plex Serif,Times New Roman,serif;font-size:clamp(4rem,14vw,9rem);line-height:.9}.shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:56px 0 80px}.dashboard-shell{width:min(1280px,100vw - 32px);padding-top:40px}.dashboard-brand{padding:0 0 18px}.dashboard-brand span{letter-spacing:.02em;font-family:IBM Plex Serif,Times New Roman,serif;font-size:1.5rem;font-weight:700}.hero{padding:32px}.hero-compact h1{max-width:none;font-size:clamp(2.4rem,6vw,4.6rem)}.dashboard-title{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.05}.eyebrow,.panel-label{color:#d2a574;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.hero h1,.panel h2{margin:0;font-family:IBM Plex Serif,Times New Roman,serif}.hero h1{max-width:12ch;font-size:clamp(3rem,8vw,5.8rem);line-height:.94}.lede{color:#f3efe7c2;max-width:54rem;margin:20px 0 0;font-size:1.08rem}.guide-card{max-width:640px;margin-top:28px}.guide-card .lede{margin-top:8px}.command-row{align-items:stretch;gap:12px;margin-top:18px;display:flex}.command-block{color:#f7d7b0;background:#060504c7;border:1px solid #ffffff1a;border-radius:16px;flex:1;align-items:center;padding:14px 16px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95rem;display:flex;overflow-x:auto}.copy-button{color:#140d09;cursor:pointer;background:#d2a574;border:0;border-radius:16px;padding:0 18px;font-weight:700}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0a09ad;border:1px solid #ffffff14;border-radius:24px;padding:28px;box-shadow:0 18px 60px #0000003d}.dashboard-topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:end;gap:24px;padding:0 0 20px;display:flex}.dashboard-toolbar{border-bottom:1px solid #ffffff14;padding:20px 0 18px}.hero-actions{margin-top:18px}.session-form{align-items:end;gap:16px;margin-top:24px;display:flex}.session-field{flex:1;gap:8px;display:grid}.session-field span{color:#f3efe7c7;font-size:.88rem}.session-field input{width:100%;color:inherit;background:#070504c2;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px}.session-form button{color:#140d09;cursor:pointer;background:#d2a574;border:0;border-radius:14px;padding:14px 18px;font-weight:700}.ghost-button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:inline-flex}.link-button,.helper-copy,.empty-copy,.error-copy{color:#f3efe7b8;margin:14px 0 0}.error-copy{color:#ffb6b6}.dashboard-section{padding-top:24px}.stream-meta-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.stream-error-banner{padding:12px 0 0}.stats-strip{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:22px;display:grid}.stat-block{border-left:1px solid #ffffff14;min-height:102px;padding:18px 16px}.stat-block:first-child{border-left:0}.stat-block span{color:#f3efe79e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.82rem;display:block}.stat-block strong{font-size:1rem}.dashboard-stack{grid-template-columns:1fr;margin-top:28px;display:grid}.pane-header{border-bottom:1px solid #ffffff14;padding-bottom:12px}.pane-header h2{margin:0}.http-activity-pane{margin-top:10px}.data-list{margin:0;padding:0;list-style:none}.request-list{margin-top:8px}.request-list li{padding:14px 0}.request-topline,.request-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.request-meta{color:#f3efe79e;margin-top:8px;font-size:.88rem}.request-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.request-detail-grid{color:#f3efe7ad;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.85rem;display:flex}.request-detail-grid strong{color:#f3efe7e6;font-weight:500}.request-user-agent{flex-basis:100%}.body-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;display:grid}.body-pane{min-width:0}.body-header{color:#f3efe7b8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.86rem;display:flex}.body-block{color:#f3efe7;white-space:pre-wrap;word-break:break-word;background:#060504b8;border:1px solid #ffffff14;max-height:320px;margin:0;padding:14px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.84rem;line-height:1.5;overflow:auto}.feature-list{color:#f3efe7cc;margin:16px 0 0;padding-left:20px}.feature-list li+li{margin-top:10px}@media (width<=800px){.shell{width:min(100vw - 24px,1120px);padding-top:28px}.dashboard-shell{width:min(100vw - 24px,1280px)}.hero,.panel{padding:22px}.grid{grid-template-columns:1fr}.dashboard-topbar,.stream-meta-row,.session-form,.command-row,.request-topline,.request-meta{flex-direction:column;align-items:flex-start}.stats-strip,.dashboard-stack{grid-template-columns:1fr}.stat-block{border-top:1px solid #ffffff14;border-left:0}.stat-block:first-child{border-top:0}}