:root{--bg:#07112a;--card:#0f1730;--muted:#98a9d0;--ok:#6fe29a;--bad:#ff7a8f;--field:#08122a;--border:#203457;--accent1:#3e85ff;--accent2:#2f6be6}*,*::after,*::before{box-sizing:border-box}body{background:linear-gradient(180deg, #041029, #07112a);color:#e8eef9;font-family:system-ui, Segoe UI, Roboto, Arial;margin:0;padding:20px}h1{margin:0 0 6px;font-size:36px}h2{margin:0 0 6px;font-size:20px}.wrap{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}.card{background:var(--card);padding:14px;border-radius:12px;border:1px solid rgba(80, 110, 160, 0.08);box-shadow:0 8px 26px rgba(3, 8, 23, 0.6)}.options{height:200px}label{display:block;font-size:13px;color:var(--muted);margin-top:8px}input,select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--field);color:#e8eef9;transition:border 0.15s, box-shadow 0.15s}input:focus,select:focus{outline:none;border-color:var(--accent1);box-shadow:0 0 0 3px rgba(62, 133, 255, 0.15)}input:invalid{outline:1px solid var(--bad)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cfe1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\ <polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;cursor:pointer}select:hover{border-color:#376fe8}select:disabled{opacity:0.6;cursor:not-allowed}.select-glow{position:relative;border-radius:12px;padding:2px;margin-top:8px;will-change:transform}.select-glow::before{content:"";position:absolute;inset:-3px;border-radius:14px;background:conic-gradient( from 0deg, #6fb6ff, #28f4ff, #3effa8, #ffd84d, #ff68a0, #b76fff, #6fb6ff );filter: blur(6px) saturate(170%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease, visibility 0.35s ease;z-index:0}.select-glow::after{content:"";position:absolute;inset:-2px;border-radius:13px;background:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.18) 80%, rgba(255, 255, 255, 0) 100% ), linear-gradient( 90deg, #ff5abf, #29e0ff, #3effa8, #ffdf4d, #ff7e7e, #b56fff, #ff5abf );background-size:150% 100%, 240% 100%;background-position:-30% 0%, 0 0;mix-blend-mode:screen;filter: blur(5px) saturate(180%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease, visibility 0.35s ease;z-index:0;animation:bandShift 5.5s ease-in-out infinite alternate;animation-play-state:paused}.select-glow.qrng-active::after,.select-glow.qrng-active::before{opacity:0.95;visibility:visible}.select-glow.qrng-active::after{animation-play-state:running}.select-glow > select{position:relative;z-index:1;width:100%;border-radius:10px}@keyframes bandShift{0%{background-position:-30% 0%, 0 0;filter: blur(5px) saturate(160%)}50%{background-position:80% 0%, 120% 0;filter: blur(6px) saturate(190%)}100%{background-position:-30% 0%, 240% 0;filter: blur(5px) saturate(160%)}}@media (prefers-reduced-motion: reduce){.select-glow::after{animation:none}}button{margin-top:10px;padding:10px 12px;border-radius:12px;border:0;background:linear-gradient(var(--accent1), var(--accent2));color:white;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(46, 107, 230, 0.35)}button:hover{filter: brightness(1.06)}button:disabled{opacity:0.55;cursor:not-allowed;filter: grayscale(40%)}.btnwrap{display:flex;flex-direction:column;align-items:stretch;gap:4px}.btnrow{display:flex;align-items:center;gap:10px;justify-content:flex-start}.btnrow button{margin-left:auto}.btnrow .bytes{font-size:12px;color:var(--muted)}pre{background:#07112a;border-radius:10px;padding:10px;white-space:pre-wrap;font-family:ui-monospace, monospace}#g_tbl,#p_out{max-height:480px;overflow:auto}footer{margin-top:10px;color:var(--muted);font-size:13px}.small{font-size:12px;color:var(--muted)}.hint{font-size:12px;color:#d6dfff;margin-top:6px}.bytes{font-size:12px;margin-top:6px}.bytes .value.bad{color:var(--bad);font-weight:700}.error{color:var(--bad)}table.groups{width:100%;border-collapse:collapse;margin-top:8px}table.groups td,table.groups th{padding:8px 10px;border-bottom:1px solid rgba(255, 255, 255, 0.08);text-align:left;vertical-align:top}table.groups thead th{color:#cfe1ff;font-weight:700;background:rgba(255, 255, 255, 0.03);position:sticky;top:0}table.groups tbody th{color:#cfe1ff;font-weight:700;background:rgba(255, 255, 255, 0.02)}table.groups tr:hover{background:rgba(255, 255, 255, 0.03)}.credit-badge{position:fixed;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:9999;isolation:isolate;font:12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;color:#e8eef9;background:rgba(15, 23, 48, 0.7);border:1px solid rgba(255, 255, 255, 0.08);border-radius:999px;padding:8px 12px;backdrop-filter: blur(8px);box-shadow:0 6px 18px rgba(3, 8, 23, 0.35);pointer-events:auto}.credit-badge strong{font-weight:700}a,a:visited{color:inherit;text-decoration:none}a:focus-visible,a:hover{text-decoration:underline}