:root{--button-bg:rgb(30 30 30);--button-border:rgb(60 60 60);--button-border-hover:rgb(70 70 70);--border-color-50:rgb(50 50 50);--error:rgb(255 100 100);--picker-row-height:34px;--visible-rows:7;--site-bg:rgb(16 16 16);--site-lite:rgb(240 240 240);--bg-dark:#161616;--bg-medium:#181818;--bg-hover:#333333;--bg-light:rgb(210 210 210);--text-dark:rgb(60 60 60);--text-meddark:rgb(110 110 110);--text-med:rgb(170 170 170);--text-medlight:rgb(200 200 200);--text-light:rgb(230 230 230);--border-color:rgb(68 68 68);--gray:rgb(200 200 200);--red:rgb(255 41 117);--orange:rgb(255 145 27);--yellow:rgb(255,198,66);--lite-yellow:rgb(255 234 66);--green:rgb(0 255 173);--blue:rgb(0 195 255);--pink:rgb(255 110 204);--pinkle:rgb(193,0,177);--purple-old:rgb(190,40,255);--purple:rgb(180 94 255);--red-key:rgb(255,159,193);--orange-key:rgb(255,196,133);--yellow-key:rgb(255,225,155);--lite-yellow-key:rgb(255,243,155);--green-key:rgb(142,255,219);--blue-key:rgb(148,230,255);--pink-key:rgb(255,190,232);--purple-key:rgb(229,169,255);--red-shade:rgb(44,6,19);--orange-shade:rgb(38,21,3);--yellow-shade:rgb(40,29,2);--lite-yellow-shade:rgb(39,35,5);--green-shade:rgb(3,25,18);--blue-shade:rgb(2,14,18);--pink-shade:rgb(28,1,19);--purple-shade:rgb(17,3,24);--white-key-bg-hover:rgb(255 255 255 / 20%);--red-key-bg-hover:rgb(255 0 106 / 20%);--blue-key-bg-hover:rgb(0 190 255 / 20%);--yellow-key-bg-hover:rgb(255 255 0 / 15%);--green-key-bg-hover:rgb(0 255 47 / 15%);--pink-key-bg-hover:rgb(255 0 230 / 18%);--camo-key-bg-hover:rgb(0 0 0 / 40%);--camo-key-preview:rgb(50 50 50 / 90%);--dim:rgb(160 160 160);--bright:rgb(240 240 240);--pure-white:rgb(255 255 255);--safe-top:20px;}@media (min-width:580px){:root{--visible-rows:9}}*,*::before,*::after{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}html,body{font-family:Arial,Helvetica,sans-serif;border:none;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:hidden;padding:0;margin:0;display:flex;justify-content:center;}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;}html{background:var(--site-bg);}.maintainer{outline:1px solid var(--site-bg);}body{font-size:1.2rem;}.tajawal{font-family:'Tajawal',sans-serif;}.centext{text-align:center;}.rtext{text-align:right;}.ltext{text-align:left;}.error{color:var(--error);}.nozoom{touch-action:manipulation}.nowrap{white-space:nowrap;flex-wrap:nowrap;}.pure.white,white.pure{color:var(--pure-white);}white,.white{color:var(--text-light);}gray,.gray{color:var(--gray);}red,.red{color:var(--red);}orange,.orange{color:var(--orange);}yellow,.yellow{color:var(--yellow);}green,.green{color:var(--green);}blue,.blue{color:var(--blue);}pink,.pink{color:var(--pink);}.pinkle,pinkle{color:var(--pinkle);}purple,.purple{color:var(--purple);}.temp{color:rgb(150 150 150);}ghost{opacity:.2;}dim{color:var(--dim);font-weight:bold;}bright{color:var(--bright);font-weight:bold;}.h1{font-size:2em;font-weight:700;}larger,.larger{font-size:larger;}.xxlarge{font-size:xx-large;}.xlarge{font-size:x-large;}small,.small,mini{font-size:small;}smaller,.smaller{font-size:smaller;}tiny,xsmall,.tiny,.xsmall{font-size:x-small;}div.rel{position:relative;}*{box-sizing:border-box;}.grid{display:grid;}.flex{display:flex;}.flex .f0{flex:0;}.flex .f1{flex:1;}.flex .f2{flex:2;}.flex .f3{flex:3;}.flex .f4{flex:4;}.flex .f5{flex:5;}.flex .f6{flex:6;}.flex .f7{flex:7;}.flex .f8{flex:8;}.flexpad{min-width:0;min-height:1rem;}.flexpad.fg1{flex-grow:1;}.flexpad.fg2{flex-grow:2;}.flexpad.fg3{flex-grow:3;}.flexpad.fg4{flex-grow:4;}.flexpad.fg5{flex-grow:5;}.flexpad.fg6{flex-grow:6;}.flexpad.f7{flex-grow:7;}.flexpad.fg8{flex-grow:8;}.flex.row{flex-direction:row;align-items:center;}.flex.col{flex-direction:column;}.flex.colrev{flex-direction:column-reverse;}.padtop2{padding-top:2rem;}.flex.gap.rem05{gap:.5rem;}.flex.gap.rem1{gap:1rem;}.flex.gap.rem2{gap:2rem;}.flex.gap.rem3{gap:3rem;}.flex.gap.rem4{gap:4rem;}.flex.gap.rem5{gap:5rem;}.flex.gap.rem6{gap:6rem;}.flex.gap.rem7{gap:7rem;}.flex.gap.rem8{gap:8rem;}.flex.justify.center,.flex.jcenter{justify-content:center;}.flex.align.center,.flex.acenter{align-items:center;}.flex.justify.between,.flex.jtween,.flex.jbetween{justify-content:space-between;}.flex.align.start,.flex.astart{align-items:flex-start;}.flex.align.end,.flex.aend{align-items:flex-end;}.flex.justify.start,.flex.jstart{justify-content:flex-start;}.flex.justify.end,.flex.jend{justify-content:flex-end;}.flex.justify.around,.flex.jaround{justify-content:space-around;}.stretchh{height:stretch;}.animate__animated.animate__fadeInDown{--animate-duration:.3s;}.z10{z-index:10;}.hide{display:none!important;}.invis{opacity:0!important;color:transparent!important;}.hand,.button{cursor:pointer;}.ph-light,.ph-thin{vertical-align:middle;}mark{background-color:transparent;}.divbot{border-bottom:1px solid var(--border-color-50);}.divtop{border-top:1px solid var(--border-color-50);}.divleft{border-left:1px solid var(--border-color-50);}.divrite{border-right:1px solid var(--border-color-50);}input{border:1px solid var(--button-border);background-color:rgb(255 255 255 / 5%);color:rgb(255 255 255 / 78%);font-size:1.3rem;font-weight:300;text-align:center;outline:none;transition:border .2s;}input.problem{background-color:rgb(47 17 17)!important;border:1px solid rgb(85 31 31)!important;}input:focus{border:1px solid rgb(90 90 90);}.btn{border:1px solid var(--button-border);background-color:rgb(255 255 255 / 5%);color:rgb(255 255 255 / 78%);font-size:1.2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,border .2s,background-color .2s;}.rect{border-radius:.5rem;padding:.25rem 1rem;}.btn.rect{height:3rem;}input.rect{height:3rem;}.btn.round{border-radius:100%;width:2.4rem;height:2.4rem;z-index:2;flex-shrink:0;}.btn.round.close{position:absolute;top:.8rem;right:.8rem;z-index:unset;}.btn.round.close.foropt{border:none;background-color:transparent;height:100%;aspect-ratio:1;width:unset;position:absolute;top:0;right:0}.btn.round.close img{width:50%;height:50%;opacity:.8;}.btn.round.disabled{opacity:.5}.jitter{animation:jitter .5s ease-in-out;}@keyframes jitter{0%,100%{transform:translateX(0)}12.5%{transform:translateX(-5px)}25%{transform:translateX(0)}37.5%{transform:translateX(5px)}50%{transform:translateX(0)}62.5%{transform:translateX(-5px)}75%{transform:translateX(0)}87.5%{transform:translateX(5px)}}.pulsegrow{animation:pulsegrow .5s ease-in-out;}@keyframes pulsegrow{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@media (hover:hover){.btn:not(.disabled):hover{border:1px solid rgb(70 70 70)}.btn.selected:not(.disabled):hover{border:1px solid white}.btn.rect:not(.disabled):hover{background-color:rgb(255 255 255 / 8%)}.btn.round:not(.disabled):hover{transform:scale(1.15)}}.btn:active{transform:scale(.8);}.btn.round.mini{width:1.4rem;height:1.4rem;font-size:small;position:absolute;}.btn.round.mini.why{display:inline-flex;}.outLeft{animation:outLeft .4s;}@keyframes outLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.inFromRight{animation:inFromRight .4s;}@keyframes inFromRight{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.pushLeft{animation:pushLeft .4s;}@keyframes pushLeft{0%{transform:translateX(0)}5%{transform:translateX(5%)}100%{transform:translateX(-100%)}}label.switch{margin:0;display:flex;align-items:center;justify-content:center;}label.switch>input[type=checkbox]{opacity:0;display:none;}label.switch>div.switch-btn{position:relative;width:51px;height:31px;background:#8d8d8d;border-radius:25.5px;box-shadow:inset 0 3px 10px rgba(0,0,0,.15);cursor:pointer;transition:background-color .2s ease;}label.switch>div.switch-btn:before{content:"";position:absolute;height:28px;width:28px;height:26px;width:26px;background:linear-gradient(white,#f2f2f2);left:2px;top:50%;cursor:pointer;border-radius:50%;box-shadow:0 8px 6px -4px rgba(0,0,0,.1);transform:translateY(-50%);transition:all 200ms ease-out;}label.switch>input[type=checkbox]:checked + div.switch-btn{background:var(--blue);transition:background-color .3s ease;}label.switch>input[type=checkbox]:checked + div.switch-btn:before{left:22px;left:23px;}