.rb{max-width:600px;margin:0 auto}
.rb__modes{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3);background:var(--c-sand);padding:4px;border-radius:var(--rad-md)}
.rb__mode{flex:1;padding:var(--sp-1) var(--sp-2);border:none;background:transparent;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--c-muted);border-radius:var(--rad-sm);cursor:pointer;transition:all .15s}
.rb__mode.is-active{background:white;color:var(--c-primary-dark);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.rb__p{display:none}
.rb__p.is-active{display:block}
.rb__row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.rb__col{display:flex;flex-direction:column;gap:var(--sp-1)}
.rb__lbl{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}
.rb__f{border:2px solid var(--c-line);border-radius:var(--rad-md);overflow:hidden;background:white;transition:border-color .15s}
.rb__f:focus-within{border-color:var(--c-primary)}
.rb__in{border:none;padding:var(--sp-3);font:inherit;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;color:var(--c-ink);outline:none;background:transparent;text-align:center;width:100%}
.rb__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.rb__r{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--rad-md);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}
.rb__r span{font-size:var(--fs-xs);color:var(--c-muted);font-weight:500}
.rb__r b{font-size:var(--fs-md);color:var(--c-ink);font-weight:700}
.rb__act{text-align:center}
@media(max-width:500px){.rb__row2{grid-template-columns:1fr}}