*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#08111f;color:#e5eefc;font-family:Inter,Arial,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at top left,rgba(0,174,255,.12),transparent 28%),radial-gradient(circle at top right,rgba(92,92,255,.08),transparent 22%),linear-gradient(180deg,#08111f,#0b1526)}.top-stack{display:flex;flex-direction:column;gap:18px}.hero-panel,.panel,.stat-card,.event-card,.response-card,.prop-summary-card{background:#0d1626eb;border:1px solid rgba(115,149,198,.14);border-radius:18px;box-shadow:0 14px 36px #00000038}.hero-panel{display:flex;justify-content:space-between;gap:18px;padding:20px 22px;flex-wrap:wrap}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.hero-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0d;color:#c9d7ee}.hero-badge-cyan{background:#00bfff29;color:#8be2ff}.hero-panel h1{margin:0 0 8px;font-size:32px}.hero-text{margin:0;max-width:720px;color:#9fb2cf;line-height:1.5}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;min-width:300px}.hero-side-item{padding:12px;border-radius:14px;background:#ffffff0a}.mini-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6f89ab;margin-bottom:4px}.ticker-wrap{overflow:hidden;border-radius:14px;border:1px solid rgba(115,149,198,.12);background:#0d1626bf}.ticker-track{display:flex;width:max-content;gap:14px;padding:12px 16px;animation:tickerScroll 38s linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#ffffff0a}.ticker-time,.event-time{color:#88a0c2;font-size:12px}.ticker-pair{font-weight:700}.ticker-detail{color:#acc0da;font-size:12px}.ticker-bias,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:12px}.ticker-bias.long,.pill.win{background:#1fad6029;color:#86efac}.ticker-bias.short,.pill.loss{background:#ef444429;color:#fca5a5}.pill{background:#ffffff12;color:#d8e4f7}.pill.small{font-size:11px;padding:4px 8px}.pill.bot{background:#00bfff24;color:#92e6ff}.control-bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.control-group{display:flex;gap:10px;flex-wrap:wrap}.mode-btn,.btn,select,input,textarea{border-radius:12px;border:1px solid rgba(123,148,183,.18);background:#ffffff0d;color:#ecf4ff}.mode-btn,.btn{padding:10px 14px}.mode-btn.active{background:linear-gradient(135deg,#00aeff33,#0073ff29);border-color:#00bfff4d}.mode-btn.export{background:#1fad6024}select,input,textarea{width:100%;padding:10px 12px}textarea{resize:vertical}.panel{padding:18px}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.panel-header h2{margin:0;font-size:20px}.panel-subtext{color:#8da6c8;font-size:13px}.mini-counter{color:#a7bdd8;font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0d}.prop-compact-grid,.form-grid.two,.form-grid.three,.stats-grid,.response-grid,.selected-pills,.button-row,.prop-summary-strip{display:grid;gap:12px}.prop-compact-grid,.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three,.response-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.prop-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.prop-summary-card{padding:14px}.prop-sub{color:#89a2c3;font-size:12px}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 390px;gap:18px;margin-top:18px}.radar-panel,.chart-panel,.logger-panel{min-height:720px}.event-list,.logger-scroll{display:flex;flex-direction:column;gap:12px}.event-list{max-height:640px;overflow:auto;padding-right:4px}.logger-scroll{max-height:520px;overflow:auto;padding-right:4px}.event-card{width:100%;text-align:left;padding:14px;transition:.18s ease}.event-card:hover,.event-card.selected{border-color:#00bfff52;transform:translateY(-1px)}.event-card-compact-top,.response-top,.response-title-row,.chart-toolbar,.compliance-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}@keyframes scrollTicker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.event-compact-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-card h3,.response-card h3{margin:0;font-size:16px}.event-compact-middle{display:flex;flex-direction:column;gap:4px;margin:10px 0}.event-line{color:#b0c2db;font-size:13px}.event-line.strong{color:#eef5ff;font-weight:600}.event-line.muted{color:#8fa8ca}.mini-link-btn,.link-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;background:#00bfff1a;border:1px solid rgba(0,191,255,.18);color:#96e5ff}.chart-frame{height:520px;overflow:hidden;border-radius:16px;border:1px solid rgba(115,149,198,.12);background:#050b15}.chart-frame iframe{display:block;width:100%;height:100%}.chart-note{margin-top:12px;color:#91a8c9;font-size:13px;line-height:1.45}.selected-summary{margin-bottom:14px;padding:14px;border-radius:14px;background:#ffffff0a}.selected-pills{grid-template-columns:repeat(auto-fit,minmax(90px,max-content));margin-top:8px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12px;color:#9cb1cf}.compliance-box{border-radius:14px;padding:14px;margin-bottom:14px}.compliance-box.pass{background:#1fad601f;border:1px solid rgba(31,173,96,.22)}.compliance-box.fail{background:#ef44441f;border:1px solid rgba(239,68,68,.2)}.compliance-list{margin:10px 0 0;padding-left:18px;color:#dfe9f7}.compliance-ok{margin-top:10px;color:#bdf7cc}.screenshot-preview,.response-screenshot{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(115,149,198,.14)}.screenshot-preview img,.response-screenshot img{display:block;width:100%;height:auto}.button-row.logger-actions{grid-template-columns:1fr 1fr;margin-top:16px}.btn.primary{background:linear-gradient(135deg,#00aeff38,#0073ff2e);border-color:#00bfff4d}.btn.secondary{background:#ffffff0f}.radar-footer{margin-top:14px;display:flex;justify-content:center}.bottom-section{margin-top:18px}.response-list.horizontal{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.response-card{min-width:360px;max-width:360px;padding:16px}.response-notes{color:#b9cbe3;font-size:13px;line-height:1.45}.mini-box{padding:10px 12px;border-radius:12px;background:#ffffff0d}.stat-card{padding:16px}.stat-value{font-size:28px;font-weight:800;line-height:1.1}.stat-sub{color:#8fa7c8;font-size:12px;margin-top:4px}.empty-box{padding:22px;border-radius:16px;background:#ffffff0a;color:#a8bdd8}@media (max-width: 1280px){.workspace-grid{grid-template-columns:1fr}.radar-panel,.chart-panel,.logger-panel{min-height:unset}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 780px){.stats-grid,.form-grid.two,.form-grid.three,.prop-compact-grid,.prop-summary-strip,.button-row.logger-actions,.response-grid{grid-template-columns:1fr}.hero-panel{padding:18px}.hero-panel h1{font-size:28px}.response-card{min-width:88vw;max-width:88vw}}select,option{background:#0f172a;color:#e5edf7}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ticker-wrap:hover .ticker-track{animation-play-state:paused}body{background:#0a0a0a;color:#f2f2f2}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}body{min-width:320px;min-height:100vh;background:#0b1220}#root{width:100%}