.mode{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--surface-2);width:100%;margin:4px 0 12px}
.mode button{flex:1;border:0;background:none;border-radius:999px;padding:6px 8px;font-weight:700;font-size:13px;color:var(--muted)}
.mode button.on.test{background:var(--warn-soft);color:var(--warn)}
.mode button.on.live{background:var(--ok-soft);color:var(--ok)}
.testband{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:8px 12px;font-size:13.5px;margin-bottom:14px}
.secret{font-family:var(--mono);background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;word-break:break-all;font-size:13px}
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.signup{max-width:640px;margin:5vh auto;padding:0 16px}
code.k{font-family:var(--mono);font-size:12.5px;background:var(--surface-2);padding:1px 6px;border-radius:6px}
.rate{display:flex;align-items:center;gap:8px}
.rate .tr{flex:1;height:8px;border-radius:5px;background:var(--surface-2);overflow:hidden}
.rate .tr i{display:block;height:100%;background:var(--ok)}
@media (max-width:900px){.split{grid-template-columns:1fr}}