html{background:#05070e}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:linear-gradient(180deg,#05070e,#070a13);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.head{padding:clamp(120px,15vh,170px) var(--pad-x) clamp(20px,3.5vh,40px);max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,5vw,66px);line-height:1.08;max-width:15ch}.head h1 em{font-style:normal;color:var(--gold-bright)}.head .dek{color:var(--ink-dim);font-weight:300;font-size:clamp(14px,1.3vw,16.5px);line-height:1.8;max-width:44ch}#hud{border:1px solid rgba(227,179,92,.35);border-radius:12px;padding:14px 20px;background:#090d19b3;min-width:250px}#hud .h-row{display:flex;justify-content:space-between;gap:20px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);padding:3px 0}#hud .h-row b{color:var(--gold-bright);font-weight:500;letter-spacing:.12em}#hud .beatlamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold-deep);vertical-align:middle;margin-right:8px;transition:background .12s,box-shadow .12s}#hud .beatlamp.on{background:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow)}#rack{max-width:1400px;margin:0 auto;padding:0 var(--pad-x) 70px;display:grid;gap:clamp(12px,1.5vw,20px);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto)}@media(max-width:1100px){#rack{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){#rack{grid-template-columns:1fr}}.c-2w{grid-column:span 2}.c-2h{grid-row:span 2}@media(max-width:560px){.c-2w{grid-column:span 1}}.mod{position:relative;border:1px solid rgba(228,209,164,.2);border-radius:14px;overflow:hidden;padding:16px 20px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(227,179,92,.06),transparent 22%),linear-gradient(168deg,#0d1224,#080c17);box-shadow:inset 0 1px #e4d1a414;transition:border-color .5s,transform .5s var(--ease-out),box-shadow .5s}.mod:hover{transform:translateY(-4px);border-color:#e3b35c73;box-shadow:0 24px 64px #0000008c}.mod .screws i{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4edda80,#5a5037e6);font-style:normal}.mod .screws i:nth-child(1){left:8px;top:8px}.mod .screws i:nth-child(2){right:8px;top:8px}.mod .screws i:nth-child(3){left:8px;bottom:8px}.mod .screws i:nth-child(4){right:8px;bottom:8px}.mod .strip{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--hairline-soft);padding-bottom:10px}.mod .strip .lbl{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod .meter{width:44px;height:18px;flex:none}.mod .meter svg{width:100%;height:100%;overflow:visible}.mod .meter .arc{fill:none;stroke:#e4d1a440;stroke-width:1}.mod .meter .needle{stroke:var(--gold-bright);stroke-width:1.3;transform-origin:22px 17px;transform:rotate(-38deg);transition:transform .5s var(--ease-io)}.mod.beat .meter .needle{transform:rotate(30deg);transition:transform .16s var(--ease-out)}.mod .led{width:7px;height:7px;border-radius:50%;background:#3a3320;flex:none;transition:background .12s,box-shadow .12s}.mod.beat .led,.mod.on .led.idle{background:var(--gold-bright);box-shadow:0 0 10px var(--gold-glow)}.mod h2{font-family:var(--font-display);font-weight:400;font-size:clamp(16px,1.6vw,19.5px);line-height:1.25;margin-top:10px}.mod .demo{flex:1;display:grid;place-items:center;min-height:60px;padding:8px 0 2px}.mod .ds{font-size:11.5px;color:var(--ink-faint);font-weight:300;line-height:1.55}.mod .go{position:absolute;inset:0;z-index:3;border-radius:14px}.mod .go:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.js .mod .inner{opacity:0}.js .mod.booting .inner{animation:bootflick .5s steps(2,end) forwards}@keyframes bootflick{0%{opacity:0}25%{opacity:.7}50%{opacity:.12}75%{opacity:.85}to{opacity:1}}.js .mod.on .inner{opacity:1}@media(prefers-reduced-motion:reduce){.js .mod .inner{opacity:1!important;animation:none!important}}.mod .inner{display:flex;flex-direction:column;height:100%}.sw{transition:opacity .32s,filter .32s,transform .32s}.swapping .sw{opacity:0;filter:blur(5px);transform:translateY(4px)}.d-big-ar{font-family:var(--font-quran);font-size:clamp(30px,3vw,40px);direction:rtl;line-height:1.55;color:var(--ink);text-align:center}.d-lbl{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.26em;color:var(--gold-bright);text-transform:uppercase;text-align:center;margin-top:3px}.d-sub{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase;text-align:center;margin-top:3px}#formrow{display:flex;align-items:center;justify-content:space-around;width:100%;gap:10px}#formrow .fr{font-family:var(--font-display);font-size:40px;color:var(--gold-bright);min-width:64px;text-align:center}#formrow .fp{font-family:var(--font-ar);font-size:28px;direction:rtl;color:var(--ink)}#formrow .fm{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;text-align:right;max-width:150px;line-height:1.7}#lkp{width:100%}#lkp .line{display:flex;align-items:center;gap:10px;border:1px solid var(--hairline);border-radius:9px;padding:8px 14px;font-family:var(--font-mono);font-size:12px}#lkp .line .q{direction:rtl;font-family:var(--font-ar);font-size:18px;min-height:1.5em;line-height:1.5}#lkp .caret{width:1px;height:15px;background:var(--gold-bright);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){#lkp .caret{animation:none}}#lkp .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;opacity:0;transition:opacity .5s}#lkp .chips.on{opacity:1}#lkp .chips span{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:var(--ink-dim);border:1px solid var(--hairline-soft);border-radius:999px;padding:4px 10px;text-transform:uppercase}#lkp .chips b{color:var(--gold-bright);font-weight:500}#ticker{height:100%;max-height:250px;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}#ticker ul{list-style:none;display:flex;flex-direction:column;gap:8px;animation:tick 15s linear infinite}@keyframes tick{to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){#ticker ul{animation:none}}#ticker li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border:1px solid var(--hairline-soft);border-radius:8px;padding:6px 11px}#ticker li b{font-family:var(--font-ar);font-weight:400;font-size:16px;direction:rtl;line-height:1.6}#ticker li span{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}#conj{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;max-width:190px}#conj i{height:23px;border:1px solid var(--hairline-soft);border-radius:5px;transition:background .3s,border-color .3s,color .3s;font-style:normal;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;color:var(--ink-faint)}#conj i.hot{background:#e3b35c29;border-color:#e3b35c80;color:var(--gold-bright)}#road2{width:100%;display:flex;align-items:center}#road2 .st{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}#road2 .st:before{content:"";position:absolute;top:5px;left:-50%;width:100%;height:1px;background:var(--hairline)}#road2 .st:first-child:before{display:none}#road2 .st i{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(228,209,164,.4);background:#090d19;transition:background .4s,border-color .4s,box-shadow .4s;font-style:normal;z-index:1}#road2 .st.hot i{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow)}#road2 .st span{font-family:var(--font-mono);font-size:7px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;white-space:nowrap}#road2 .st.hot span{color:var(--gold-bright)}#pron{position:relative;width:104px;height:104px}#pron .p-ring{position:absolute;inset:0;border:1px dashed rgba(228,209,164,.16);border-radius:50%}#pron .p-rot{position:absolute;inset:0;animation:orb 22s linear infinite}@keyframes orb{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#pron .p-rot{animation:none}}#pron .p{position:absolute;left:50%;top:50%;font-family:var(--font-ar);font-size:13px;color:var(--gold);transform:translate(-50%,-50%) rotate(var(--a)) translateY(-48px) rotate(calc(var(--a) * -1))}#pron .c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-ar);font-size:20px;color:var(--gold-bright)}#msa .tgl{position:relative;width:150px;height:34px;border:1px solid var(--hairline);border-radius:999px;display:flex;align-items:center;margin:0 auto}#msa .tgl i{position:absolute;top:3px;bottom:3px;width:calc(50% - 3px);left:3px;border-radius:999px;background:linear-gradient(160deg,#e3b35c59,#a97e3540);transition:transform .6s var(--ease-io);font-style:normal}#msa.flip .tgl i{transform:translate(100%)}#msa .tgl span{flex:1;text-align:center;font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:var(--ink-dim);position:relative;z-index:1;text-transform:uppercase}