:root{--bg:#0f172a;--panel:#111827;--panel-2:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--acc:#60a5fa;--acc-2:#3b82f6;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:16px}body{background:linear-gradient(120deg,#0b1024,#0e172a)}#random-number{min-height:100vh;margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI","Meiryo",sans-serif;display:flex;justify-content:center;padding:50px 5vw}.rn-inner{width:min(980px,100%);background:rgba(17,24,39,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.rn-header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.rn-header .rn-title{display:flex;gap:12px;align-items:center}h1{font-size:clamp(18px,2.6vw,24px);margin-bottom:12px;font-weight:700}.rn-subtitle{color:var(--muted);font-size:12px}.rn-container{display:grid;grid-template-columns:380px 1fr;gap:0}@media (max-width:860px){.rn-container{grid-template-columns:1fr}}.rn-panel{padding:22px 20px;border-right:1px solid rgba(255,255,255,.06)}@media (max-width:860px){.rn-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}.rn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rn-field{display:flex;flex-direction:column;gap:8px}label{font-size:12px;color:var(--muted)}input[type=number]{width:100%;padding:12px;border:1px solid rgba(255,255,255,.08);background:var(--panel-2);color:var(--text);border-radius:12px;outline:none;transition:.2s ease border-color,.2s ease box-shadow}input[type=number]:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(96,165,250,.2)}.rn-checks{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.rn-check{display:flex;align-items:center;gap:8px;font-size:14px}.rn-check input{accent-color:var(--acc-2)}.rn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}button{appearance:none;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:600;letter-spacing:.01em;transition:transform .06s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow);transition:.2s}button:hover{transform:scale(.95);transition:.2s}.rn-btn-primary{background:linear-gradient(180deg,var(--acc),var(--acc-2));color:#fff}.rn-btn-primary:active{transform:translateY(1px)}.rn-btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid rgba(255,255,255,.08)}.rn-btn-danger{background:linear-gradient(180deg,#f87171,#ef4444);color:#fff}.rn-result-wrap{padding:22px 20px}.rn-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rn-result-head h2{font-size:16px;margin:0}.rn-hint{font-size:12px;color:var(--muted)}.rn-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;align-items:start}.rn-chip{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 12px;text-align:center;font-size:20px;font-weight:700;user-select:all}.rn-msg{margin-top:10px;font-size:13px}.rn-msg.rn-error{color:#fecaca}.rn-msg.rn-warn{color:#fde68a}.rn-msg.rn-ok{color:#bbf7d0}.rn-history{margin-top:16px;border-top:1px dashed rgba(255,255,255,.1);padding-top:16px}details{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px}summary{cursor:pointer;font-weight:600}.rn-hist-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rn-hist-item{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.rn-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}