.random-names{margin:0 0 32px;padding:clamp(20px,3vw,30px);background:#f4f7f3;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:1fr;gap:20px}.random-names h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:8px 0 18px}.random-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.random-genders{display:flex;flex-wrap:wrap;gap:4px}.random-genders button{border:1px solid #a7bdb1;background:white;color:var(--ink);border-radius:10px;padding:8px 12px;min-height:44px;font-size:14px;cursor:pointer}.random-genders button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.random-names .random-draw{cursor:pointer;border:0;min-height:44px;border-radius:10px;padding:10px 18px;font-size:16px;background:#e5d39e;color:#34483d;font-weight:700}.random-draw:disabled{opacity:.6;cursor:wait}.random-result[hidden]{display:none}.random-name-card{background:#fff;border:1px solid #a7bdb1;border-radius:16px;padding:22px;max-width:680px}.random-name-card h3{font-family:var(--serif);font-size:38px;line-height:1.2;margin:12px 0 8px}.random-pronunciation{font-size:16px;font-weight:600;margin:0 0 8px}.random-meaning{margin:0 0 16px}.random-names .name-actions{flex-wrap:wrap}.random-status:empty{display:none}.random-status{font-size:14px;margin:0}.random-names:has(.random-result:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.random-names .random-status{grid-column:1/-1}@media(max-width:800px){.random-names:has(.random-result:not([hidden])){grid-template-columns:1fr}.random-names h2{font-size:28px}}