.react{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:34px 0 8px;padding:16px 20px;border:1px solid var(--line,#e7e2d8);border-radius:16px;background:linear-gradient(180deg,#fff,var(--cream,#faf8f3))}.react-q{font-family:var(--serif,Georgia,serif);font-size:16px;color:var(--ink,#1a1714)}.react-btns{display:flex;gap:10px;margin-left:auto}.react-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--line,#e7e2d8);border-radius:999px;background:#fff;color:var(--ink-soft,#4a443d);font-family:var(--mono,monospace);font-size:13px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.react-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--sage,#7daa8b)}.react-btn:focus-visible{outline:none;border-color:var(--moss,#3d6b50);box-shadow:0 0 0 3px rgba(61,107,80,.15)}.react-btn .react-n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.react-btn.up.on{border-color:var(--moss,#3d6b50);background:var(--moss,#3d6b50);color:#fff}.react-btn.down.on{border-color:var(--muted,#8a8378);background:var(--warm,#f3efe7);color:var(--ink,#1a1714)}.react-btn:disabled{cursor:default}.react-btn:disabled:not(.on){opacity:.6}@media (prefers-reduced-motion:reduce){.react-btn{transition:border-color .15s ease,color .15s ease}.react-btn:hover:not(:disabled){transform:none}}@media (max-width:640px){.react{gap:12px}.react-btns{margin-left:0}}