.open-book .arabic,.sheet .arabic{font-family:var(--font-arabic)}.open-book{background:0 0;padding:.5rem;position:relative}.book-head{text-align:center;margin:0 auto .5rem}.book-title{color:var(--text);margin-bottom:.5rem;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}.book-sub{color:var(--text-muted);margin-top:.5rem;font-size:.92rem;line-height:1.7}.book-hint{color:var(--gold);white-space:nowrap;font-style:italic}.book-labels{grid-template-columns:.8fr 1.15fr clamp(90px,12vw,200px) 1.15fr .8fr;max-width:1400px;margin:.5rem auto;display:grid}.verse-head{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex}.verse-number{font-family:var(--font-sans);letter-spacing:.01em;color:var(--gold);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;line-height:1}.verse-caption{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.verse-head:first-child .verse-number,.verse-head:nth-child(5) .verse-number{color:var(--emerald)}.verse-head:nth-child(2) .verse-number,.verse-head:nth-child(4) .verse-number{color:var(--amber)}.book-body{grid-template-columns:.8fr 1.15fr clamp(90px,12vw,200px) 1.15fr .8fr;align-items:stretch;gap:0;max-width:1400px;margin:0 auto .5rem;display:grid}.cover{text-align:center;background:#2e9e5714;border:1px solid #2e9e5780;border-radius:.5rem;flex-direction:column;justify-content:center;padding:.5rem;display:flex}.cover-text{color:var(--text);font-size:clamp(.82rem,1.05vw,1rem);font-style:italic;line-height:1.7}.cover-note{color:var(--text-muted);margin-top:.5rem;font-size:.82rem}.cover-open{letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);opacity:.6;margin-top:.5rem;font-size:.72rem;transition:opacity .18s;display:inline-block}.cover.opens:hover .cover-open,.cover.opens:focus-visible .cover-open{opacity:1}.book-column{background:var(--surface);border:1px solid #f5c16c80;border-radius:.5rem;grid-auto-rows:1fr;padding:0 .5rem;display:grid;overflow:hidden}.row{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;margin:0;padding:.5rem;font-size:.86rem;line-height:1.4;transition:color .25s,opacity .25s;display:flex}.row+.row{border-top:1px solid #daa52014}.row-text{display:block}.row-opens{color:var(--text-dim);margin-top:.5rem;font-size:.7rem;display:block}.row-number{background:var(--gold-glow);border:1.5px solid var(--gold-border);width:24px;height:24px;color:var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.72rem;transition:box-shadow .25s,transform .25s;display:flex}.spine{min-width:0;position:relative}.threads{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thread{fill:none;stroke:var(--gold-border);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;clip-path:inset(-12% 100% -12% 0);transition:stroke .25s,opacity .25s}.head-base{fill:var(--gold-border)}.head-red{fill:#b03a2e}.head-blue{fill:#4470b0}.drawn .thread{animation:9s ease-in-out infinite thread-draw;animation-delay:calc(var(--i) * .3s)}@keyframes thread-draw{0%{clip-path:inset(-12% 100% -12% 0)}7%{clip-path:inset(-12% 0% -12% 0)}76%{clip-path:inset(-12% 0% -12% 0)}86%{clip-path:inset(-12% 0% -12% 100%)}to{clip-path:inset(-12% 0% -12% 100%)}}@media (prefers-reduced-motion:reduce){.thread{clip-path:none}.drawn .thread{animation:none}}.held .thread{clip-path:inset(-12% 0% -12% 0);animation:none}.thread-out{opacity:0}.thread-19{stroke:var(--emerald)}.thread-28{stroke:var(--amber)}.thread-37{stroke:var(--orange)}.thread-46{stroke:var(--red)}.thread-center{stroke:url(#super-thread)}.pair-19{--g:var(--emerald)}.pair-28{--g:var(--amber)}.pair-37{--g:var(--orange)}.pair-46{--g:var(--red)}.pair-19 .row-number,.pair-28 .row-number,.pair-37 .row-number,.pair-46 .row-number{border-color:var(--g);background:color-mix(in srgb, var(--g) 14%, transparent);color:var(--g)}.pair-19 .row-text,.pair-28 .row-text,.pair-37 .row-text,.pair-46 .row-text{color:var(--g)}.ring-row,.page-row{position:relative}.ring-row:after,.page-row:after{content:"→";color:var(--g);opacity:0;flex:none;margin-left:auto;padding-left:.5rem;transition:opacity .25s,transform .25s;transform:translate(-4px)}.ring-row:hover,.page-row:hover,.ring-row:hover .row-text,.page-row:hover .row-text{color:var(--g)}.ring-row:hover .row-number{box-shadow:0 0 0 3px color-mix(in srgb, var(--g) 22%, transparent)}.ring-row:hover:after,.page-row:hover:after{opacity:1;transform:translate(0)}.ring-row:not(.pair-center).lit-red,.ring-row:not(.pair-center).lit-blue,.ring-row:not(.pair-center).lit-green,.page-row:not(.pair-center).lit-red,.page-row:not(.pair-center).lit-blue,.page-row:not(.pair-center).lit-green,.ring-row:not(.pair-center).lit-red .row-text,.ring-row:not(.pair-center).lit-blue .row-text,.ring-row:not(.pair-center).lit-green .row-text,.page-row:not(.pair-center).lit-red .row-text,.page-row:not(.pair-center).lit-blue .row-text,.page-row:not(.pair-center).lit-green .row-text{color:var(--g)}.lit-red{color:#b03a2e;font-weight:600}.lit-blue{color:#4470b0;font-weight:600}.lit-green{color:#2e8b57;font-weight:600}.dimmed{opacity:.4}.pair-center .row-text,.pair-center.lit-red .row-text,.pair-center.lit-red{background:linear-gradient(110deg, var(--emerald), var(--amber), var(--orange), var(--red));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.pair-center:after{color:var(--emerald)}.pair-center .row-number{background:linear-gradient(135deg, var(--emerald), var(--amber), var(--orange), var(--red));color:#fff;border-color:#0000}.opens{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.opens:hover{border-color:var(--gold-border)}.cover.opens:hover{transform:translateY(-2px);box-shadow:0 8px 26px #00000047}.opens:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (max-width:860px){.book-body{grid-template-columns:1fr;gap:.5rem}.book-labels,.threads{display:none}}.sheet-back{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080808bd;justify-content:center;align-items:center;padding:.5rem;animation:.2s both sheet-fade;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--gold-border);background:radial-gradient(70% 40% at 50% 0%, #daa5201a, transparent 70%), var(--background);text-align:center;border-radius:.5rem;width:min(680px,100%);max-height:86vh;padding:.5rem;animation:.24s both sheet-rise;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000080}.sheet-close{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .18s;position:absolute;top:.5rem;right:.5rem}.sheet-close:hover{color:var(--gold)}.sheet-label{font-family:var(--font-arabic);color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem;font-size:.92rem}.sheet-ar{color:var(--gold);margin:0 0 .5rem;font-size:clamp(1.5rem,4.2vw,2.2rem);line-height:2.1}.sheet-tr{color:var(--text);margin:0 0 .5rem;font-size:.98rem;line-height:1.8}.sheet-plain{border-top:1px solid var(--gold-border);color:var(--text-muted);padding-top:.5rem;font-size:.95rem;line-height:1.75}.sheet-plain-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.68rem;display:block}.sheet-tie{border-top:1px solid var(--gold-border);color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;font-size:.95rem;line-height:1.75}.sheet-tie-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.82;margin-bottom:.5rem;font-size:.68rem;display:block}.sheet-source{letter-spacing:.06em;color:var(--text-dim);margin-top:.5rem;font-size:.7rem}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}