:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#050605;color:#fff;--bg: #050605;--bg-soft: #0b0f0a;--card: #10140e;--card-raised: #171c14;--line: #2a3125;--text: #ffffff;--text-soft: #c9d0c0;--text-weak: #8a9382;--brand: #98c50a;--brand-hover: #7fa500;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #38bdf8;--radius: 8px;--shadow: 0 20px 48px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}.shell{max-width:1080px;margin:0 auto;padding:1rem .85rem 2.5rem}.brand-logo{width:min(12rem,58vw);height:auto;margin-bottom:1rem;background:#010008;border:1px solid var(--line);border-radius:var(--radius)}.hero,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{padding:1rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:0;font-size:.75rem;color:var(--brand);font-weight:800}.hero h1,.panel h2{margin:0;color:var(--text)}.hero p,.panel p,.meta-value,.log-empty,.field-hint{color:var(--text-soft);line-height:1.6}.grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.panel{padding:1rem}.panel--test{align-self:start}.form{display:grid;gap:1rem;margin-top:1rem}.field{display:grid;gap:.45rem}.field label{font-size:.82rem;font-weight:700;color:var(--text-soft)}.field input,.field textarea{width:100%;padding:.85rem .95rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}.field input::placeholder,.field textarea::placeholder{color:var(--text-weak);opacity:1}.field textarea{min-height:8rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #98c50a47}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{border:none;border-radius:var(--radius);padding:.85rem 1.15rem;font-weight:800;cursor:pointer}.button:disabled{opacity:.6;cursor:wait}.button--primary{background:var(--brand);color:#010008}.button--primary:hover:not(:disabled){background:var(--brand-hover)}.button--ghost{background:var(--card-raised);color:var(--text);border:1px solid var(--line)}.score-test-grid{display:grid;gap:.85rem}.score-test-card{display:grid;gap:.85rem;min-width:0;margin:0;padding:.95rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.score-test-card legend{padding:0 .35rem;color:var(--brand);font-size:.78rem;font-weight:800;text-transform:uppercase}.score-test-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.feedback{margin-top:1rem;padding:.85rem .95rem;border-radius:var(--radius);font-weight:700}.feedback--success{background:#22c55e2e;color:var(--text);border:1px solid var(--success)}.feedback--error{background:#ef44442e;color:var(--text);border:1px solid var(--danger)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem .8rem;border-radius:var(--radius);font-weight:800}.status-badge--connected{background:var(--success);color:#010008}.status-badge--connecting{background:var(--warning);color:#010008}.status-badge--disconnected{background:var(--line);color:var(--text)}.status-badge--error{background:var(--danger);color:#010008}.meta-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1rem}.meta-card{padding:.95rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-soft)}.meta-label{display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--brand)}.meta-value{display:block;word-break:break-word}.message-display{margin-top:1rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--line);background:#050605;color:var(--text)}.message-display__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:1rem}.message-display__header h3{margin:0;color:var(--text)}.message-display__counter{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .8rem;border-radius:var(--radius);background:var(--brand);color:#010008;font-weight:800}.log-list{display:grid;gap:.8rem;margin-top:1rem}.message-card{padding:.95rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--card-raised)}.message-card--channel{border-color:var(--info);background:#38bdf81f}.message-card--system{border-color:var(--warning);background:#f59e0b1f}.message-card__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.message-card__event{color:var(--text);font-weight:800}.message-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.message-card__meta span{display:inline-flex;align-items:center;min-height:1.5rem;padding:.2rem .5rem;border-radius:var(--radius);background:var(--line);color:var(--text);font-size:.78rem}.message-card__time{color:var(--text-soft);font-size:.82rem}.message-card__payload{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.88rem;color:var(--text);line-height:1.55}.log-empty{margin:0;color:var(--text-soft)}code{padding:.12rem .32rem;border-radius:6px;background:#000;color:#e4faa4;border:1px solid var(--line)}@media(min-width:860px){.shell{padding:2rem 1rem 3rem}.hero,.panel{padding:1.25rem}.grid{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel--test{grid-column:1}.grid>.panel:last-child{grid-column:2;grid-row:1 / span 2}}