@import url('https://fonts.googleapis.com/css2?family=Amiri&family=Cairo:wght@400&family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=IBM+Plex+Mono&family=Noto+Kufi+Arabic:wght@400&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@400&display=swap');
:root{color-scheme:dark;--bg:#0e1010;--panel:#141716;--ink:#eceee8;--muted:#969c97;--line:#30352f;--lime:#d9ff72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,select{font:inherit;color:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select{border:1px solid var(--line);background:transparent;border-radius:4px;padding:9px 12px;cursor:pointer;font-size:14px}button:hover,select:hover{border-color:#86917d}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button.selected{background:var(--lime);border-color:var(--lime);color:#18200b}button[lang=ar]{font-family:'Noto Naskh Arabic',serif;font-size:18px;padding-block:4px}header{height:119px;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:1px}.mark{font:52px 'Noto Naskh Arabic',serif;color:var(--lime);width:48px}.edition{font-size:12px;letter-spacing:1.7px;line-height:1.8}.edition span{color:var(--muted);letter-spacing:0;font-size:14px}.connection{text-align:right;font-size:13px}#status{display:block}#status:before{content:'';display:inline-block;height:6px;width:6px;border-radius:50%;background:#ccaa64;margin-right:8px}#status[data-state=live]:before{background:var(--lime)}#clock{display:block;color:var(--muted);margin-top:7px;font-variant-numeric:tabular-nums}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;margin:0 40px}.instrument{min-width:0;border-right:1px solid var(--line)}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px 24px 20px 0;min-height:80px}.filters,.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions button{color:var(--muted)}#fullscreen{font-size:24px;padding:3px 11px}#field{height:calc(100svh - 375px);min-height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1c211a 0%,#121613 65%,#101310 100%);border:1px solid #293026;margin-right:24px}.field-label,.field-footer{position:absolute;z-index:2;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;color:#a3ad9c;font-size:12px;pointer-events:none}.field-label{top:18px;letter-spacing:1.1px}.field-footer{bottom:16px;letter-spacing:0}#words{position:absolute;inset:55px 24px 52px;overflow:hidden}.word{position:absolute;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;direction:inherit;font-family:Georgia,'Noto Naskh Arabic',serif;transform:translateY(8px);opacity:0;transition:opacity 1.3s ease,transform 2s ease;letter-spacing:-.025em}.word.visible{opacity:var(--opacity,.86);transform:translateY(0)}.word small{font:12px 'DM Sans',sans-serif;letter-spacing:0;display:inline-block;vertical-align:top;margin-inline-start:10px;padding-top:6px;opacity:.65}.word[dir=rtl]{font-family:'Noto Naskh Arabic',serif;letter-spacing:0}.word.out{opacity:0;transform:translateY(-10px)}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}#empty[hidden]{display:none}.empty-glyph{font:130px 'Noto Naskh Arabic',serif;line-height:1.1;color:var(--lime)}h1{font:normal clamp(24px,3vw,40px) Georgia,serif;margin:20px 0 0}#empty p{font-size:14px;color:var(--muted);max-width:380px;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 24px 24px 0}.metrics>div{border-left:1px solid var(--line);padding-left:22px}.metrics>div:first-child{border:0;padding-left:0}.metrics strong{display:block;font-size:30px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.metrics span{display:block;margin-top:6px;font-size:12px;color:var(--muted)}aside{padding:26px 0 0 24px;min-width:0;display:flex;flex-direction:column}.aside-title{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}#feed-count{color:var(--lime);font-size:11px}.feed-intro{font:22px/1.35 Georgia,serif;color:#bec3ba;margin:24px 0}#feed{list-style:none;padding:0;margin:0;flex:1;max-height:calc(100svh - 380px);min-height:320px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.feed-row{padding:15px 0;border-top:1px solid var(--line)}.feed-row a{color:var(--ink);text-decoration:none;display:block;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.feed-row a:hover{color:var(--lime)}.feed-row a[dir=rtl]{font:22px 'Noto Naskh Arabic',serif}.feed-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:var(--muted)}.delta{color:var(--lime)}.delta.negative{color:#f5a38d}.feed-empty{color:var(--muted);font-size:14px;padding:25px 0}.language-key{display:flex;flex-wrap:wrap;gap:13px;padding:20px 0;font-size:12px;color:var(--muted)}.language-key i{display:inline-block;width:6px;height:6px;background:var(--key);margin-right:6px;border-radius:50%}footer{margin:0 40px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px;align-items:baseline}footer p{margin:0}footer a{color:var(--lime)}details{max-width:500px}summary{cursor:pointer;color:var(--ink);font-size:14px}details div{font-size:14px;line-height:1.6}details p{margin-top:14px}footer>span{font-size:11px;letter-spacing:1px}body:fullscreen{overflow:auto}body:fullscreen header{height:90px}body:fullscreen #field{height:calc(100svh - 340px)}
@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 360px}header,main,footer{max-width:2000px;margin-left:auto;margin-right:auto}main,footer{padding-left:40px;padding-right:40px}.word{line-height:1.25}}@media(max-width:1100px){header{padding:20px 24px}main,footer{margin-left:24px;margin-right:24px}main{grid-template-columns:minmax(0,1fr) 250px}.toolbar{flex-wrap:wrap}.metrics>div{padding-left:12px}.metrics strong{font-size:24px}.field-footer{flex-wrap:wrap}.edition{display:none}}@media(max-width:760px){header{height:95px;padding:16px 20px}.brand{font-size:14px}.mark{font-size:42px}main{display:block;margin:0 20px}.instrument{border:0}.toolbar{padding-right:0;gap:10px}.filters{gap:5px;flex:1 1 100%}button,select{font-size:13px;padding:8px 10px}#field{margin:0;height:53svh;min-height:355px}.metrics{padding-right:0;gap:8px}.metrics strong{font-size:23px}.metrics span{font-size:12px;line-height:1.4}.metrics>div{padding-left:8px}aside{padding:20px 0 0;border-top:1px solid var(--line)}.feed-intro{font-size:20px;margin:16px 0}#feed{min-height:0;max-height:340px}.field-label,.field-footer{left:14px;right:14px;font-size:11px}#words{inset:50px 16px 65px}footer{margin:0 20px;flex-wrap:wrap;gap:15px}footer>span{display:none}.connection{font-size:12px}}@media(prefers-reduced-motion:reduce){.word{transition:opacity .15s;transform:none!important}}

.word{width:max-content;overflow-wrap:anywhere}.word[dir=rtl]{line-height:1.65}

.word{text-decoration:none;cursor:pointer}.word:hover,.word:focus-visible{opacity:1!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;z-index:3}.word:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.mark-box{position:absolute;pointer-events:none}.mark-box .word{pointer-events:auto;transform-origin:0 0;transform:rotate(var(--rotation,0deg))!important;transition:opacity 1.3s ease;padding:3px;overflow:visible}.mark-box:focus-within,.mark-box:hover{z-index:3}@media(prefers-reduced-motion:reduce){.mark-box .word{transition:opacity .15s}}