:root{--crimson: #ca2345;--rose-deep: #9d1b36;--rose-soft: #f7dfe1;--blush: #fbf3f0;--blush-deep: #f5e7e2;--cream: #fdf9f6;--ink: #3b3033;--ink-soft: #7a6a6e;--line: #ebdcd7;--sage: #2bbfc8;--sage-deep: #197076;--sage-soft: #daf0f2;--r-sm: 10px;--r-md: 16px;--r-full: 999px;--sh-sm: 0 2px 10px rgba(112, 74, 82, .06);--sh-md: 0 12px 30px rgba(112, 74, 82, .1);--ease: cubic-bezier(.2, .7, .3, 1);--ar: "Tajawal", "Segoe UI", Arial, sans-serif;--en: "DM Sans", "Segoe UI", Helvetica, Arial, sans-serif;--header-h: 118px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--blush);color:var(--ink);font-family:var(--ar);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.shell{max-width:900px;margin:0 auto;min-height:100%;background:var(--cream)}.top{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1px solid var(--line);padding:14px 16px 12px}.top-row{display:flex;align-items:center;gap:10px}.brand{font-family:var(--ar);font-weight:700;font-size:1.05rem;letter-spacing:.01em}.brand small{display:block;font-weight:400;font-size:.72rem;color:var(--ink-soft);letter-spacing:0}.spacer{flex:1}.pill{border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:var(--r-full);padding:7px 14px;font-size:.8rem;font-weight:500;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);white-space:nowrap}.pill:hover{border-color:var(--crimson);color:var(--crimson)}.pill[aria-pressed=true]{background:var(--crimson);border-color:var(--crimson);color:#fff}.pill .n{opacity:.65;margin-inline-start:5px;font-variant-numeric:tabular-nums}.search{width:100%;margin-top:12px;border:1px solid var(--line);border-radius:var(--r-full);background:#fff;padding:11px 16px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search:focus{border-color:var(--crimson);box-shadow:0 0 0 3px var(--rose-soft)}.filters{display:flex;gap:7px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.list{padding:8px 10px 90px}.count{color:var(--ink-soft);font-size:.8rem;padding:8px 6px 10px}.group{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--ink-soft);padding:16px 6px 8px}.group:first-child{padding-top:4px}.card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:10px;margin-bottom:8px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.card:hover{border-color:var(--crimson);box-shadow:var(--sh-sm)}.card:active{transform:scale(.995)}.card:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.thumb{width:58px;height:58px;flex:0 0 auto;border-radius:var(--r-sm);object-fit:cover;background:var(--blush-deep)}.card-text{display:block;min-width:0;flex:1;overflow:hidden}.card-ar{display:block;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-en{display:block;font-family:var(--en);font-size:.76rem;color:var(--ink-soft);direction:ltr;text-align:start;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:.64rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:var(--r-full);white-space:nowrap}.tag.draft{background:var(--blush-deep);color:var(--ink-soft)}.tag.edited{background:var(--sage-soft);color:var(--sage-deep)}.editor{padding:0 0 110px}.hero{display:flex;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.hero img{width:84px;height:84px;border-radius:var(--r-md);object-fit:cover;background:var(--blush-deep)}.hero h1{margin:0;font-size:1.08rem;line-height:1.35;font-weight:700}.hero .sub{font-family:var(--en);direction:ltr;text-align:start;font-size:.78rem;color:var(--ink-soft);margin-top:3px}.section{padding:16px 16px 4px}.section h2{margin:0 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.hint{margin:0 0 12px;font-size:.8rem;color:var(--ink-soft)}.pair{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;margin-bottom:10px}.pair.changed{border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-soft)}.lab{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--ink-soft);margin-bottom:5px}.lab .warn{color:var(--rose-deep);font-weight:500}.ref{font-family:var(--en);direction:ltr;text-align:start;background:var(--blush);border:1px dashed var(--line);border-radius:var(--r-sm);padding:9px 11px;font-size:.84rem;color:var(--ink-soft);white-space:pre-wrap}textarea.field,input.field{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;background:#fff;outline:none;resize:none;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}textarea.field:focus,input.field:focus{border-color:var(--crimson);box-shadow:0 0 0 3px var(--rose-soft)}textarea.field.en,input.field.en{font-family:var(--en);direction:ltr;text-align:start}.revert{border:0;background:none;color:var(--rose-deep);font-size:.74rem;padding:4px 0;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.bar{position:fixed;inset-inline:0;bottom:0;z-index:30;background:#fdf9f6f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bar-in{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--crimson);background:var(--crimson);color:#fff;border-radius:var(--r-full);padding:11px 20px;font-weight:500;font-size:.88rem;transition:background .2s var(--ease),transform .2s var(--ease)}.btn:hover{background:var(--rose-deep);border-color:var(--rose-deep)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--rose-deep)}.btn.ghost:hover{background:var(--rose-soft)}.empty{text-align:center;color:var(--ink-soft);padding:48px 24px}@media (max-width: 420px){.hero img{width:68px;height:68px}.section{padding-inline:12px}.list{padding-inline:8px}.filters{gap:6px}.pill{padding:7px 10px;font-size:.76rem}.pill .n{margin-inline-start:4px}}.door{max-width:380px;margin:0 auto;padding:64px 20px;text-align:center}.door h1{margin:0;font-size:1.5rem;font-weight:700}.door-sub{margin:4px 0 28px;font-size:.82rem;color:var(--ink-soft)}.door-msg{font-size:.88rem;color:var(--ink-soft);line-height:1.7;margin:0 0 16px}.door-msg.bad{color:var(--rose-deep)}.door-msg strong{color:var(--ink);font-family:var(--en);direction:ltr;unicode-bidi:isolate}.door .field{text-align:center}.door-btn{width:100%;margin-top:12px}.bar-note{color:var(--ink-soft);font-size:.84rem;line-height:1.4}.bar-note.bad{color:var(--rose-deep)}.leave{position:fixed;top:10px;inset-inline-start:10px;z-index:40;border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:var(--r-full);padding:5px 12px;font-size:.72rem}.leave:hover{border-color:var(--crimson);color:var(--crimson)}.rt{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;overflow:hidden}.rt:focus-within{border-color:var(--crimson);box-shadow:0 0 0 3px var(--rose-soft)}.rt-loading{min-height:120px}.rt-bar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;border-bottom:1px solid var(--line);background:var(--blush)}.rt-tool{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;background:transparent;color:var(--ink-soft);border-radius:var(--r-sm);transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.rt-tool:hover{border-color:var(--line);background:#fff;color:var(--ink)}.rt-tool.on{background:var(--crimson);border-color:var(--crimson);color:#fff}.rt-tool:focus-visible{outline:2px solid var(--crimson);outline-offset:1px}.rt-body{padding:10px 12px;outline:none;min-height:90px}.rt-body.en{font-family:var(--en)}.rt-body>:first-child{margin-top:0}.rt-body>:last-child{margin-bottom:0}.rt-body p{margin:0 0 .6em}.rt-body h3{font-size:.96rem;font-weight:700;margin:1em 0 .4em}.rt-body ul{margin:0 0 .6em;padding-inline-start:1.3em}.rt-body li{margin-bottom:.25em}.rt-body li>p{margin:0}.rt-body a{color:var(--rose-deep)}.rt-body strong{font-weight:700;color:var(--ink)}.door-gap{margin-top:8px}.door-forgot{display:inline-block;margin-top:10px}.btn.google{width:100%;background:var(--ink);border-color:var(--ink)}.btn.google:hover{background:#000;border-color:#000}.door-or{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--ink-soft);font-size:.76rem}.door-or:before,.door-or:after{content:"";flex:1;height:1px;background:var(--line)}.door input.field{text-align:center}.who,.who-big{font-family:var(--en);direction:ltr;unicode-bidi:isolate;text-align:start}.who{display:block;font-size:.68rem;color:var(--ink-soft);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-big{font-size:.95rem;font-weight:500;color:var(--ink);text-align:center;background:var(--blush);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;margin:0 0 16px;word-break:break-all}.door .btn.ghost{border-color:var(--line)}.door-msg a.who{display:inline;color:var(--rose-deep)}