.random [hidden]{display: none}.random{max-width: 1040px;margin: 0 auto;padding: 0 20px 64px}.random__back{margin: 18px 0 12px;font-size: 13.5px}.random__back a{display: inline-flex;align-items: center;gap: 4px;color: var(--c-muted);text-decoration: none}.random__back a:hover{color: var(--c-accent)}.random__panel{padding: 16px 18px 14px}.random__row{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px 14px;min-width: 0}.random__row + .random__row{margin-top: 12px}.random__row--opts{align-items: center}.random__label{font-size: 12.5px;color: var(--c-muted)}.random__seg{display: inline-flex;border: 1px solid var(--c-border-strong);border-radius: 999px;overflow: hidden}.random__seg.is-bad{border-color: var(--c-err,#dc2626)}.random__segbtn{padding: 8px 16px;font: inherit;font-size: 13.5px;border: 0;background: var(--c-panel-alt);color: var(--c-text-soft);cursor: pointer;transition: background-color .14s,color .14s}.random__segbtn + .random__segbtn{border-left: 1px solid var(--c-border-strong)}.random__segbtn.is-on{background: var(--c-accent);color: #fff;font-weight: 600}.random__field{display: flex;flex-direction: column;gap: 5px;min-width: 0}.random__field > span{font-size: 12.5px;color: var(--c-muted)}.random__num{width: 132px;max-width: 100%;padding: 9px 12px;box-sizing: border-box;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 15px;border: 1px solid var(--c-border-strong);border-radius: 9px;background: var(--c-input-bg);color: var(--c-text)}.random__num:focus{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-ring)}.random__num.is-bad{border-color: var(--c-err,#dc2626);box-shadow: 0 0 0 3px var(--c-err-soft,rgba(220,38,38,.14))}.random__seed{width: 180px}.random__chips{display: inline-flex;flex-wrap: wrap;gap: 6px}.random__chip{padding: 7px 14px;font: inherit;font-size: 13.5px;border: 1px solid var(--c-border);border-radius: 999px;background: var(--c-panel);color: var(--c-text-soft);cursor: pointer;transition: background-color .14s,border-color .14s,color .14s}.random__chip:hover{border-color: var(--c-border-strong);color: var(--c-text)}.random__chip.is-on{border-color: var(--c-accent-line);background: var(--c-accent-soft);color: var(--c-accent-solid,var(--c-accent));font-weight: 600}.random__chips.is-bad .random__chip{border-color: var(--c-err,#dc2626)}.random__check{display: inline-flex;align-items: center;gap: 7px;font-size: 13.5px;color: var(--c-text-soft);cursor: pointer}.random__check input{width: 18px;height: 18px;margin: 0;accent-color: var(--c-accent);cursor: pointer}.random__check input.is-bad + span{color: var(--c-err,#dc2626)}.random__check input:disabled{cursor: not-allowed}.random__check input:disabled + span{color: var(--c-muted)}.random__go{margin-left: auto}.random__hint{margin: 12px 0 0;font-size: 12.5px;line-height: 1.7;color: var(--c-muted)}.random__error{margin: 10px 0 0;padding: 9px 12px;font-size: 13.5px;border-radius: 9px;background: var(--c-err-soft,rgba(220,38,38,.08));color: var(--c-err,#dc2626);border: 1px solid currentColor;overflow-wrap: anywhere}.random__result{margin-top: 16px;padding: 16px 18px 18px}.random__result-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 8px 14px;margin-bottom: 10px}.random__result-title{margin: 0;font-size: 15px;font-weight: 650}.random__stats{flex: 1 1 auto;min-width: 0;display: flex;flex-wrap: wrap;gap: 6px}.random__stat{display: inline-flex;align-items: baseline;gap: 4px;padding: 2px 9px;border-radius: 999px;background: var(--c-panel-alt);font-size: 12px;font-variant-numeric: tabular-nums}.random__stat-k{font-style: normal;color: var(--c-muted)}.random__stat-v{font-weight: 650;color: var(--c-text);overflow-wrap: anywhere}.random__actions{display: inline-flex;flex-wrap: wrap;gap: 6px;flex: none}.random__empty{margin: 0;padding: 26px 0;text-align: center;font-size: 13px;color: var(--c-muted)}.random__out{margin: 0;padding: 12px;max-height: 46vh;overflow: auto;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.7;white-space: pre-wrap;overflow-wrap: anywhere;background: var(--c-input-bg);color: var(--c-text);border: 1px solid var(--c-border);border-radius: 10px}.random__out:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 1px}.random__out:empty{display: none}.random__hist{margin-top: 16px;padding: 0}.random__hist-head{display: flex;align-items: center;gap: 8px;padding: 14px 18px;font-size: 14px;font-weight: 650;cursor: pointer;list-style: none}.random__hist-head::-webkit-details-marker{display: none}.random__hist-head::after{content: '⌄';margin-left: auto;color: var(--c-muted);transition: transform .14s}.random__hist[open] .random__hist-head::after{transform: rotate(180deg)}.random__hist-count{font-size: 12px;font-weight: 400;color: var(--c-muted)}.random__hist-list{display: flex;flex-direction: column;gap: 8px;padding: 0 18px 4px}.random__hist-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 5px 12px;align-items: center;padding: 9px 11px;background: var(--c-panel-alt);border: 1px solid var(--c-border);border-radius: 9px}.random__hist-main{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;min-width: 0}.random__hist-sum{font-size: 13px;color: var(--c-text);overflow-wrap: anywhere}.random__hist-time{font-size: 11.5px;color: var(--c-muted);font-variant-numeric: tabular-nums}.random__hist-preview{grid-column: 1;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 11.5px;color: var(--c-muted);overflow-wrap: anywhere}.random__hist-row .btn{grid-column: 2;grid-row: 1 / span 2}.random__hist-foot{margin: 12px 0 0;padding: 0 18px 16px}@media (max-width: 900px){body.page .random__segbtn,body.page .random__chip,body.page .random__check,body.page .random__go{min-height: 44px;display: inline-flex;align-items: center}body.page .random__segbtn{padding-inline: 16px}body.page .random__chip{padding-inline: 16px}body.page .random__back a{min-height: 44px}body.page .random__num{font-size: 16px}.random__row{gap: 10px 12px}.random__field{flex: 1 1 calc(50% - 6px)}.random__num{width: 100%}.random__go{margin-left: 0;flex: 1 1 100%;justify-content: center}.random__actions{flex: 1 1 100%}.random__actions .btn{flex: 1 1 0;justify-content: center}}@media (max-width: 640px){.random{padding: 0 14px 48px}.random__field{flex: 1 1 100%}.random__hist-row{grid-template-columns: minmax(0,1fr)}.random__hist-row .btn{grid-column: 1;grid-row: auto;justify-self: start}.random__hist-head,.random__hist-list,.random__hist-foot{padding-inline: 14px}.random__out{max-height: 52vh}}@media (prefers-reduced-motion: reduce){.random__segbtn,.random__chip,.random__hist-head::after{transition: none}}