@font-face{font-family:Readex Pro;src:url(../../../fonts/readex-pro-subset.woff2) format("woff2");font-weight:200 700;font-display:swap}:root{--toward-end: left;--ink: #17131e;--paper: #f1ede6;color-scheme:dark;--ground: var(--ink);--ground-raised: #241e2c;--edge: #2e2739;--edge-strong: #3d3548;--text: #f3efe9;--text-muted: #b9b2c6;--text-weak: #8f87a0;--text-dim: #6e6880;--system: #f3efe9;--on-system: #17131e;--focus: var(--system);--amber: #ffa51f;--periwinkle: #a9b4ff;--on-accent: #17131e;--amber-inverse: #8a5a00;--periwinkle-inverse: #4256d7;--amber-wash: rgba(255, 165, 31, .13);--periwinkle-wash: rgba(169, 180, 255, .13);--mint: #3fd3a0;--aqua: #7ecde4;--aqua-wash: rgba(126, 205, 228, .14);--destructive: #de3b5b;--free: #5bd67a;--free-wash: rgba(91, 214, 122, .13);--recorded: #ffa51f;--recorded-wash: rgba(255, 165, 31, .13);--recording: #f5453a;--recording-ground: #cc160a;--on-recording: #f7f2e9;--recording-halo: rgba(245, 69, 58, .55);--recording-halo-soft: rgba(245, 69, 58, .22);--speaking: #f5453a;--summons: #ffa51f;--summons-wash: rgba(255, 165, 31, .13);--summons-halo: rgba(255, 165, 31, .35);--person: #e9e4f2;--rose: #f2a0c0;--lilac: #c9a4ef;--sand: #e9c27e;--shadow: 0 12px 30px rgba(0, 0, 0, .5);--off-filter: grayscale(1) brightness(.78);--step: 4px;--radius-plate: 24px;--radius-soft: 26px;--tap: 44px;--measure: 30rem;--quick: .12s;--settle: .24s;--ease: cubic-bezier(.2, 0, 0, 1);--spring: cubic-bezier(.2, 1.4, .4, 1)}:root[dir=ltr]{--toward-end: right}:root[data-theme=light]{color-scheme:light;--ground: var(--paper);--ground-raised: #f8f5ef;--edge: #e2dacb;--edge-strong: #c9c0ae;--text: #1e1926;--text-muted: #5f5866;--text-weak: #615b72;--text-dim: #6e6880;--system: #1e1926;--on-system: #f7f2e9;--amber: #8a5a00;--periwinkle: #4256d7;--on-accent: #f7f2e9;--amber-inverse: #ffa51f;--periwinkle-inverse: #a9b4ff;--amber-wash: rgba(138, 90, 0, .13);--periwinkle-wash: rgba(66, 86, 215, .13);--mint: #1b7455;--aqua: #1c6f87;--aqua-wash: rgba(28, 111, 135, .12);--destructive: #b71f3d;--free: #156430;--free-wash: rgba(21, 100, 48, .13);--recorded: #7a4f00;--recorded-wash: rgba(122, 79, 0, .13);--recording: #cc160a;--recording-ground: #b81409;--on-recording: #f7f2e9;--recording-halo: rgba(204, 22, 10, .45);--recording-halo-soft: rgba(204, 22, 10, .18);--speaking: #cc160a;--summons: #8a5a00;--summons-wash: rgba(138, 90, 0, .13);--summons-halo: rgba(138, 90, 0, .3);--person: #4c4459;--rose: #b8437b;--lilac: #7a4fb8;--sand: #9d6d1b;--shadow: 0 12px 30px rgba(30, 25, 38, .22);--off-filter: grayscale(1) brightness(1.06)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:Readex Pro,SF Arabic,Noto Sans Arabic,system-ui,sans-serif;font-size:16px;line-height:1.6;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,fieldset,legend,dl,dd{margin:0;padding:0}fieldset{border:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}a{color:inherit;text-underline-offset:3px}.screen{background:var(--ground);color:var(--text);min-block-size:100svh;display:flex;flex-direction:column;gap:calc(var(--step) * 4);max-inline-size:var(--measure);margin-inline:auto;padding:calc(var(--step) * 8) calc(var(--step) * 5) calc(var(--step) * 8);animation:screen-in var(--settle) var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.grow{flex:1}.foot{margin-block-start:auto;display:flex;flex-direction:column;gap:calc(var(--step) * 3);align-items:center}.ask{font-size:1.625rem;font-weight:600;line-height:1.45}.title{font-size:1.1875rem;font-weight:600;line-height:1.4}.muted{color:var(--text-muted);font-size:.9375rem;line-height:1.7}.weak{color:var(--text-weak);font-size:.8125rem}.dim{color:var(--text-dim);font-size:.78125rem}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{min-block-size:60px;inline-size:100%;padding-inline:calc(var(--step) * 6);border-radius:999px;border:1.5px solid transparent;background:var(--system);color:var(--on-system);font-size:1.1875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--step) * 2.5);transition:transform var(--quick) var(--ease),opacity var(--quick) var(--ease)}.button:hover:not(:disabled){transform:scale(1.02)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}.button.quiet{background:transparent;color:var(--text);border-color:var(--edge-strong);font-size:1.0625rem}.button.plain{background:transparent;border-color:transparent;color:var(--text-muted);min-block-size:var(--tap);font-size:.9375rem;font-weight:500;inline-size:auto}.button.done{background:var(--mint);color:var(--on-accent)}.button.small{min-block-size:var(--tap);font-size:.9375rem;font-weight:500;inline-size:auto;padding-inline:calc(var(--step) * 4)}a.button{text-decoration:none}.round{inline-size:var(--tap);block-size:var(--tap);flex:none;border-radius:50%;border:1.5px solid var(--edge-strong);background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--quick) var(--ease),border-color var(--quick) var(--ease)}.round:hover{color:var(--text);border-color:var(--text)}a.round{text-decoration:none}.plate{border-radius:var(--radius-plate);background:var(--ground-raised);padding:calc(var(--step) * 4) calc(var(--step) * 5);display:flex;flex-direction:column;gap:calc(var(--step) * 2)}.plate.outline{background:transparent;border:1.5px solid var(--edge)}.field{display:flex;flex-direction:column;gap:calc(var(--step) * 2)}.field input,.field textarea{inline-size:100%;min-block-size:var(--tap);border:0;border-block-end:2px solid var(--edge-strong);background:transparent;color:var(--text);font-size:1.25rem;font-weight:500;line-height:1.6;padding:calc(var(--step) * 2.5) 2px calc(var(--step) * 3.5);outline:none;border-radius:0}.field input:focus,.field textarea:focus{border-block-end-color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:var(--text-dim)}.field.boxed input{border:1.5px solid var(--edge-strong);border-radius:999px;padding-inline:calc(var(--step) * 5);font-size:1rem}.row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--step) * 3);font-size:.9375rem}.row dt,.row .k{color:var(--text-muted)}.row dd,.row .v{margin:0;text-align:end;font-weight:500}.hair{block-size:1px;background:var(--edge);border:0;margin:0}.live-dot{inline-size:8px;block-size:8px;flex:none;border-radius:50%;background:var(--mint);animation:pulse 2s ease-in-out infinite}.pending-dot{inline-size:9px;block-size:9px;flex:none;border-radius:50%;background:var(--amber);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.clock{direction:ltr;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}.ltr{direction:ltr;text-align:start}.fault{border-radius:var(--radius-plate);border:1.5px solid var(--destructive);color:var(--destructive);padding:calc(var(--step) * 3) calc(var(--step) * 4);font-size:.9375rem}.gloss{display:block;font-size:.6875rem;color:var(--text-dim);letter-spacing:.02em;direction:ltr}:root[dir=ltr] .mirrors{transform:scaleX(-1)}.opener{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--step) * 3);inline-size:100%;min-block-size:var(--tap);padding:calc(var(--step) * 2) calc(var(--step) * 4);border-radius:999px;border:1.5px solid var(--edge-strong);background:transparent;color:var(--text-muted);text-align:start;cursor:pointer;transition:border-color var(--quick) var(--ease),color var(--quick) var(--ease)}.opener:hover{border-color:var(--text-weak);color:var(--text)}.commitment{font-size:.9375rem}.opener .edit{display:inline-flex;align-items:center;gap:calc(var(--step));flex:none;font-size:.875rem;font-weight:600;color:var(--text)}.sheet{display:flex;flex-direction:column;gap:calc(var(--step) * 4);padding:calc(var(--step) * 5);border-radius:var(--radius-plate);background:var(--ground-raised);animation:sheet-in var(--settle) var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rows-set{margin:0;padding:0;min-inline-size:0}.sheet-head{display:flex;align-items:baseline;gap:calc(var(--step) * 2);padding:0;margin-block-end:calc(var(--step) * 3)}.sheet-title{font-size:1.0625rem;font-weight:600}.sheet-rows{display:flex;flex-direction:column;gap:calc(var(--step) * 2);margin:0;padding:0}.row-choice{position:relative;display:flex;align-items:center;gap:calc(var(--step) * 3);min-block-size:var(--tap);padding:calc(var(--step) * 3) calc(var(--step) * 4);border-radius:var(--radius-soft);border:1.5px solid var(--edge);cursor:pointer;transition:border-color var(--quick) var(--ease),background var(--quick) var(--ease)}.row-choice:hover{border-color:var(--edge-strong)}.row-choice.on{border-color:var(--text);background:var(--ground)}.row-choice input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.row-choice input:focus-visible+.row-body{outline:2px solid var(--text);outline-offset:4px;border-radius:4px}.row-body{display:flex;flex-direction:column;gap:calc(var(--step) * .5);flex:1;min-inline-size:0}.row-lead{font-size:1rem;font-weight:600}.row-detail{font-size:.875rem;color:var(--text-muted)}.tick{flex:none;display:flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:50%;background:var(--text);color:var(--on-system);opacity:0;transition:opacity var(--quick) var(--ease)}.row-choice.on .tick{opacity:1}.sheet-foot{display:flex;flex-direction:column;align-items:center;gap:calc(var(--step) * 2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
