@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-DPXcppbm.woff) format("woff")}:root{--paper: #f5f1e8;--surface: #fffcf5;--ink: #292f2b;--muted: #62665d;--line: #d8d4c8;--field-edge: #858479;--accent: #8c482b;--accent-hover: #703920;--accent-ink: #fffcf5;--accent-wash: #eee0d3;--wash: #ebe5d8;--danger: #922f30;--good: #315c43;--disabled-bg: #e1ddd2;--disabled-ink: #51554c;--color-paper: var(--paper);--color-paper-2: var(--surface);--color-paper-3: var(--wash);--color-ink: var(--ink);--color-ink-2: var(--muted);--color-muted: var(--muted);--color-rule: var(--line);--color-accent: var(--accent);--color-accent-ink: var(--accent-ink);--color-focus: var(--accent);--color-error: var(--danger);--color-success: var(--good);--font: "IBM Plex Sans Arabic", sans-serif;--poetry: "Amiri", serif;--font-body: var(--font);--font-display: var(--font);--font-code: ui-monospace, monospace;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.2rem;--text-xl: 1.44rem;--text-2xl: 1.728rem;--intro-heading-size: 3.25rem;--intro-heading-mobile: 2.25rem;--text-display: 2.074rem;--text-section: 1.44rem;--text-title: 1.2rem;--text-lead: 1rem;--display-weight: 500;--tracking-display: 0;--container: 1440px;--gutter: 40px;--gap-columns: 40px;--radius: 8px;--small-radius: 4px;--rule-hair: 1px;--focus: 3px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--dur-short: .22s;--z-base: 1;--z-sticky: 200}html[lang=en]{--font: "IBM Plex Sans Arabic", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 22%,transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media(max-width:60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media(max-width:40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media(prefers-reduced-motion:reduce){*:not(.keep-motion),*:not(.keep-motion):before,*:not(.keep-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{line-height:1.7}button,a,select,summary{touch-action:manipulation}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}button svg{flex-shrink:0}button:active:not(:disabled),a:active{transform:translateY(1px)}button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed}button[aria-busy=true]{cursor:progress}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus) solid var(--accent);outline-offset:4px}button:hover:not(:disabled){background:var(--wash)}a:hover{color:var(--accent)}input,textarea{caret-color:var(--accent)}.page{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}header{min-height:88px;display:flex;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--space-lg);text-decoration:none;font:40px/1.2 var(--poetry)}.brand span{font:var(--text-sm)/1.5 var(--font);padding-inline-start:var(--space-lg);border-inline-start:1px solid var(--line)}.header-note{margin-inline-start:auto;color:var(--muted);font-size:var(--text-sm)}.edition{font-size:var(--text-xs);color:var(--muted)}.language-switch{order:3;padding-inline:var(--space-md);border:1px solid var(--field-edge);border-radius:var(--small-radius);font-size:var(--text-sm)}.intro{min-block-size:320px;padding-block:var(--space-xl);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}h1{font:400 var(--intro-heading-size)/1.5 var(--poetry);max-width:24ch}.lead{color:var(--muted);margin-top:var(--space-md);max-width:50ch;line-height:1.9}.hero-verse{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:200px;text-align:center;padding-inline:var(--space-xl);border-inline-start:1px solid var(--line)}.hero-verse blockquote{font:30px/2 var(--poetry);margin:0}.hero-verse>span{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-xs)}.verse-gloss{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-xs)}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--line)}.mode-switch button{justify-content:start;text-align:start;padding:var(--space-xs) var(--space-md);gap:var(--space-md);border-radius:var(--small-radius);min-width:0;position:relative;min-height:64px;line-height:1.35}.mode-switch button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent)}.mode-switch button[aria-pressed=true]:after{content:"";position:absolute;inset-inline:var(--space-md);bottom:0;height:2px;background:var(--accent)}.mode-switch button>span:last-child{min-width:0}.mode-switch strong{display:block;font-weight:500;font-size:var(--text-md)}.mode-short{display:none}.mode-switch small{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-2xs);white-space:normal}.mode-number{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted);align-self:start}.mode-switch svg{display:none}.workshop{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--gap-columns);padding-block:var(--space-lg);align-items:start}.desk{min-width:0}.desk-heading{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.desk-heading svg{color:var(--muted)}h2{font-size:var(--text-xl);line-height:1.5;font-weight:500}h3{font-size:var(--text-lg);line-height:1.6;font-weight:500}label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs)}textarea,select{width:100%;border:1px solid var(--field-edge);background:var(--surface);color:var(--ink);border-radius:var(--small-radius)}textarea{resize:vertical;min-height:168px;padding:var(--space-md);font:23px/2 var(--poetry)}textarea::placeholder{color:var(--muted)}textarea:hover,select:hover{border-color:var(--ink)}select{min-height:48px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-md)}.controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block:var(--space-md)}.controls>div{flex:1;min-width:80px}.controls>div:first-child{flex:1.8}.controls label{min-height:24px;display:flex;align-items:end}.primary{width:100%;min-height:52px;margin-top:var(--space-xs);background:var(--accent);color:var(--accent-ink);border-radius:var(--small-radius);padding:var(--space-sm) var(--space-md);font-weight:500}.primary:hover:not(:disabled){background:var(--accent-hover)}.sample{justify-content:start;width:100%;padding:var(--space-sm) 0;margin-top:var(--space-md);color:var(--accent);font-size:var(--text-sm);white-space:normal;text-align:start;border-top:1px solid var(--line)}.sample svg{flex-shrink:0}.sample+.sample{margin-top:0;border-top:0}.sample:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:4px}.field-help,.analysis-note,.tashkeel-help{font-size:var(--text-sm);line-height:1.8;color:var(--muted);margin-block:var(--space-xs);min-height:1lh}.field-help:empty{display:none}.desk>.field-help{margin-bottom:var(--space-lg)}.learning-guide{margin-block:var(--space-md);border-block:1px solid var(--line);font-size:var(--text-sm)}.learning-guide>summary{font-size:var(--text-sm);font-weight:500;padding-block:var(--space-sm);color:var(--ink)}.learning-guide p{color:var(--muted);line-height:1.9;margin-block:var(--space-sm)}.editor-guide{margin-block:var(--space-md) var(--space-lg)}.editor-guide summary svg{display:inline-block;vertical-align:middle;margin-inline-end:var(--space-xs)}.tashkeel-toggle{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;margin-block:var(--space-sm) 0;cursor:pointer;font-weight:400}.tashkeel-toggle input{inline-size:20px;block-size:20px;margin:0;accent-color:var(--accent);flex-shrink:0}.tashkeel-help{margin-top:0}.warning,.error,.tashkeel-notice{padding:var(--space-md);margin-block:var(--space-md);font-size:var(--text-sm);line-height:1.8;background:var(--wash)}.warning,.tashkeel-notice{color:var(--ink)}.error{color:var(--danger);border:1px solid var(--danger)}.manuscript{min-width:0;min-height:560px;padding-inline-start:var(--space-xl);border-inline-start:1px solid var(--line);scroll-margin-top:var(--space-lg)}.paper-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--line);font-size:var(--text-sm);color:var(--muted)}.empty{padding:var(--space-2xl) 0 var(--space-xl);text-align:center;display:flex;flex-direction:column;align-items:center}.empty-verse{margin:0 0 var(--space-xl);font:28px/2.2 var(--poetry)}.empty-verse span{display:block}.empty h2{font-size:var(--text-xl)}.empty p{margin-block:var(--space-sm) var(--space-md);max-width:46ch;color:var(--muted);font-size:var(--text-sm);line-height:1.9}.empty button{color:var(--accent);border-bottom:1px solid var(--accent);padding-inline:var(--space-xs)}.paper-mark{font:20px/1.8 var(--poetry);color:var(--muted);margin-top:var(--space-xl)}.result-heading{padding-block:var(--space-lg)}.result-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--muted)}.result-meta>span{padding-inline-end:var(--space-lg);border-inline-end:1px solid var(--line)}.result-meta>span:last-child{border:0;padding:0}.result-heading h2{font:32px/1.6 var(--poetry)}.status{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--accent)}.status.good{color:var(--good)}.poem article{padding-block:var(--space-lg);border-block:1px solid var(--line)}.poem article+article{border-top:0}.verse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);font:26px/2.2 var(--poetry);text-align:center;padding-block:var(--space-lg)}.verse span{overflow-wrap:anywhere}summary{cursor:pointer;min-height:44px;padding:var(--space-xs) 0;font-size:var(--text-sm)}summary:hover{color:var(--accent)}summary::marker{color:var(--muted)}.poem article>details>summary>span{margin-inline-end:var(--space-md)}.poem article>details>summary>span:first-child{font-weight:500}.poem article>details>summary>span:not(:first-child){color:var(--muted);font-size:var(--text-xs)}.rhythm-guide{padding-inline:var(--space-md);background:var(--wash);border:0}.scansion{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-lg)}.scansion section{min-width:0}.scansion h3{margin-bottom:var(--space-md)}.scansion section>p:not(.arudi-text){font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-md)}.arudi-text{font:24px/2 var(--poetry);overflow-wrap:anywhere}code{font-family:var(--font-code);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.scansion section>code{display:block;background:var(--wash);padding:var(--space-sm) var(--space-md);margin-block:var(--space-xs) var(--space-md);letter-spacing:.05em}.foot-breakdown{display:grid;gap:0;list-style:none;margin:0;padding:0}.foot-detail{border-bottom:1px solid var(--line);min-width:0}.foot-explanation{margin:0}.foot-explanation>summary{display:grid;grid-template-columns:72px minmax(0,1fr) 92px 100px;gap:var(--space-sm);align-items:center;position:relative;padding-inline-start:var(--space-md)}.foot-explanation>summary:before{content:"+";position:absolute;inset-inline-start:0;font-size:var(--text-sm);color:var(--muted)}.foot-explanation[open]>summary:before{content:"−"}.foot-index{font-size:var(--text-xs);color:var(--muted)}.foot-name{font:25px/1.8 var(--poetry)}.foot-state{font-size:var(--text-xs);color:var(--good);text-align:end}.foot-detail.broken .foot-state{color:var(--danger)}.foot-explanation dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);background:var(--wash);padding:var(--space-md);margin:var(--space-xs) 0 0}.foot-explanation dl>div{min-width:0}dt{font-size:var(--text-xs);color:var(--muted)}dd{margin:var(--space-2xs) 0 0;font-size:var(--text-md);overflow-wrap:anywhere}.foot-feedback{font-size:var(--text-sm);line-height:1.8;margin:0;padding:var(--space-md);background:var(--wash)}.rhyme-breakdown{border-bottom:0}.rhyme-breakdown dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-lg);margin-block:var(--space-md)}.rhyme-breakdown dl>div{padding-block:var(--space-sm);border-bottom:1px solid var(--line)}.rhyme-breakdown dd{font:24px/1.8 var(--poetry)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-lg)}.result-actions button{border:1px solid var(--field-edge);border-radius:var(--small-radius);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.notice{font-size:var(--text-sm);color:var(--good);margin-top:var(--space-sm)}.result-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;gap:var(--space-lg);color:var(--muted)}.loading-lines{display:flex;flex-direction:column;gap:var(--space-lg);width:70%}.loading-lines span{height:12px;background:var(--wash);border-radius:var(--small-radius)}.loading-lines span:last-child{width:65%;align-self:center}.method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);padding-block:var(--space-xl);border-top:1px solid var(--line)}.method>div{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:start;column-gap:var(--space-sm)}.method>div>span{grid-row:span 2;font:26px/1.5 var(--poetry);color:var(--muted)}.method h3{font-size:var(--text-md);line-height:1.6}.method p{grid-column:2;font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-xs)}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);padding-block:var(--space-lg);color:var(--muted);font-size:var(--text-xs)}.footer-brand{font:32px/1.5 var(--poetry);color:var(--ink)}footer p{flex:1;min-width:200px}footer a{text-underline-offset:4px}.prosody-credit{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.skip{position:absolute;inset-inline-start:var(--space-lg);transform:translateY(-180%);z-index:var(--z-sticky);background:var(--ink);color:var(--surface);padding:var(--space-md)}.skip:focus{transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workshop{grid-template-columns:320px minmax(0,1fr);gap:var(--space-lg)}.manuscript{padding-inline-start:var(--space-lg)}.mode-switch{gap:var(--space-xs)}.mode-switch button{gap:var(--space-xs);padding-inline:var(--space-sm)}.mode-switch strong{font-size:var(--text-sm)}.verse{grid-template-columns:minmax(0,1fr);gap:0}.foot-explanation>summary{grid-template-columns:64px minmax(0,1fr) 88px;gap:var(--space-xs)}.foot-state{grid-column:2 / -1;text-align:start;margin-top:calc(-1 * var(--space-sm))}}@media(max-width:850px){header{min-height:76px;gap:var(--space-md)}.header-note{display:none}.edition{margin-inline-start:auto}.intro{min-block-size:0;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-xl)}.hero-verse{min-block-size:0;border:0;padding:0;align-items:start;text-align:start}.hero-verse blockquote{font-size:21px}.hero-verse blockquote br{display:none}.hero-verse>span{display:none}.workshop{grid-template-columns:minmax(0,1fr);padding-block:var(--space-lg)}.manuscript{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:var(--space-lg);min-height:0}.desk{max-width:none}.mode-switch small,.mode-number{display:none}.mode-switch button{justify-content:center;padding-inline:var(--space-xs)}.mode-switch strong{font-size:var(--text-sm)}.empty{padding-block:var(--space-xl)}.empty-verse{font-size:25px}.verse{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-explanation>summary{grid-template-columns:72px minmax(0,1fr) 92px 100px}.foot-state{grid-column:auto;text-align:end;margin-top:0}.method{gap:var(--space-lg)}}@media(max-width:540px){header{gap:var(--space-sm)}.brand{font-size:34px;gap:var(--space-sm)}.brand span{font-size:var(--text-xs);padding-inline-start:var(--space-sm);max-width:120px}.edition{display:none}.language-switch{margin-inline-start:auto;padding-inline:var(--space-sm)}h1{font-size:var(--intro-heading-mobile)}.hero-verse blockquote{font-size:22px;line-height:2}.mode-switch{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs);padding-bottom:var(--space-md)}.mode-switch strong{font-size:var(--text-sm)}.mode-number{display:inline;align-self:center}.mode-switch button{justify-content:start;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);min-height:48px}.mode-switch button[aria-pressed=true]:after{inset-inline-start:0;inset-inline-end:auto;top:var(--space-xs);bottom:var(--space-xs);width:2px;height:auto}.verse{grid-template-columns:minmax(0,1fr);font-size:25px;gap:0}.foot-explanation>summary{grid-template-columns:64px minmax(0,1fr) 88px}.foot-state{grid-column:2 / -1;text-align:start;margin-top:calc(-1 * var(--space-sm))}.poem article>details>summary>span:not(:first-child){display:inline-block}.rhyme-breakdown dl{grid-template-columns:minmax(0,1fr)}.method{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.empty-verse{font-size:23px}.footer-credit{display:flex;flex-wrap:wrap;gap:var(--space-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled),a:active{transform:none}}footer a{white-space:nowrap}.example-picker{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--line);min-width:0}.example-picker select{text-overflow:ellipsis}.example-preview{margin:var(--space-md) 0;font:22px/2 var(--poetry)}.example-preview span{display:block;overflow-wrap:anywhere}.example-source{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:var(--text-sm)}.learning-guide:not([open])>:not(summary){display:none}.letter-scansion{padding-block:var(--space-md)}.letter-scansion h4{font-size:var(--text-sm);font-weight:500;margin:0}.letter-scansion .pronounced-segment{font:25px/1.8 var(--poetry);margin-block:var(--space-xs)}.letter-cells{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;margin:var(--space-md) 0}.letter-cells li{flex:1 0 52px;max-width:92px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);background:var(--wash);border-radius:var(--small-radius)}.scanned-letter{font:28px/1.5 var(--poetry)}.letter-state{font-size:var(--text-xs);text-align:center}.letter-scansion>p:not(.pronounced-segment),.alignment-note{color:var(--muted);font-size:var(--text-sm);line-height:1.8}