:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14221d;--muted:#65726d;--line:#dbe4df;--paper:#fff;--green:#087f5b;--green-dark:#056348;color:var(--ink);background:#f3f7f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.topbar{color:#e9fff6;background:#102a23;justify-content:space-between;align-items:center;padding:18px max(24px,50vw - 540px);display:flex}.brand{font-size:20px;font-weight:750;text-decoration:none}.topbar span{color:#a9c9bc;font-size:13px}.shell{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.page-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.page-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(30px,4vw,46px)}.lead,.muted{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 38px #16342a12}.narrow{max-width:520px;margin:56px auto}.form{gap:20px;display:grid}label{gap:8px;font-size:14px;font-weight:650;display:grid}.form-label{margin-bottom:8px;font-size:14px;font-weight:650}.welcome-field{gap:8px;display:grid}.welcome-field>label{display:block}.field-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.field-help{color:var(--muted);font-size:13px}input,textarea{color:var(--ink);font:inherit;background:#fbfdfc;border:1px solid #bfcac5;border-radius:10px;padding:12px 14px}textarea{resize:vertical;min-height:132px}button,.button{background:var(--green);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--green-dark)}.button-secondary{color:var(--green-dark);background:#e8f3ee;padding:8px 12px}.button-secondary:hover{background:#d8ebe2}.secondary{color:var(--green-dark);background:#e8f3ee}.secondary:hover{background:#d8ebe2}button:disabled{cursor:wait;opacity:.65}.error{color:#b42318}.channel-list{gap:14px;padding:0;list-style:none;display:grid}.channel-row{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;text-decoration:none;display:flex}.status{color:#08734f;background:#e8f7ef;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:750}.details{gap:18px;display:grid}.details dt{color:var(--muted);font-size:13px}.details dd{overflow-wrap:anywhere;margin:4px 0 0}.qr{border:1px solid var(--line);object-fit:contain;border-radius:14px;width:240px;height:240px;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.channel-section{align-content:start;gap:22px;display:grid}.channel-section .button{justify-self:start}.welcome-preview{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.75}@media (max-width:720px){.content-grid{grid-template-columns:1fr}.page-head,.page-actions{flex-wrap:wrap;align-items:flex-start}}