:root{--paper:#fdfcf9;--ink:#221e33;--orange:#ff6a2b;--yellow:#ffc229;--teal:#12b0a0;--grape:#7b52e0;--pink:#ff7eb6;--red:#e5484d;--orange-soft:#fde5d8;--yellow-soft:#fdf3d8;--teal-soft:#d7f0eb;--grape-soft:#e8e1f5;--pink-soft:#fde8ee;--red-soft:#f9dfdd;--surface:#fff;--muted:#625c73;--hairline:#e7e3ee;--line:var(--ink);--success:var(--teal);--waiting:var(--yellow);--danger:var(--red);--info:var(--grape);--action:var(--orange);--font-display:"Baloo Bhaijaan 2", "Readex Pro", system-ui, sans-serif;--font-text:"Readex Pro", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--fs-display:clamp(2.25rem, 6vw, 4rem);--fs-title:1.75rem;--fs-heading:1.25rem;--fs-body:1rem;--fs-small:.875rem;--fs-label:.75rem;--lh-latin:1.55;--lh-arabic:1.75;--outline:3px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--shadow-sticker:4px 4px 0 var(--ink);--shadow-press:0 4px 0 var(--ink);--shadow-soft:0 10px 30px #221e331f;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .7, .3, 1);--t-quick:.16s;--t-pop:.45s;--t-wake:1s;--t-celebrate:1.8s}.theme-dark{--surface:#1f1c2b;--paper-dark:#15131e;--muted:#aba5ba;--hairline:#3a3550;--line:#4c4664}@media (prefers-reduced-motion:reduce){:root{--t-pop:1ms;--t-wake:.2s;--t-celebrate:.2s}}@font-face{font-family:"Baloo Bhaijaan 2";src:url(/BalooBhaijaan2.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Readex Pro;src:url(/ReadexPro.ttf)format("truetype");font-weight:160 700;font-display:swap}:root{font-family:var(--font-text);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background:var(--paper);min-height:100vh;line-height:var(--lh-latin);margin:0}:lang(ar) body,[dir=rtl] body{line-height:var(--lh-arabic)}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}h1{font-size:clamp(1.6rem, 4vw, var(--fs-title));font-weight:800}h2{font-size:var(--fs-heading)}h3{font-size:1.05rem}p{margin:0}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}.ltr{direction:ltr;unicode-bidi:isolate}.display-font{font-family:var(--font-display)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-family:var(--font-display);justify-content:center;align-items:center;gap:var(--s2);border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-press);cursor:pointer;transition:transform var(--t-quick) var(--ease-out), box-shadow var(--t-quick) var(--ease-out), background var(--t-quick);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:12px 20px 10px;font-size:1.05rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed;transform:none}.btn svg{flex:none}.btn.primary{background:var(--orange)}.btn.ok,.btn.success{background:var(--teal)}.btn.sea,.btn.secondary,.btn.ghost{background:var(--paper)}.btn.ghost{box-shadow:none;border-color:#0000}.btn.ghost:hover{background:var(--hairline);box-shadow:none;transform:none}.btn.ghost:active{transform:translateY(1px)}.btn.outline{box-shadow:none}.btn.outline:hover{background:var(--surface);box-shadow:none;transform:none}.btn.danger{background:var(--red-soft)}.btn.small,.btn.sm{border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--ink);padding:8px 13px 6px;font-size:.92rem}.btn.small.ghost,.btn.sm.ghost,.btn.small.outline{box-shadow:none}.btn.big{width:100%;padding:17px 24px 15px;font-size:1.3rem}.btn.block{width:100%}.btn.icon-only{aspect-ratio:1;padding:8px}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{font-size:var(--fs-small);color:var(--ink);font-weight:600}.field .hint{font-size:var(--fs-small);color:var(--muted)}.input,select.input,textarea.input{border:2.5px solid var(--ink);background:var(--surface);border-radius:var(--radius-sm);color:var(--ink);width:100%;transition:box-shadow var(--t-quick);outline:none;padding:10px 13px;font-size:1rem}.input::placeholder{color:var(--muted);opacity:1}.input:focus{box-shadow:0 0 0 4px var(--orange-soft)}.input:disabled{background:var(--hairline);color:var(--muted)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23221E33' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-inline-end:36px}[dir=rtl] select.input{background-position:12px}input[type=range]{accent-color:var(--orange);width:100%}input[type=checkbox]:not(.switch):not(.toggle input){accent-color:var(--teal);width:18px;height:18px}.card{background:var(--surface);border:var(--outline) solid var(--ink);border-radius:var(--radius-lg);padding:20px}.card.quiet{border-width:2px;border-color:var(--hairline)}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:var(--fs-small)}.fold{position:relative}.fold:after{content:"";top:calc(-1 * var(--outline));background:linear-gradient(to bottom left, var(--fold-bg,var(--paper)) 0 calc(50% - 1.5px), var(--ink) calc(50% - 1.5px) calc(50% + 1.5px), var(--yellow) 0);border-bottom:var(--outline) solid var(--ink);border-inline-start:var(--outline) solid var(--ink);pointer-events:none;border-end-start-radius:7px;width:30px;height:30px;position:absolute;inset-inline-end:calc(-1 * var(--outline))}[dir=rtl] .fold:after{background:linear-gradient(to bottom right, var(--fold-bg,var(--paper)) 0 calc(50% - 1.5px), var(--ink) calc(50% - 1.5px) calc(50% + 1.5px), var(--yellow) 0)}.error-box,.note-box,.ok-box,.warn-box{border-radius:var(--radius-sm);border:2.5px solid var(--ink);align-items:flex-start;gap:10px;padding:11px 14px;font-weight:500;display:flex}.error-box{background:var(--red-soft)}.note-box{background:var(--grape-soft)}.ok-box{background:var(--teal-soft)}.warn-box{background:var(--yellow-soft)}.chip{border:2.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding:2px 11px;font-size:.82rem;font-weight:600;line-height:1.5;display:inline-flex}.chip svg{width:16px;height:16px}.chip.coral,.chip.waiting{background:var(--yellow-soft)}.chip.leaf,.chip.success{background:var(--teal-soft)}.chip.sea,.chip.info{background:var(--grape-soft)}.chip.danger{background:var(--red-soft)}.chip.pink{background:var(--pink-soft)}.dot{background:#c9c4d3;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.on{background:var(--teal);box-shadow:0 0 0 3px #12b0a040}.lang-toggle{border:2.5px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;padding:5px 13px;font-size:.9rem;font-weight:600;line-height:1.3;display:inline-flex}.lang-toggle:hover{background:var(--yellow-soft)}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.toggle input{appearance:none;background:var(--hairline);border:2.5px solid var(--ink);cursor:pointer;width:50px;height:30px;transition:background var(--t-quick);border-radius:999px;flex:none;margin:0;position:relative}.toggle input:after{content:"";top:2px;background:var(--surface);border:2.5px solid var(--ink);box-sizing:border-box;width:21px;height:21px;transition:inset-inline-start var(--t-quick) var(--ease-out);border-radius:50%;position:absolute;inset-inline-start:2px}.toggle input:checked{background:var(--teal)}.toggle input:checked:after{inset-inline-start:22px}.toggle input:disabled{opacity:.5;cursor:not-allowed}.code-tiles{direction:ltr;unicode-bidi:isolate;gap:5px;display:inline-flex}.code-tiles b{font-family:var(--font-display);font-weight:800;font-size:var(--tile-size,1.6rem);text-align:center;border:2.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--yellow);width:1.45em;line-height:1.35}.checker{background:repeating-conic-gradient(#f1eef5 0 25%, #fff 0 50%) 0 0 / 18px 18px}.waraqa{width:100%;height:auto;display:block}.waraqa svg{width:100%;height:auto;display:block;overflow:visible}.icon{vertical-align:middle;flex:none;display:inline-block}.spinner{border:4px solid var(--hairline);border-top-color:var(--orange);border-radius:50%;width:40px;height:40px;animation:1s linear infinite rs-spin}@keyframes rs-spin{to{transform:rotate(360deg)}}@keyframes rs-pop{0%{opacity:0;transform:scale(.2)rotate(-14deg)}}@keyframes rs-fade{0%{opacity:0}}@keyframes rs-wake{0%{transform:scaleY(.18)skew(-18deg)}55%{transform:scaleY(1.08)skew(3deg)}to{transform:none}}@keyframes rs-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-14%)}60%{transform:translateY(-14%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:.2s!important;animation-iteration-count:1!important}}