.ot{display:flex;flex-direction:column;gap:var(--s2)}.ot-who{display:flex;gap:var(--s3);align-items:center}.ot-who b{display:block;font-size:var(--fs-4)}.ot-who small{display:block;font-size:var(--fs-2)}.ot-amt{display:flex;align-items:baseline;justify-content:center;gap:var(--s2);padding:var(--s2) 0;font-size:var(--fs-6);font-weight:700;font-variant-numeric:tabular-nums}.ot-amt input{font:inherit;font-variant-numeric:tabular-nums;color:var(--txt);background:none;border:0;border-bottom:1px solid var(--line);outline:0;width:7ch;text-align:center}.ot-link{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-2);font-weight:400;color:var(--mut);text-decoration:underline;cursor:pointer}.ot-det{align-self:center}.ot-note{font-size:var(--fs-2);text-align:center}.ot-ck{display:flex;gap:var(--s2);align-items:flex-start;font-size:var(--fs-2)}.ot-ck input{margin-top:2px;flex:none}.ot-go{width:100%}.ot-rcpt{align-items:center;text-align:center;padding-top:var(--s3)}.ot-rcpt b{font-size:var(--fs-4)}.ot-rcpt small{font-size:var(--fs-2)}.ot-ok{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up);font-size:var(--fs-5);font-weight:700}.ot-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);width:100%;margin-top:var(--s2)}.ot-btns{display:grid;grid-template-columns:2fr 1fr;gap:var(--s2)}@media (max-width:600px){#modal:has(.ot){align-items:flex-end;padding:0}#modal .modalcard:has(.ot){max-width:none;max-height:90dvh;border-radius:20px 20px 0 0;padding:var(--s4);padding-bottom:max(var(--s4),env(safe-area-inset-bottom));margin:0}#modal .modalcard:has(.ot):before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:var(--line);margin:0 auto var(--s4)}}
