:root{color-scheme:dark;--bg:#100a1c;--panel:#1a1229;--line:#36274b;--text:#f4eefc;--muted:#b3a7c5;--purple:#a477ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#35205d55,transparent 55%),var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}.shell{max-width:1320px;margin:auto;padding:0 44px}header{display:flex;justify-content:space-between;align-items:center;height:110px;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:750;letter-spacing:-1.5px;text-decoration:none;color:var(--text)}.brand span{color:var(--purple);margin-left:8px}.header-right{display:flex;align-items:center;gap:24px}.tiny{font:13px/1.5 monospace;color:var(--muted)}main{padding-top:44px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.eyebrow{font:12px/1.5 monospace;letter-spacing:2px;color:var(--purple)}h1{font-size:clamp(28px,3.5vw,44px);font-weight:550;line-height:1.25;letter-spacing:-1.5px;margin:10px 0}p{color:var(--muted)}.intro p{margin:10px 0}.limit{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column}.limit b{font:30px monospace}.limit span{font-size:13px;color:var(--muted)}nav{display:flex;border-bottom:1px solid var(--line);gap:12px;margin-bottom:28px}button{font:inherit;cursor:pointer;color:inherit;border:0;transition:background .2s,transform .2s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #be9cff;outline-offset:4px}.tab{background:none;color:var(--muted);padding:15px 22px;border-bottom:2px solid transparent;font:13px monospace}.tab span{font:16px system-ui;margin-left:9px}.tab.active{color:var(--text);border-color:var(--purple)}.tool{display:none;grid-template-columns:360px 1fr;gap:28px;min-height:500px}.tool.active{display:grid}.controls,.result{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px}.controls{background:#181024}h2{font-size:25px;font-weight:550;line-height:1.4;margin:9px 0 25px;letter-spacing:-.5px}label{display:block;font-size:14px;color:var(--muted);margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:8px;background:#100b1a;border:1px solid #463459;border-radius:9px;padding:12px;color:var(--text);font:16px system-ui;min-width:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:center;gap:10px}.check input{width:17px;height:17px;margin:0;accent-color:var(--purple)}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#9665f1;border-radius:9px;padding:13px 18px;color:#fff;font-weight:600}.primary:hover{background:#a97aff}.primary span{font-size:23px}.outline{padding:10px 16px;background:transparent;border:1px solid #644888;border-radius:9px}.outline:hover{background:#352245}.hint{font-size:13px;line-height:1.65}.result{display:flex;flex-direction:column;min-width:0}.result-head{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:12px/1.6 monospace;letter-spacing:1px}.number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:26px 0;flex:1;align-content:start}.number{padding:10px 5px;background:#251936;border:1px solid #3b2854;border-radius:8px;text-align:center;font:16px/1.5 monospace;overflow-wrap:anywhere}.empty{grid-column:1/-1;align-self:center;text-align:center;padding-top:70px}.empty>span{font-size:74px;line-height:1;color:#9366de}.empty p{font-size:19px}.result-bottom{border-top:1px solid var(--line);padding-top:17px}.result-bottom p{font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.text-button{background:none;color:var(--muted);padding:10px}.result progress{width:100%;height:4px;accent-color:var(--purple)}details{border-top:1px solid var(--line);padding-top:15px}summary{font-size:14px;cursor:pointer;color:#d8c5f7}details label{margin-top:16px}.generator-info{margin-top:28px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.generator-info>button{width:100%;display:flex;gap:18px;align-items:center;padding:23px 28px;background:#1c132d;text-align:left}.generator-info small{display:block;color:var(--muted);font-size:13px;font-weight:400}.generator-info b{font-weight:550}.pulse{font-size:28px;color:#b790ff;animation:pulse 2.5s ease-in-out infinite}#chevron{margin-left:auto;font-size:24px}.info-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.info-body.open{grid-template-rows:1fr}.info-content{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.info-body.open .info-content{padding:28px}.info-content pre{font:13px/1.9 monospace;white-space:pre-wrap;background:#181025;padding:20px;border-radius:10px;overflow-wrap:anywhere}.creator,.tests{border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.creator span{display:block;color:var(--muted);font-size:14px}.tests span{font:12px monospace;color:#bda0ee}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0;color:var(--muted);font-size:12px}footer span:first-child{font-size:18px;font-weight:600}.canvas-wrap{align-items:center;justify-content:center;position:relative;gap:20px}canvas{max-width:100%;max-height:520px;object-fit:contain;image-rendering:pixelated;border-radius:8px;display:none}.coin-wrap{align-items:center;justify-content:center;gap:25px}.coin-disk{height:180px;width:180px;border-radius:50%;border:8px double #bca0f2;background:linear-gradient(135deg,#613e99,#241437);box-shadow:0 0 65px #9c65ef26,inset 0 0 0 6px #5e4183;display:flex;flex-direction:column;align-items:center;justify-content:center;font:70px/1 system-ui}.coin-disk span{font:10px monospace;letter-spacing:3px;margin-top:18px}.flipping{animation:flip 1s ease-in-out}.coin-wrap h2{margin:0}.stat-line{margin-top:30px;color:var(--muted);font:14px monospace}.winner-list{flex:1;padding:25px 0}.winner-row{display:flex;gap:18px;padding:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.winner-row b{color:var(--purple);font:24px monospace}dialog{max-width:480px;width:calc(100% - 32px);background:#20132f;color:var(--text);border:1px solid #624581;border-radius:20px;padding:35px}dialog::backdrop{background:#08040dcc;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;background:none;font-size:25px}@keyframes pulse{50%{opacity:.4}}@keyframes flip{0%{transform:rotateY(0)}100%{transform:rotateY(1800deg)}}@media(max-width:900px){.shell{padding:0 22px}.tool{grid-template-columns:300px 1fr}.number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.limit{display:none}.tab{padding:14px 12px}.tab span{font-size:14px}.info-content{grid-template-columns:1fr}}@media(max-width:650px){header{height:85px}.header-right{gap:12px}.header-right .tiny{display:none}.brand{font-size:27px}main{padding-top:28px}.intro{margin-bottom:24px}.intro p{font-size:14px}nav{gap:0}.tab{flex:1;padding:13px 4px}.tab span{display:block;margin:3px 0 0;font-size:13px}.tool{grid-template-columns:1fr;gap:16px}.controls,.result{padding:22px}.number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result{min-height:320px}.empty{padding-top:20px}.generator-info>button{padding:18px}.generator-info small{font-size:12px}footer{flex-wrap:wrap}.info-body.open .info-content{padding:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Quieter workspace */
.intro .eyebrow,.section-head .eyebrow,.controls>.eyebrow{display:none}.intro{margin-bottom:24px}.intro h1{font-size:30px}.controls .hint{font-size:12px}.controls details{margin-top:18px}.controls{background:transparent}.tool{gap:20px}.controls,.result{border-radius:12px}.number{background:#21152f}.coin-disk{border-color:#c87989;background:linear-gradient(140deg,#8c253d,#3b0715);box-shadow:0 16px 40px #17020766,inset 0 0 0 6px #6c1830;color:#f9dde2;transform-style:preserve-3d;flex-shrink:0}.coin-disk:hover{background:linear-gradient(140deg,#9d2c48,#48091b)}.coin-disk:disabled{opacity:1}.coin-wrap{perspective:900px}.flipping{animation:coinBounce 1.1s cubic-bezier(.25,.6,.4,1)}@keyframes coinBounce{0%{transform:translateY(0) rotateX(0)}35%{transform:translateY(-65px) rotateX(720deg)}70%{transform:translateY(0) rotateX(1440deg)}82%{transform:translateY(-15px) rotateX(1620deg)}100%{transform:translateY(0) rotateX(1800deg)}}.coin-history-head{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:13px}.coin-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;width:100%;max-height:230px;overflow:auto}.flip-cell{background:#281324;border:1px solid #613040;border-radius:8px;padding:7px;display:flex;flex-direction:column;text-align:center}.flip-cell small{font:11px monospace;color:#ba8b9c}.flip-cell b{font-size:21px;color:#edb9c6}#bitmapProgress{width:100%;accent-color:var(--purple);margin:15px 0}#cancelBitmap{margin-top:12px}.controls>.primary+.outline{margin-top:15px}footer span:last-child{display:none}
#giveawayProgress{width:100%;accent-color:var(--purple);height:5px}.comment-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.comment-card{display:grid;grid-template-columns:24px 1fr;gap:3px 8px;padding:8px;background:#25172f;border-radius:7px;min-width:0}.comment-card span:not(.comment-avatar){font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card small{grid-column:2;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-avatar{width:24px;height:24px;object-fit:cover;border-radius:50%;flex-shrink:0}.initials{display:inline-flex;align-items:center;justify-content:center;background:#65447c;color:white;font-size:12px}.winner-row{align-items:center}
.language-label{margin:0}.language-label select{margin:0;width:126px;padding:9px 10px;font-size:14px;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html:lang(zh),html:lang(ja),html:lang(ko){letter-spacing:normal}html:lang(zh) h1,html:lang(ja) h1,html:lang(ko) h1,html:lang(zh) h2,html:lang(ja) h2,html:lang(ko) h2{letter-spacing:normal}@media(max-width:650px){.header-right{gap:8px}.header-right #pro{font-size:12px;padding:9px}.language-label select{width:102px;padding:9px 6px}.shell{padding:0 16px}header .brand{font-size:24px}}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:29px;letter-spacing:-1.2px}.brand img{display:block;width:38px;height:38px}.brand .wordmark{color:var(--text);margin:0;font-weight:650}footer span:first-child{letter-spacing:-.5px}@media(max-width:650px){.brand{gap:7px}.brand img{width:30px;height:30px}header .brand{font-size:21px}.header-right #pro{display:none}.language-label select{width:108px}}
/* Randux — black and brushed gold */
:root{--bg:#080808;--panel:#121211;--line:#343027;--text:#f2eee5;--muted:#aaa396;--purple:#d3b374}body{background:radial-gradient(ellipse at 85% 0,#79602d14,transparent 50%),var(--bg)}header{height:100px}.brand .wordmark{font-weight:500;letter-spacing:1px}.brand img{width:40px;height:40px}h1{font-weight:450;letter-spacing:-.6px}h2{font-weight:450}.controls{background:#0d0d0c}.result{background:linear-gradient(150deg,#171613,#10100f);border-color:#383127}.primary{background:linear-gradient(115deg,#dfc48c,#b79250);color:#17130b;border:1px solid #e0c58b;font-weight:600}.primary:hover{background:linear-gradient(115deg,#eed8a9,#c8a66a)}.outline{border-color:#6e5a36;background:#0e0e0b}.outline:hover{background:#272218}input,select,textarea{background:#080808;border-color:#4b4233}.tab.active{border-color:#d3b374;color:#f0d4a0}.number{background:#1c1912;border-color:#4a3c24}.generator-info{border-color:#443821}.generator-info>button{background:#15130f}.pulse,.empty>span{color:#d4b06c}.info-content pre{background:#0b0b09;border:1px solid #3b3324}.tests span{color:#d8bd87}.coin-disk{border-color:#d6b570;background:linear-gradient(135deg,#835735,#3a111b);box-shadow:0 16px 40px #0008,inset 0 0 0 6px #75442e;color:#f8dfb0}.coin-disk:hover{background:linear-gradient(135deg,#986940,#481521)}.flip-cell{background:#221710;border-color:#634d30}.flip-cell small{color:#b79f78}.flip-cell b{color:#e2c38a}.comment-card{background:#221e15}.initials{background:#8a6a35}.language-label select{background:#0d0d0b}dialog{background:#14120f;border-color:#81673a}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#dfc48c}.info-content .hint{color:#aaa396}summary{color:#d7bd8b}.result-head{color:#b4a588}.empty p{color:#b3a68f}footer{border-top:1px solid #342d20}@media(max-width:650px){header{height:82px}.brand img{width:32px;height:32px}header .brand{font-size:23px}}
.creator-link{color:#e5c993;text-decoration:none;text-underline-offset:5px}.creator-link:hover{text-decoration:underline}.creator-link:focus-visible{outline:2px solid #dfc48c;outline-offset:4px}.scientific-equations{background:#0b0b09;border:1px solid #3b3324;border-radius:10px;padding:22px 12px;overflow-x:auto;font-family:"STIX Two Math","Cambria Math","Latin Modern Math",serif;color:#eee9df}.scientific-equations math{font-family:math,"STIX Two Math","Cambria Math",serif;font-size:1.1rem;white-space:nowrap}.equation{padding:9px 0}.math-constants{border-top:1px solid #332b1e;margin-top:12px;padding-top:12px}.math-constants math{font-size:1rem;margin:10px 0}.practrand-result{color:#d8bd87;font-size:14px}.limit{min-width:230px}.limit span{font-size:13px}@media(max-width:650px){.scientific-equations{padding:16px 8px}.scientific-equations math{font-size:1rem}}
.use-cases{font-size:14px!important;max-width:530px;color:var(--muted);margin:12px 0 0}.noise-result{justify-content:center;gap:20px}.noise-wave{display:flex;align-items:center;justify-content:center;gap:2px;min-height:160px;overflow:hidden}.noise-wave span{flex:1;min-width:1px;max-width:5px;background:linear-gradient(#eed49b,#927337);border-radius:2px}.noise-result audio{width:100%;color-scheme:dark}.noise-result progress{width:100%;accent-color:var(--purple)}#cancelNoise{margin-top:12px}nav{gap:5px}.tab{padding-left:14px;padding-right:14px}@media(max-width:650px){nav{overflow-x:auto}.tab{min-width:84px;flex:1;padding-left:5px;padding-right:5px}.tab span{font-size:12px}.noise-wave{min-height:120px}}
nav{flex-wrap:wrap}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair label{min-width:0}.lab-result{min-width:0}.lab-metrics{display:flex;justify-content:space-between;gap:16px;margin:14px 0;font-size:.875rem;flex-wrap:wrap}.lab-log{height:400px;overflow:auto;border:1px solid #332b1e;border-radius:12px;background:#0b0b0b;overscroll-behavior:contain}.lab-entry{padding:16px 18px;border-bottom:1px solid #29241b}.lab-entry summary{font-size:.9rem;cursor:pointer;line-height:1.6}.lab-entry pre{font-size:.8rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;color:#cec6b4}.lab-entry.anomaly summary{color:#efb275}.lab-entry.failure summary{color:#ee8585}.lab-entry.clear summary{color:#c9d7ab}.recovery{padding:14px;background:#201b12;border:1px solid #66502b;border-radius:12px}.recovery button{margin-bottom:8px}.conversion-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.7}input[type=file]{width:100%;padding:12px;font-size:.875rem}#labBytes{font-size:.8rem;color:#a8987b}#giveawayCancel{margin-top:10px}