@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500&display=swap";:root{--font-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono: "Spline Sans Mono", "SFMono-Regular", Menlo, monospace;--bg-0: #f7f3ea;--bg-1: #e7f4f2;--card: rgba(255, 255, 255, .88);--ink: #102a2a;--muted: #5a6a6a;--accent: #0f766e;--accent-strong: #0b4f49;--accent-2: #e07a5f;--border: #d5e3df;--shadow: 0 30px 60px -45px rgba(16, 42, 42, .6);--radius: 18px;--button-height: 36px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(15,118,110,.15),transparent 60%),radial-gradient(1200px 700px at 90% -20%,rgba(224,122,95,.18),transparent 55%),linear-gradient(160deg,var(--bg-0),var(--bg-1))}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.page{max-width:1200px;margin:0 auto;padding:36px 24px 80px}.hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.hero h1{margin:8px 0 0;font-size:clamp(1.9rem,3.2vw,2.8rem);letter-spacing:-.02em}.hero p{margin:8px 0 0;color:var(--muted);max-width:640px}.pill{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--accent);color:#fff}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.subscriber-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px 22px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.link-card{display:block;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.link-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -45px #102a2ab3}.link-card p{margin:8px 0 0;color:var(--muted)}.card.full{grid-column:1 / -1}.stack{display:flex;flex-direction:column;height:100%;gap:12px}.stack br{display:none}h2,h3,h4{margin:0 0 6px;letter-spacing:-.01em}.hint{margin:0;color:var(--muted);font-size:.9rem}label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:600;color:var(--ink)}input[type=text],input[type=url],input[type=number],select{width:100%;max-width:520px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-family:var(--font-sans);font-size:.95rem;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}label input[type=text],label input[type=url],label input[type=number],label select{width:auto;flex:1 1 220px;max-width:none}input[type=text]:focus,input[type=url]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring, rgba(15, 118, 110, .2))}input[type=radio]{accent-color:var(--accent)}button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;min-height:var(--button-height);padding:0 16px;white-space:nowrap;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 10px 22px -14px #0f766ecc}button:hover{transform:translateY(-1px);background:var(--accent-strong)}#closeBtn{background:var(--accent-2);box-shadow:0 10px 22px -14px #e07a5fb3}#closeBtn:hover{background:#c7664f}button:active{transform:translateY(0)}.preset-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:var(--muted)}.preset-bar button{min-height:var(--button-height);padding:0 12px;border-radius:999px;background:#fff;color:var(--accent);border:1px dashed var(--border);box-shadow:none;font-weight:500}.preset-bar button:hover{background:#0f766e1a;color:var(--accent-strong)}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.action-row{margin-top:auto;align-items:flex-end;justify-content:flex-start}.compact-button{min-height:var(--button-height);padding:0 12px;font-size:.82rem;line-height:1.1;width:-moz-fit-content;width:fit-content;align-self:start;justify-self:start;box-shadow:0 6px 14px -10px #0f766eb3}.field-row{display:flex;flex-wrap:wrap;gap:12px}.field-row>label{flex:1 1 220px}.inline-fields>label{flex-wrap:nowrap;align-items:center}.inline-fields>label input[type=text]{flex:1 1 140px}.subscribe-split{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.subscribe-panel{padding:14px;border:1px solid var(--border);border-radius:14px;background:#ffffffb3}video,audio{width:100%;border-radius:16px;border:1px solid var(--border);background:#0c1111}audio{background:#fff;padding:6px}.media-grid{display:grid;gap:12px}#logPanel{max-height:260px;overflow:auto;padding:12px;border-radius:12px;border:1px solid var(--border);background:#102a2a0a;font-family:var(--font-mono);font-size:.82rem;line-height:1.4}.log-entry{margin:0 0 6px;color:var(--muted)}.log-entry strong{color:var(--ink)}.log-entry.log-warn strong{color:#b45309}.log-entry.log-error strong{color:#dc2626}#datagramGroupId{display:inline-block;font-family:var(--font-mono);padding:2px 8px;border-radius:8px;background:#0f766e14}@media(max-width:720px){.subscriber-grid{grid-template-columns:1fr}.inline-fields>label{flex-wrap:wrap}.subscribe-split{grid-template-columns:1fr}.page{padding:28px 18px 60px}.hero{align-items:flex-start}button{width:100%;justify-content:center}.compact-button{width:auto}}