.rd31{max-width:1000px;margin:auto;color:#17263d}.rd31-hero{padding:28px;border-radius:24px;background:linear-gradient(120deg,#102542,#164e70);color:#fff;margin-bottom:20px}.rd31-hero>span{color:#9be9ea;font-size:12px;font-weight:700}.rd31-hero h1{font-size:clamp(25px,5vw,37px);font-weight:800;line-height:1.2;margin:12px 0}.rd31-hero p{color:#c3d8e6;font-size:14px;max-width:620px}.rd31-card{background:#fff;border:1px solid #dce5ee;border-radius:20px;padding:22px;margin-bottom:16px;box-shadow:0 8px 25px #1e365408}.rd31 h2{font-size:17px;font-weight:800;margin-bottom:8px}.rd31 p{font-size:13px;line-height:1.7;margin:8px 0;color:#62728a}.rd31 button{background:#155b80;color:#fff;border-radius:11px;padding:11px 16px;font-weight:700;font-size:12px;min-height:44px;cursor:pointer}.rd31 button.secondary{background:#edf4f9;color:#255370}.rd31 button:disabled{opacity:.45;cursor:default}.rd31 button:focus-visible,.rd31 input:focus-visible{outline:3px solid #3bcacb;outline-offset:3px}.rd31-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.rd31-state{display:flex;align-items:center;gap:12px}.rd31-dot{width:12px;height:12px;border-radius:50%;background:#94a3b8;flex:none}.rd31-dot.on{background:#0dba91;box-shadow:0 0 0 6px #0dba9117}.rd31-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.rd31-options label{display:flex;align-items:center;gap:10px;background:#f5f8fb;border:1px solid #e7edf2;border-radius:12px;padding:14px;font-size:13px;cursor:pointer}.rd31-options input{width:18px;height:18px;accent-color:#126b8b;flex:none}.rd31 .is-error{color:#c23d4b}.rd31-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7edf2;font-size:13px}.rd31-device small{display:block;color:#7d8da1;margin-top:3px}.rd31 code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:10px;background:#edf4f9;font-size:12px}.dark .rd31{color:#e2e8f0}.dark .rd31-card{background:#142238;border-color:#2b3c52}.dark .rd31 p{color:#a6b5c9}.dark .rd31-options label,.dark .rd31 code,.dark .rd31 button.secondary{background:#1b3048;border-color:#2d4258;color:#dceaf4}@media(max-width:600px){.rd31-options{grid-template-columns:1fr}.rd31-card{padding:18px}.rd31-hero{padding:23px}.rd31-actions button{flex:1 1 140px}}