/* Scoped to the random tool: forest ink, warm paper and a little playfulness. */
body.nv-site .random-app .random-result-card{scroll-margin-top:15px}
body.nv-site .random-app { --random-ink:#173e35; --random-muted:#5e6d65; --random-paper:#fffefa; --random-line:#d9e1d4; --random-lime:#d8ee83; max-width:1140px; margin:0 auto; padding:26px 0 54px; }
body.nv-site .random-app [hidden] { display:none !important; }
body.nv-site .random-app * { box-sizing:border-box; }
body.nv-site .random-app .random-hero { padding:0 0 30px; max-width:800px; }
body.nv-site .random-app .random-eyebrow { color:#426047; font-size:11px; font-weight:750; letter-spacing:1.5px; text-transform:uppercase; line-height:1.5; margin:0 0 12px; }
body.nv-site .random-app h1 { font-size:clamp(35px,5vw,58px); line-height:1.08; letter-spacing:-2px; font-weight:550; margin:0 0 20px; }
body.nv-site .random-app h1 em { color:#527947; font-family:Georgia,"Times New Roman",serif; font-weight:400; }
body.nv-site .random-app .random-lead { font-size:17px; max-width:690px; margin:0 0 12px; }
body.nv-site .random-app .random-privacy { font-size:12px; color:var(--random-muted); margin:0; }
body.nv-site .random-app .random-privacy span { color:#456b35; margin-right:5px; }
body.nv-site .random-app .random-tabs { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; padding:6px; border:1px solid var(--random-line); border-radius:12px; background:#ecefe5; margin-bottom:20px; }
body.nv-site .random-app button { cursor:pointer; font-family:inherit; font-size:14px; line-height:1.35; min-height:44px; transition:background .15s,border-color .15s; }
body.nv-site .random-app button:disabled { cursor:default; opacity:.55; }
body.nv-site .random-app button:focus-visible,body.nv-site .random-app input:focus-visible,body.nv-site .random-app select:focus-visible,body.nv-site .random-app textarea:focus-visible,body.nv-site .random-app summary:focus-visible { outline:3px solid #638d2d; outline-offset:4px; }
body.nv-site .random-app .random-tabs button { border:1px solid transparent; border-radius:7px; padding:11px 8px; background:transparent; color:var(--random-ink); font-weight:650; }
body.nv-site .random-app .random-tabs button span { display:inline-block; font-size:10px; opacity:.7; margin-right:5px; }
body.nv-site .random-app .random-tabs button:hover { background:#f8f9f2; }
body.nv-site .random-app .random-tabs button[aria-selected="true"] { background:var(--random-ink); color:white; box-shadow:0 2px 5px #173e3515; }
body.nv-site .random-app .random-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); overflow:hidden; margin:0; border:1px solid var(--random-line); border-radius:14px; background:var(--random-paper); }
body.nv-site .random-app .random-controls { padding:30px; }
body.nv-site .random-app h2 { font-size:27px; letter-spacing:-.7px; line-height:1.25; font-weight:550; margin:0 0 12px; }
body.nv-site .random-app h3 { font-size:18px; font-weight:650; line-height:1.4; margin:0 0 10px; }
body.nv-site .random-app .random-controls>p:not(.random-eyebrow):not(.random-error):not(.random-help) { font-size:14px; margin:0 0 22px; }
body.nv-site .random-app .random-field { display:flex; flex-direction:column; min-width:0; margin-bottom:18px; }
body.nv-site .random-app .random-field-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.nv-site .random-app label { font-size:13px; font-weight:650; color:var(--random-ink); margin-bottom:7px; line-height:1.5; }
body.nv-site .random-app input[type="number"],body.nv-site .random-app textarea,body.nv-site .random-app select { display:block; width:100%; min-height:48px; background:#f3f5ee; color:var(--random-ink); border:1px solid #bac7b1; border-radius:7px; padding:11px 12px; font:inherit; font-size:16px; line-height:1.5; box-shadow:none; }
body.nv-site .random-app textarea { resize:vertical; min-height:140px; }
body.nv-site .random-app input[type="number"] { font-variant-numeric:tabular-nums; }
body.nv-site .random-app input[aria-invalid="true"],body.nv-site .random-app textarea[aria-invalid="true"] { border-color:#a63831; }
body.nv-site .random-app select { appearance:auto; padding-right:8px; }
body.nv-site .random-app small,body.nv-site .random-app .random-help { display:block; color:var(--random-muted); font-size:12px; line-height:1.65; margin:7px 0 0; }
body.nv-site .random-app .random-help { margin:0 0 14px; }
body.nv-site .random-app .random-count-field { max-width:260px; }
body.nv-site .random-app .random-presets { display:flex; flex-wrap:wrap; gap:6px; margin:-3px 0 21px; }
body.nv-site .random-app .random-presets button { min-height:44px; padding:8px 10px; border:1px solid var(--random-line); border-radius:6px; color:var(--random-ink); background:transparent; font-size:12px; }
body.nv-site .random-app .random-presets button:hover { background:#e8f0df; border-color:#8caa75; }
body.nv-site .random-app .random-check { display:flex; align-items:center; min-height:44px; gap:10px; margin:0 0 5px; font-size:13px; font-weight:500; cursor:pointer; }
body.nv-site .random-app .random-check input { appearance:auto; flex:0 0 auto; width:20px; height:20px; accent-color:var(--random-ink); margin:0; }
body.nv-site .random-app .random-primary { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:51px; border:1px solid var(--random-ink); border-radius:7px; padding:13px 18px; margin-top:20px; background:var(--random-ink); color:white; font-weight:650; }
body.nv-site .random-app .random-primary:hover:not(:disabled) { background:#28614c; }
body.nv-site .random-app .random-primary>span { color:var(--random-lime); font-size:21px; }
body.nv-site .random-app .random-secondary { display:inline-flex; align-items:center; justify-content:center; border:1px solid #b8c6ad; border-radius:6px; padding:10px 14px; background:var(--random-paper); color:var(--random-ink); font-size:12px; font-weight:650; }
body.nv-site .random-app .random-secondary:hover:not(:disabled) { border-color:var(--random-ink); background:#edf3e7; }
body.nv-site .random-app .random-result-card { display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; min-height:460px; text-align:center; padding:32px; border-left:1px solid var(--random-line); background:radial-gradient(ellipse at 80% 5%,#e3eecf 0,transparent 57%),#f0f3e8; }
body.nv-site .random-app .random-number-result { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; max-width:100%; width:100%; margin:6px 0 10px; max-height:400px; overflow:auto; padding:8px 2px; font-variant-numeric:tabular-nums; }
body.nv-site .random-app .random-number-result>span { font-size:clamp(48px,7vw,92px); line-height:1.15; font-weight:500; letter-spacing:-3px; overflow-wrap:anywhere; max-width:100%; }
body.nv-site .random-app .random-number-result.is-multiple>span { font-size:20px; line-height:1.4; letter-spacing:0; padding:8px 12px; background:#fffefaa8; border:1px solid #d4ddc7; border-radius:7px; }
body.nv-site .random-app .random-number-result.is-long>span { font-size:clamp(28px,4vw,52px); letter-spacing:-1px; }
body.nv-site .random-app .random-placeholder { opacity:.38; }
body.nv-site .random-app .random-result-caption { font-size:13px; line-height:1.6; margin:6px 0 15px; }
body.nv-site .random-app .random-result-tools { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; }
body.nv-site .random-app .random-result-tools label { margin:0; }
body.nv-site .random-app .random-result-note { max-width:370px; font-size:12px; color:#63735c; line-height:1.7; margin:25px 0 0; }
body.nv-site .random-app .random-error { font-size:13px; color:#8d2d26; border-left:3px solid #b94b40; background:#fff0eb; border-radius:3px; padding:12px 14px; margin:14px 0 0; scroll-margin-top:165px; }
body.nv-site .random-app .random-wheel-card { padding:30px 25px; }
body.nv-site .random-app .random-wheel-wrap { position:relative; width:100%; max-width:330px; aspect-ratio:1; margin:12px auto 20px; }
body.nv-site .random-app .random-wheel-wrap canvas { display:block; width:100%; height:100%; border-radius:50%; outline:6px solid #fffefa; box-shadow:0 7px 26px #173e3517; }
body.nv-site .random-app .random-wheel-pointer { position:absolute; z-index:2; top:-14px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:27px solid var(--random-ink); filter:drop-shadow(0 2px 1px #fff8); }
body.nv-site .random-app .random-wheel-hub { position:absolute; display:grid; place-items:center; left:50%; top:50%; transform:translate(-50%,-50%); width:49px; height:49px; background:var(--random-paper); color:var(--random-ink); border:4px solid var(--random-ink); border-radius:50%; font-size:21px; font-family:Georgia,serif; font-weight:bold; box-shadow:0 2px 7px #173e3533; }
body.nv-site .random-app .random-wheel-result { font-size:27px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; max-width:100%; margin:0 0 14px; }
body.nv-site .random-app .random-list-result { justify-content:flex-start; }
body.nv-site .random-app .random-list-result>p:not(.random-eyebrow):not(.random-result-note) { font-size:13px; margin:0 0 20px; }
body.nv-site .random-app .random-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:12px; text-align:left; max-height:520px; overflow:auto; margin-bottom:20px; }
body.nv-site .random-app .random-group { padding:14px; border-radius:8px; border:1px solid var(--random-line); background:#fffefabf; overflow-wrap:anywhere; }
body.nv-site .random-app .random-group h3 { font-size:14px; margin:0 0 9px; }
body.nv-site .random-app .random-group ul { list-style:none; padding:0; margin:0; font-size:13px; line-height:1.8; color:var(--random-ink); }
body.nv-site .random-app .random-pick-result { font-family:Georgia,"Times New Roman",serif; font-size:clamp(28px,4vw,42px); line-height:1.3; width:100%; overflow-wrap:anywhere; margin:12px 0 23px; max-height:440px; overflow:auto; }
body.nv-site .random-app .random-pick-result ol { list-style-position:inside; margin:0; padding:0; text-align:left; font-family:inherit; font-size:24px; line-height:1.6; }
body.nv-site .random-app .random-lotto-results { display:grid; gap:14px; width:100%; margin-bottom:18px; max-height:550px; overflow:auto; text-align:left; }
body.nv-site .random-app .random-lotto-row { padding:14px 12px; background:#fffefabf; border:1px solid var(--random-line); border-radius:8px; }
body.nv-site .random-app .random-lotto-label { display:block; font-size:11px; font-weight:650; color:#52644c; margin:0 0 7px; }
body.nv-site .random-app .random-balls { display:flex; flex-wrap:wrap; gap:5px; }
body.nv-site .random-app .random-ball { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--random-ink); color:white; font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
body.nv-site .random-app .random-lotto-extra { margin-top:11px; }
body.nv-site .random-app .random-lotto-extra .random-ball { background:var(--random-lime); color:var(--random-ink); }
body.nv-site .random-app .random-notice { min-height:25px; margin:10px 0 4px; text-align:center; font-size:13px; color:var(--random-ink); }
body.nv-site .random-app .random-copy-fallback { padding:20px; border:1px solid #8caa75; border-radius:8px; background:#f4f7ed; margin-bottom:20px; }
body.nv-site .random-app .random-copy-fallback textarea { margin:10px 0; min-height:90px; }
body.nv-site .random-app .random-history { border:1px solid var(--random-line); background:var(--random-paper); border-radius:9px; }
body.nv-site .random-app summary { cursor:pointer; min-height:48px; padding:14px 18px; font-size:14px; color:var(--random-ink); font-weight:600; }
body.nv-site .random-app .random-history summary span { display:inline-grid; place-items:center; font-size:11px; min-width:23px; min-height:23px; border-radius:50%; background:#e8eedf; margin-left:7px; }
body.nv-site .random-app .random-history-body { padding:0 20px 20px; }
body.nv-site .random-app .random-history-body>p { font-size:12px; margin:0 0 12px; }
body.nv-site .random-app .random-history ol { margin:0 0 15px; padding:0; list-style:none; }
body.nv-site .random-app .random-history li { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--random-line); min-width:0; }
body.nv-site .random-app .random-history li>div { min-width:0; }
body.nv-site .random-app .random-history li strong { font-size:12px; }
body.nv-site .random-app .random-history li p { font-size:13px; overflow-wrap:anywhere; margin:3px 0 0; }
body.nv-site .random-app .random-history li.random-history-empty { display:block; font-size:13px; color:var(--random-muted); }
body.nv-site .random-app .random-guide { margin:65px 0 42px; }
body.nv-site .random-app .random-guide>div:first-child { max-width:690px; margin-bottom:27px; }
body.nv-site .random-app .random-guide p { font-size:14px; margin:0; }
body.nv-site .random-app .random-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
body.nv-site .random-app .random-guide-grid article { border-top:1px solid #cbd7bd; padding-top:18px; }
body.nv-site .random-app .random-faq { border-top:1px solid var(--random-line); padding-top:32px; }
body.nv-site .random-app .random-faq h2 { margin-bottom:22px; }
body.nv-site .random-app .random-faq details { border-bottom:1px solid var(--random-line); }
body.nv-site .random-app .random-faq summary { padding:16px 0; }
body.nv-site .random-app .random-faq details p { font-size:14px; margin:0; padding:0 0 20px; max-width:850px; }
body.nv-site .random-app .random-related { font-size:13px; margin-top:35px; }
@media (max-width:760px) {
  body.nv-site .random-app { padding-top:20px; }
  body.nv-site .random-app h1 { letter-spacing:-1.2px; }
  body.nv-site .random-app .random-tabs { grid-template-columns:repeat(3,1fr); gap:4px; }
  body.nv-site .random-app .random-tabs button { font-size:12px; padding:11px 5px; }
  body.nv-site .random-app .random-tabs button span { display:none; }
  body.nv-site .random-app .random-workspace { grid-template-columns:1fr; }
  body.nv-site .random-app .random-controls { padding:24px 22px; }
  body.nv-site .random-app .random-field-pair:has(select) { grid-template-columns:1fr; gap:0; }
  body.nv-site .random-app .random-result-card { border-left:0; border-top:1px solid var(--random-line); min-height:290px; padding:28px 22px; }
  body.nv-site .random-app .random-number-result>span { font-size:75px; }
  body.nv-site .random-app .random-number-result.is-long>span { font-size:36px; }
  body.nv-site .random-app .random-number-result.is-multiple>span { font-size:18px; }
  body.nv-site .random-app .random-guide { margin-top:45px; }
  body.nv-site .random-app .random-guide-grid { gap:25px; grid-template-columns:1fr; }
  body.nv-site .random-app .random-wheel-wrap { max-width:300px; }
}
@media (max-width:400px) {
  body.nv-site .random-app .random-controls { padding:22px 16px; }
  body.nv-site .random-app .random-result-card { padding:25px 16px; }
  body.nv-site .random-app .random-field-pair { gap:10px; }
  body.nv-site .random-app .random-field-pair:has(select) { grid-template-columns:1fr; gap:0; }
  body.nv-site .random-app .random-presets { gap:5px; }
  body.nv-site .random-app .random-groups { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  body.nv-site .random-app *,body.nv-site .random-app *::before,body.nv-site .random-app *::after { scroll-behavior:auto !important; transition:none !important; }
}
