@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--green:#9ee0b6;--red:#f39ba5;--ink:#f2f5f4;--muted:#91a29e;--panel:#16211f;--border:#293633}body{background:radial-gradient(ellipse at top,#1c2c28 0,#111a19 43%,#0d1415 100%);color:var(--ink);font-family:'Tajawal','Noto Sans Arabic',sans-serif;min-height:100vh}main{max-width:570px;padding:30px 22px 125px}header{margin-bottom:35px;gap:12px}.logo{width:48px;height:48px;background:none;border-radius:0;font-size:0}.logo img{width:100%;height:100%}header b{font-weight:800;font-size:31px;letter-spacing:-1px}header small{font-size:12px;color:#849993;letter-spacing:0}time{font-size:11px;color:#93a39d}.account-shortcut{margin-right:auto;background:transparent;border:1px solid #35443f;color:#e7edeb;border-radius:50%;height:41px;width:41px;font-size:20px}.install-app{border-color:#2d3c37;background:#1b2925;color:#b3c7bc;border-radius:30px;font-weight:500;font-size:12px;margin:0 auto 28px;max-width:310px;padding:10px}.install-help{background:var(--panel);border-color:var(--border);color:#b9c9c0}.counters{gap:0;background:transparent}.counters article{border:0;border-radius:0;text-align:center;padding:15px 8px;background:transparent}.counters article>div{justify-content:center}.counters i{display:none}.counters span{font-size:15px;font-weight:500;color:#a7b9b0}.counters strong{font-size:clamp(44px,12vw,66px);font-weight:900;line-height:1.6;letter-spacing:-2px}.counters small{font-size:10px;color:#6d877c}.counters .bad{border-right:1px solid #2a3932}.counters .bad span{color:#bca4a7}.scope{font-size:10px;margin-top:18px;margin-bottom:42px;color:#7d9187;gap:10px}.picker{padding:0;background:transparent;border:0;box-shadow:none}.eyebrow{color:#80988a;font-size:11px}h1{font-size:28px;font-weight:800;margin:7px 0 9px}.subtitle{font-size:13px;color:#83978b;margin-bottom:23px}.tabs{display:flex;padding:0;gap:12px;background:none;border-radius:0;margin-bottom:22px}.tab{border:1px solid #2b3a34;background:#17231f;color:#96aca0;border-radius:40px;padding:13px;font-size:15px;font-weight:600}.tab.active,.tab.active.red{background:#f1f5f2;color:#111c17;border-color:#f1f5f2;box-shadow:none;font-weight:800}.choices{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}.choice{min-height:112px;border:1px solid #2b3c32;border-radius:18px;background:linear-gradient(150deg,#203228,#14211c);font-size:13px;color:#d9e5dc;gap:13px;font-weight:600}.choice .glyph{font-size:30px;color:#b3d3a7}.choice.negative{background:linear-gradient(150deg,#30282b,#1b2020);border-color:#3b3335;color:#e0cdd0}.choice.negative .glyph{color:#d9a0aa}.choice.selected{border-color:#b4dba2;background:#2b4430;color:#edfae8}.choice.negative.selected{border-color:#e7adb7;background:#493138;color:#ffe3e9}select{background:#17231e;border:1px solid #354b3b;border-radius:15px;color:#d4e4d6;font-size:13px;padding:14px}label{color:#9bb49e;font-size:13px}.stepper{background:#16221c;border-color:#304635;border-radius:16px}.stepper button{background:#263c2b;color:#cee2c9;border-radius:12px}.stepper input{color:#e9f2e7}.preview{margin-top:25px}.preview span{font-size:12px;color:#8eaa91}.preview b{font-size:31px;font-weight:800}.basis{font-size:11px;color:#819d84;margin-bottom:22px}.primary,.picker.negative .primary{border-radius:35px;background:#eef4ee;color:#102017;font-size:16px;font-weight:800;padding:15px 22px}.primary:disabled{opacity:.45}.source-detail{color:#8da58e;font-size:12px;padding:19px 3px}.source-detail summary{font-size:12px}.source-detail a{color:#bdd3b1}.undo{font-size:12px;color:#7f9b82;padding:22px 0}#status{color:#b3dba3;font-size:12px}.history,.info{background:#16221b;border:1px solid #2c3e2f;border-radius:20px;padding:19px 20px;font-size:12px;color:#8ea88e}.history summary,.info summary{font-size:14px;color:#b8cbb0}.history summary>span{background:#30432e;color:#b2cda4;font-size:11px}.row{border-color:#2b402b;font-size:13px}.row small{color:#7e997b;font-size:10px}.row b{font-size:18px}.empty{color:#8ca283;font-size:12px}footer{font-size:11px;color:#6d896c;line-height:2}.bottom-dock{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));right:50%;transform:translateX(50%);z-index:10;display:flex;width:calc(100% - 32px);max-width:520px;border:1px solid #33443b;border-radius:33px;background:#1b2a23ed;backdrop-filter:blur(20px);padding:7px;box-shadow:0 10px 40px #0005;gap:5px}.bottom-dock button{width:50%;background:transparent;color:#95ac9c;border:0;border-radius:26px;padding:16px;font-size:17px;font-weight:700}.bottom-dock button:first-child{background:#eef4ee;color:#13251b}#reader,#quranReader{background:#121e17;color:#d8e8d4}.reader-header{background:#14221af7;border-color:#30442d}.reader-header h2{color:#eaf4e4;font-weight:800}.reader-header p{color:#87a27d;font-size:12px}.reader-header button{background:#2a3c27;color:#bdd2ae;border-radius:50%}.reader-body section{border-color:#2c4028}.reader-body h3{color:#a6c596}.reader-body p{color:#d9e8d0}.reader-body a,.reader-finish p{color:#8aa87c}.reader-finish button:disabled{background:#304d2b;color:#c6e6b3}.quran-controls{border-color:#30452c}.quran-navigation button{background:#263c22;border-color:#344e2d;color:#b6d4a5}#quranMessage,#quranProgress{color:#91ad80}.ayah{background:#18291c;color:#e3efda;border-color:#2d4526}.ayah-footer{color:#7e9e6c}.ayah.read{background:#1b3e22;border-color:#6aab60;color:#a6e79a}.ayah.read .ayah-footer{color:#8bc47b}#ayahList>h3{color:#b5d29f}.quran-source{color:#719664}#authDialog{border:1px solid #30452f;background:#14221a;color:#eef4e9;border-radius:25px;width:440px;max-width:94vw;padding:28px}#authDialog::backdrop{background:#020b08aa;backdrop-filter:blur(8px)}.auth-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.auth-top h2{font-size:27px;font-weight:800;margin:4px 0}.auth-close{background:#253b25;color:#aeca9b;border:0;border-radius:50%;width:33px;height:33px}.auth-description{color:#8daa80;font-size:14px;line-height:1.8}.auth-form label{font-size:13px;margin-top:22px}.auth-form input{background:#0e1c13;border:1px solid #38542f;border-radius:14px;padding:14px;width:100%;color:#e9f4e2;font-size:17px;outline-color:#b4db9b;direction:ltr;text-align:left}.auth-form button{margin-top:19px}.auth-message{font-size:13px;line-height:1.8;color:#b6d89d;min-height:23px}.auth-note{font-size:11px;color:#758f6b;line-height:1.8}.auth-status{border:1px solid #334d2a;border-radius:15px;padding:18px;font-size:13px;overflow-wrap:anywhere;line-height:2}.auth-actions{display:grid;gap:9px;margin-top:20px}.auth-secondary{border:1px solid #3a552f;background:transparent;color:#adc799;border-radius:25px;padding:12px;font-size:13px}.account-email{direction:ltr;display:block;text-align:right;color:#e4f0d9}.sync-line{display:block;text-align:center;font-size:11px;color:#93b580;margin:-28px 0 30px}.logo-word{font-weight:900}button:focus-visible,summary:focus-visible{outline-color:#bfdfaa}@media(max-width:370px){main{padding:22px 16px 120px}.choice{font-size:11px;min-height:100px}.choices{gap:8px}.scope{font-size:9px}.bottom-dock button{font-size:15px}}
.auth-tabs{margin-top:20px;margin-bottom:8px}.auth-tabs .tab{font-size:13px;padding:11px}.auth-form .auth-secondary{width:100%;margin-top:10px}.auth-form input[type=password]{font-family:system-ui,sans-serif}
.versus{margin:30px 0 0}.vs-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:15px;gap:15px}.vs-head>span{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;color:#b6e4cb}.vs-head>span:last-child{color:#efbdc3}.vs-head>b{font-family:system-ui,sans-serif;font-size:16px;font-weight:900;font-style:italic;letter-spacing:2px;color:#dceae2;text-shadow:0 0 18px #d7f9dd55}.green-dot,.red-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#7fffb3;box-shadow:0 0 12px #5bff9e}.red-dot{background:#ff7f98;box-shadow:0 0 12px #ff507c}.balance-bar{position:relative;height:93px;border-radius:22px;isolation:isolate;box-shadow:8px 0 35px #43ee8e19,-8px 0 35px #ff4b7319,inset 0 0 0 1px #ffffff17;background:#1c2924;border:1px solid #6bba8f55}.balance-fill{position:absolute;top:0;bottom:0;overflow:hidden;transition:width .65s cubic-bezier(.2,.8,.2,1);z-index:-1}.good-fill{right:0;width:50%;background:linear-gradient(110deg,#1b754d,#249761 65%,#31b67c);border-radius:0 21px 21px 0;box-shadow:0 0 20px #39fc8e88}.bad-fill{left:0;width:50%;background:linear-gradient(110deg,#b64a65,#95394f 65%,#7f3049);border-radius:21px 0 0 21px;box-shadow:0 0 20px #ff406988}.balance-fill::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffffff21,transparent 45%,#00000020);pointer-events:none}.balance-content{position:absolute;inset:0;display:flex;justify-content:space-between;padding:12px 17px;align-items:center;border-radius:21px;background:linear-gradient(90deg,#180a1233,transparent 40%,transparent 60%,#071b1333);overflow:hidden}.balance-side{display:flex;align-items:center;justify-content:space-between;gap:8px;width:45%;min-width:0;padding:8px 10px;border-radius:12px;background:#0719108c;box-shadow:0 1px 0 #ffffff0d;direction:rtl}.bad-side{background:#270b158c;direction:ltr}.balance-side strong{font-size:clamp(22px,6.7vw,34px);font-weight:900;line-height:1.3;letter-spacing:-1px;color:#f0fff5;min-width:0;overflow-wrap:anywhere;text-shadow:0 0 14px #83ffb144}.bad-side strong{color:#fff0f4;text-shadow:0 0 14px #ff82a344}.balance-side>span{font-size:12px;font-weight:700;color:#d3ffe2;white-space:nowrap}.bad-side>span{color:#ffd5df}.balance-seam{position:absolute;top:0;bottom:0;width:2px;right:50%;transform:translateX(50%);background:#e6ffdf;box-shadow:0 0 9px #ddffd8,0 0 22px #6dff96;transition:right .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.balance-note{text-align:center;margin:14px 0 0;font-size:10px;color:#7b9e87}.balance-bar.is-empty .balance-fill{background:#25362d;box-shadow:none}.balance-bar.is-empty{border-color:#405b49;box-shadow:0 0 25px #6dce8c08}.balance-bar.is-empty .balance-side{background:#0f1c14aa}.versus+.scope{margin-top:26px;margin-bottom:42px}@media(max-width:370px){.balance-content{padding:10px}.balance-side{width:46%;padding:9px 7px;gap:4px}.balance-side>span{font-size:10px}.balance-bar{height:85px}}@media(prefers-reduced-motion:reduce){.balance-fill,.balance-seam{transition:none}}
.logo{width:62px;height:62px}.auth-top>div>img{width:60px;height:60px}header b{background:linear-gradient(120deg,#fae7a8,#c79c50);background-clip:text;-webkit-background-clip:text;color:transparent}header b small{background:none;color:#849993}

.choices>#editor{grid-column:1/-1;margin:0 0 8px;padding:18px;border:1px solid #8ac9a25c;border-radius:20px;background:linear-gradient(135deg,#20392c,#14241e);box-shadow:0 8px 24px #0003;animation:editorReveal .18s ease-out}.picker.negative .choices>#editor{border-color:#e89aab66;background:linear-gradient(135deg,#3a252c,#211c21)}.choices>#editor[hidden]{display:none}.choices>#editor .preview{margin-top:12px}.choices>#editor .basis{margin-bottom:14px}.choices>#editor .primary{width:100%;min-height:54px;background:linear-gradient(110deg,#b6f0cc,#82dca8);color:#102b1c;box-shadow:0 5px 20px #61e59b20}.picker.negative .choices>#editor .primary{background:linear-gradient(110deg,#ffd0d9,#efa1b2);color:#461d29;box-shadow:0 5px 20px #ed759a20}.choices>#editor .source-detail{padding-bottom:0}.choices>#editor #status:empty{display:none}@keyframes editorReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.choices>#editor{animation:none}}

.choices{overflow-anchor:none}