@font-face{font-family:"Noto Sans Arabic";src:url("/assets/font-504d7407d868.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("/assets/font-ded6fc7359ca.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Naskh Arabic";src:url("/assets/font-8c67eaa2f008.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Naskh Arabic";src:url("/assets/font-b5cbcb561b4b.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url("/assets/font-befb9d075069.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}



/* ===== 01-layer.css — من المصدر ===== */


700&family=Aref+Ruqaa:wght@400;700&family=Scheherazade+New:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap");

:root{
  --bg:#eee7da;
  --paper:#fbf7ee;
  --paper-strong:#fffdf8;
  --paper-soft:#eee5d6;
  --ink:#211a16;
  --muted:#796f63;
  --line:#cfc2af;
  --line-dark:#aa9a83;
  --accent:#6f2637;
  --accent-deep:#4c1825;
  --gold:#9c7845;
  --gold-soft:#d8c29a;
  --shadow:0 18px 42px rgba(55,38,22,.07);
  --poem-size:31px;
  --ui-font:"Noto Naskh Arabic","Noto Naskh Arabic",serif;
  --display-font:"Noto Kufi Arabic","Noto Naskh Arabic",serif;
  --poem-font:"Noto Naskh Arabic","Noto Naskh Arabic","Noto Naskh Arabic",serif;
}
[data-theme="dark"]{
  --bg:#12100e;
  --paper:#191612;
  --paper-strong:#201b16;
  --paper-soft:#262018;
  --ink:#f1e9dc;
  --muted:#aaa093;
  --line:#40372d;
  --line-dark:#665848;
  --accent:#d08a98;
  --accent-deep:#f0b4bf;
  --gold:#d0aa72;
  --gold-soft:#6d5838;
  --shadow:0 22px 50px rgba(0,0,0,.28);
}

*{box-sizing:border-box;min-width:0}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{
  color:var(--ink);font-family:var(--ui-font);direction:rtl;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  background:
    radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--gold-soft) 12%,transparent),transparent 26rem),
    linear-gradient(90deg,rgba(80,60,35,.018) 1px,transparent 1px),
    linear-gradient(var(--bg),var(--bg));
  background-size:auto,29px 29px,auto;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.shell{width:100%;min-height:100vh}

/* Navigation */
.topbar{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 96%,transparent)}
.topbar-inner{width:min(1220px,100%);margin:auto;padding:9px clamp(14px,3vw,28px);display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:11px;flex:0 1 auto}
.brand-mark{width:39px;height:39px;border:1px solid var(--line-dark);display:grid;place-items:center;font-family:var(--display-font);font-size:25px;color:var(--accent);background:var(--paper-strong);border-radius:2px;box-shadow:inset 0 0 0 3px var(--paper-strong),inset 0 0 0 4px color-mix(in srgb,var(--gold) 55%,var(--line));line-height:1}
.brand-copy b{display:block;font-family:var(--display-font);font-size:22px;line-height:1.15;white-space:nowrap}
.brand-copy span{display:block;color:var(--muted);font-size:10px;letter-spacing:.02em;margin-top:2px}
.nav{display:flex;gap:1px;margin-inline:auto;border-inline:1px solid var(--line);padding-inline:10px}
.nav button,.iconbtn{border:0;background:transparent;color:var(--muted);min-height:39px;padding:6px 11px;display:inline-flex;align-items:center;justify-content:center;position:relative}
.nav button::after{content:"";position:absolute;right:11px;left:11px;bottom:1px;height:1px;background:transparent}
.nav button.active{color:var(--ink)}
.nav button.active::after{background:var(--accent)}
.nav button:hover,.iconbtn:hover{color:var(--accent)}
.top-actions{display:flex;gap:0;flex:0 0 auto}
.iconbtn{min-width:39px;font-size:16px}

.main{width:min(1220px,100%);margin:auto;padding:42px clamp(14px,3vw,28px) 92px}
.view{display:none;width:100%}.view.active{display:block}

/* Home */
.hero{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);gap:28px;align-items:stretch;border-bottom:1px solid var(--line);padding-bottom:38px}
.hero-main{padding:18px 18px 14px 2px;position:relative}
.hero-side{border-right:1px solid var(--line);padding:22px 30px 22px 4px;display:flex;flex-direction:column;justify-content:space-between}
.hero-eyebrow,.eyebrow{display:inline-block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:12px}
.hero-name{font-family:var(--display-font);font-weight:700;font-size:clamp(38px,5.2vw,62px);line-height:1.55;margin:0 0 14px;max-width:18ch}
.hero-bio{font-family:var(--poem-font);font-size:clamp(19px,2vw,23px);line-height:2.05;margin:0 0 8px;max-width:72ch}
.site-note{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 25px;max-width:72ch}
.search-block{max-width:780px}.search-label{display:block;color:var(--accent);font-size:13px;margin:0 1px 7px}
.searchbox{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line-dark);background:var(--paper-strong);padding:4px 9px;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 38%,transparent)}
.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.searchbox input{flex:1;width:100%;border:0;outline:0;background:transparent;padding:11px 7px;font-size:16px}
.searchbox kbd{border:1px solid var(--line);padding:1px 7px;color:var(--muted);font-size:10px;background:var(--paper-soft)}
.hero-count{margin-top:15px;color:var(--muted);font-size:13px}
.hero-rule{margin-top:18px;display:flex;align-items:center;gap:9px;color:var(--gold);max-width:780px}.hero-rule::before,.hero-rule::after{content:"";height:1px;flex:1;background:linear-gradient(to left,transparent,var(--line-dark),transparent)}.hero-rule span{font-size:11px}
.quote-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.quote-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.quote-label{color:var(--accent);font-size:12px;font-weight:700}.quote{font-family:var(--poem-font);font-size:clamp(25px,3vw,33px);line-height:2.12;margin:22px 0}
.quote-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:11px}.quote-open{color:var(--accent);white-space:nowrap}

.section{margin-top:42px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.section-head h2{font-family:var(--display-font);font-size:35px;line-height:1.35;margin:0}.section-head p{margin:2px 0 0;color:var(--muted);font-size:13px}
.btn{border:1px solid var(--line-dark);background:transparent;color:var(--ink);min-height:39px;padding:7px 13px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center}
.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.glass,.glass-panel{background:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.poem-card{position:relative;background:color-mix(in srgb,var(--paper) 72%,transparent);border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;cursor:pointer;min-height:205px;transition:background .15s ease}
.poem-card:hover{background:var(--paper-strong)}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.poem-card h3{font-family:var(--display-font);font-size:27px;line-height:1.45;margin:0 0 7px}.meta{display:flex;gap:5px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;border:0;border-bottom:1px solid var(--line);padding:2px 0;color:var(--muted);font-size:10px;margin-left:9px;background:transparent}
.preview-verse{font-family:var(--poem-font);font-size:18px;line-height:2.02;margin:15px 0 0}.card-foot{margin-top:13px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:8px}
.heart{border:0;background:transparent;color:var(--muted);font-size:19px;width:33px;height:33px;flex:0 0 auto}.heart.on{color:var(--accent)}
.match{background:color-mix(in srgb,var(--gold) 22%,transparent);color:inherit;padding:0 .08em;border-bottom:1px solid color-mix(in srgb,var(--gold) 70%,transparent)}

/* Library */
.library-title{margin-bottom:14px}.library-toolbar{width:100%;border-block:1px solid var(--line);padding:15px 0;background:transparent}.library-searchbox{width:100%;max-width:900px}
.constraints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:12px;align-items:end;margin-top:12px;width:100%}.constraint{width:100%}
.constraint label{display:block;color:var(--muted);font-size:10px;margin:0 1px 5px}.constraint select{width:100%;height:42px;border:1px solid var(--line);background:var(--paper);border-radius:0;padding:6px 9px;outline:0}
.exact-toggle{height:42px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.clear-link{height:42px;border:0;background:transparent;color:var(--accent);padding:0 4px;white-space:nowrap}
.library-summary{display:flex;align-items:center;justify-content:space-between;margin:14px 1px}.count{color:var(--muted);font-size:13px}
.library-grid{grid-template-columns:1fr 1fr;gap:0;background:transparent;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:0}.library-grid .poem-card{min-height:185px}.loadmore{margin:22px auto 0;display:block}
.empty{padding:64px 20px;text-align:center;color:var(--muted);border-block:1px solid var(--line);grid-column:1/-1}

/* Indexes */
.index-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-right:1px solid var(--line)}
.hub-card,.index-card{border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:20px;text-align:right;color:var(--ink);min-height:118px}
.hub-card:hover,.index-card:hover{background:var(--paper-strong)}.hub-card b,.index-card b{display:block;font-family:var(--display-font);font-size:25px;line-height:1.4}.hub-card span,.index-card span{display:block;color:var(--muted);font-size:11px;line-height:1.75;margin-top:4px}
.index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-right:1px solid var(--line)}.index-grid .index-card{min-height:96px}
.compact-search{max-width:620px;margin-bottom:16px}.matla-list{border-top:1px solid var(--line)}.matla-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);cursor:pointer}.matla-row:hover{background:var(--paper-strong)}
.matla-no{color:var(--muted);font-size:11px}.matla-text{font-family:var(--poem-font);font-size:19px;line-height:1.8}.matla-title{color:var(--muted);font-size:11px}
.word-cloud,.entity-list{display:flex;flex-wrap:wrap;gap:0;margin-bottom:22px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.word-pill,.entity-pill{border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:8px 12px;color:var(--ink)}.word-pill:hover,.entity-pill:hover,.word-pill.active,.entity-pill.active{background:var(--paper-strong);color:var(--accent)}
.index-note{color:var(--muted);font-size:12px;line-height:1.9;padding:9px 0 15px;border-bottom:1px solid var(--line);margin-bottom:15px}
.entity-summary{margin:0 0 14px;padding:13px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted)}.entity-summary b{color:var(--ink);font-family:var(--display-font);font-size:22px;margin-left:5px}
.stats-page{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-right:1px solid var(--line)}.stat-panel{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:24px}.stat-panel h3{font-family:var(--display-font);font-size:28px;margin:0 0 13px}
.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-right:1px solid var(--line)}.source-grid>div{border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px}.source-grid dt{color:var(--muted);font-size:10px}.source-grid dd{font-family:var(--display-font);font-size:25px;margin:5px 0 0}
.stat-bars{display:grid;gap:9px}.stat-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr 42px;gap:9px;align-items:center}.bar-track{height:5px;background:var(--paper-soft);overflow:hidden}.bar-fill{height:100%;background:var(--accent)}.stat-row small{color:var(--muted)}.tiny{border:0;background:transparent;color:var(--accent);padding:0;text-align:right}

/* About */
.about-layout{width:min(980px,100%);margin:auto}.about-hero{padding:22px 0 36px;border-bottom:1px solid var(--line)}.about-hero h2{font-family:var(--display-font);font-size:clamp(46px,7vw,72px);line-height:1.35;margin:0 0 15px}.about-hero p{font-family:var(--poem-font);font-size:23px;line-height:2.15;margin:0;max-width:74ch}
.about-panel{padding:28px 0;border-bottom:1px solid var(--line)}.about-panel h3{font-family:var(--display-font);font-size:30px;margin:0 0 9px}.about-panel p{font-size:16px;line-height:2;color:var(--muted);margin:0;max-width:78ch}.editorial-note b{color:var(--ink)}
.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0 0;border-top:1px solid var(--line);border-right:1px solid var(--line)}.about-stats>div{border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.about-stats dt{font-size:10px;color:var(--muted)}.about-stats dd{font-family:var(--display-font);font-size:27px;margin:4px 0 0}

/* Reader */
.reader-wrap{width:min(960px,100%);margin:auto}.reader-head{padding:4px 0 24px;border-bottom:1px solid var(--line);margin-bottom:4px}.back{border:0;background:transparent;color:var(--muted);padding:0 0 18px}.back:hover{color:var(--accent)}
.reader-head-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.reader-title-block{flex:1}.reader-kicker{color:var(--accent);font-size:12px;margin-bottom:6px}.reader-head h1{font-family:var(--display-font);font-size:clamp(43px,6vw,62px);line-height:1.4;margin:0}
.reader-quick{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;padding-top:8px}.reader-intro{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.reader-intro h3{font-family:var(--display-font);font-size:23px;color:var(--accent);margin:0 0 5px}.reader-intro p{font-family:var(--poem-font);font-size:20px;line-height:2.08;color:var(--muted);margin:0}
.poem-details{margin-top:15px}.poem-details summary{cursor:pointer;color:var(--muted);font-size:12px;list-style:none}.poem-details summary::-webkit-details-marker{display:none}.details-grid{display:flex;flex-wrap:wrap;gap:11px;margin-top:11px}.vocalization-status.enhanced{color:var(--accent)}
.source-details{margin-top:13px;padding:12px 0 2px;border-top:1px dotted var(--line-dark);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-item small{display:block;color:var(--muted);font-size:10px}.source-item b{display:block;font-size:13px;margin-top:2px;font-weight:500}
.reader-floating{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.reader-floating button{border:0;border-bottom:1px solid var(--line-dark);background:transparent;min-height:36px;padding:6px 1px;color:var(--ink);margin-left:14px}.reader-floating button:hover{color:var(--accent);border-color:var(--accent)}
.poem-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:30px 0 6px;border-block:1px solid var(--line)}.poem-nav button{border:0;background:transparent;padding:13px 0;color:var(--muted);text-align:right}.poem-nav button:last-child{text-align:left}.poem-nav button:hover{color:var(--accent)}
.poem-sheet{background:transparent;border:0;padding:12px 0 18px}.verse{position:relative;padding:19px 42px 20px;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 62%,transparent);background:transparent;cursor:pointer;transition:background .12s ease}.verse:hover{background:color-mix(in srgb,var(--paper-strong) 56%,transparent)}.verse.selected{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.verse-no{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;color:var(--muted);font-size:10px}.verse:hover .verse-no,.verse.selected .verse-no{color:var(--accent)}.hide-verse-numbers .verse-no{opacity:0;pointer-events:none}
.verse-body{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:baseline;position:relative}.verse-body::after{content:"";position:absolute;top:17%;bottom:17%;right:50%;width:1px;background:color-mix(in srgb,var(--line) 70%,transparent)}
.hemistich{font-family:var(--poem-font);font-size:var(--poem-size);line-height:2.08;text-align:center;word-spacing:.045em}.verse-actions{display:none!important}.notes{display:none!important}
.selection-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:max(18px,env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 20px);overflow-x:auto;padding:6px 9px;border:1px solid var(--line-dark);background:var(--paper-strong);box-shadow:0 16px 44px rgba(0,0,0,.15);white-space:nowrap}.selection-bar[hidden]{display:none}.selection-bar span{font-family:var(--display-font);font-size:17px;padding:0 5px}.selection-bar button{border:0;background:transparent;padding:8px 9px;color:var(--ink)}.selection-bar button:hover{color:var(--accent)}

/* Overlays */
.settings{position:fixed;inset:0;z-index:130;display:none;background:rgba(20,17,13,.28)}.settings.open{display:block}.settings-panel{position:absolute;top:68px;left:16px;width:min(345px,calc(100vw - 24px));background:var(--paper-strong);border:1px solid var(--line-dark);padding:19px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.settings-panel>b{font-family:var(--display-font);font-size:23px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row select{max-width:160px;background:var(--paper);border:1px solid var(--line);border-radius:0;padding:7px 9px}.range{width:130px}.small{font-size:12px;color:var(--muted)}
.overlay{position:fixed;inset:0;z-index:140;display:none;background:rgba(20,17,13,.32);padding:18px}.overlay.open{display:grid;place-items:center}.overlay-card{position:relative;width:min(460px,calc(100vw - 24px));background:var(--paper-strong);border:1px solid var(--line-dark);padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.26)}.overlay-card h3{font-family:var(--display-font);font-size:29px;margin:0 0 12px}.overlay-close{position:absolute;left:10px;top:8px;border:0;background:transparent;color:var(--muted);font-size:26px}.menu-action{display:block;width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:right;padding:12px 2px}.menu-action:hover{color:var(--accent)}.compare-card{width:min(1000px,calc(100vw - 24px));max-height:88vh;overflow:auto}.compare-list{display:grid;gap:0;border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--line)}.compare-cell{font-family:var(--poem-font);font-size:18px;line-height:1.95;padding:14px;border-left:1px solid var(--line)}
.drawer{position:fixed;top:0;bottom:0;left:0;z-index:135;width:min(430px,92vw);background:var(--paper-strong);border-right:1px solid var(--line-dark);box-shadow:20px 0 70px rgba(0,0,0,.18);transform:translateX(-105%);transition:transform .22s ease}.drawer.open{transform:translateX(0)}.drawer-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);font-family:var(--display-font);font-size:22px}.drawer-head button{border:0;background:transparent;color:var(--muted);font-size:25px}.drawer-body{height:calc(100% - 62px);overflow:auto;padding:17px;line-height:1.95;color:var(--muted)}.drawer-body ol{padding-right:22px}.drawer-body li{margin-bottom:10px}

.footer{width:min(1220px,100%);margin:auto;padding:20px clamp(14px,3vw,28px) 38px;color:var(--muted);font-size:11px;text-align:center;border-top:1px solid var(--line)}.mobile-nav{display:none}
body.reading-mode .topbar,body.reading-mode .footer,body.reading-mode .mobile-nav,body.reading-mode .reader-head .back,body.reading-mode .reader-head .reader-quick,body.reading-mode .reader-head .poem-details,body.reading-mode .reader-head .reader-intro,body.reading-mode .reader-floating,body.reading-mode .source-details,body.reading-mode .poem-nav{display:none!important}
body.reading-mode .main{padding-top:18px}body.reading-mode .reader-head{border:0;text-align:center;margin-bottom:4px}body.reading-mode .reader-head h1{font-size:34px;color:var(--muted);font-weight:400}body.reading-mode .reader-kicker{display:none}body.reading-mode .poem-sheet{padding-top:0}
.verse.link-target{animation:targetGlow 1.7s ease}@keyframes targetGlow{0%,100%{background:transparent}40%{background:color-mix(in srgb,var(--gold) 17%,transparent)}}

@media(max-width:1000px){
  .hero{grid-template-columns:1fr}.hero-side{border-right:0;border-top:1px solid var(--line);padding:25px 0 0}.grid{grid-template-columns:1fr 1fr}.index-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-page{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.constraints{grid-template-columns:repeat(3,minmax(0,1fr))}.exact-toggle,.clear-link{grid-column:auto}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  body{padding-bottom:76px}.topbar-inner{padding:8px 12px}.brand-copy b{font-size:20px}.brand-copy span{display:none}.brand-mark{width:36px;height:36px}.nav{display:none}.top-actions{margin-inline-start:auto}.main{padding:27px 13px 96px}.hero{gap:18px;padding-bottom:28px}.hero-main{padding:8px 0}.hero-name{font-size:35px;line-height:1.65;max-width:none}.hero-bio{font-size:19px;line-height:2.04}.site-note{font-size:13px}.quote{font-size:28px}.section{margin-top:34px}.section-head{align-items:flex-start}.section-head h2{font-size:31px}.grid{grid-template-columns:1fr}.poem-card{min-height:0}.library-toolbar{padding:11px 0}.constraints{grid-template-columns:1fr 1fr;gap:8px}.scope-constraint{grid-column:1/-1}.exact-toggle{grid-column:1/2}.clear-link{grid-column:2/3;justify-self:end}.library-grid{grid-template-columns:1fr}.index-hub{grid-template-columns:1fr 1fr}.index-grid{grid-template-columns:1fr 1fr}.hub-card,.index-card{padding:16px}.matla-row{grid-template-columns:34px minmax(0,1fr)}.matla-title{grid-column:2}.reader-head-main{display:block}.reader-quick{justify-content:flex-start;margin-top:10px}.reader-head h1{font-size:40px}.reader-intro p{font-size:19px}.source-details{grid-template-columns:1fr 1fr}.poem-sheet{padding:6px 0 24px}.verse{padding:17px 7px 18px 34px}.verse-no{right:auto;left:2px;top:9px;transform:none}.verse-body{grid-template-columns:1fr;gap:0}.verse-body::after{display:none}.hemistich{font-size:calc(var(--poem-size) - 1px);line-height:2.06}.hemistich.ajuz{padding-top:4px}.selection-bar{left:10px;right:10px;transform:none;bottom:calc(72px + env(safe-area-inset-bottom));justify-content:flex-start}.compare-row{grid-template-columns:1fr}.compare-cell{border-left:0;border-bottom:1px solid var(--line)}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));z-index:90;border:1px solid var(--line-dark);padding:4px;background:var(--paper-strong);box-shadow:0 14px 44px rgba(0,0,0,.15)}.mobile-nav button{border:0;background:transparent;min-height:43px;color:var(--muted);font-size:12px;position:relative}.mobile-nav button.active{color:var(--accent)}.mobile-nav button.active::after{content:"";position:absolute;bottom:3px;right:30%;left:30%;height:1px;background:var(--accent)}.footer{padding-bottom:88px}.searchbox kbd{display:none}
}
@media(max-width:470px){
  .brand-copy b{font-size:18px}.top-actions{gap:0}.iconbtn{min-width:36px;padding:5px}.hero-name{font-size:31px}.hero-bio{font-size:18px}.constraints{grid-template-columns:1fr}.scope-constraint,.exact-toggle,.clear-link{grid-column:1}.clear-link{justify-self:start}.index-hub,.index-grid{grid-template-columns:1fr}.source-grid,.source-details,.about-stats{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head .btn{margin-top:8px}.about-hero h2{font-size:44px}.about-hero p{font-size:20px}.mobile-nav button{font-size:11px;padding:0 2px}
}
.poem-nav-bottom{margin-top:12px;margin-bottom:28px}
.entity-contexts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-right:1px solid var(--line);margin-bottom:22px}
.entity-hit{border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;text-align:right;padding:15px 16px}
.entity-hit:hover{background:var(--paper-strong)}
.entity-hit span{display:block;font-family:var(--poem-font);font-size:18px;line-height:1.85}
.entity-hit small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
@media(max-width:800px){.entity-contexts{grid-template-columns:1fr}}

/* =========================================================
   v9.2 — Warm Heritage Glass
   Glass is deliberately limited to controls, navigation,
   discovery cards and overlays. The poem-reading surface stays quiet.
   ========================================================= */
:root{
  --glass-bg:color-mix(in srgb,var(--paper-strong) 68%,transparent);
  --glass-bg-soft:color-mix(in srgb,var(--paper) 52%,transparent);
  --glass-bg-hover:color-mix(in srgb,var(--paper-strong) 83%,transparent);
  --glass-border:color-mix(in srgb,var(--line-dark) 52%,rgba(255,255,255,.34));
  --glass-highlight:rgba(255,255,255,.34);
  --glass-shadow:0 18px 55px rgba(74,52,30,.10),inset 0 1px 0 rgba(255,255,255,.38);
  --glass-shadow-soft:0 10px 30px rgba(74,52,30,.075),inset 0 1px 0 rgba(255,255,255,.28);
  --glass-filter:blur(20px) saturate(128%);
  --glass-radius:18px;
}
[data-theme="dark"]{
  --glass-bg:color-mix(in srgb,var(--paper-strong) 62%,transparent);
  --glass-bg-soft:color-mix(in srgb,var(--paper) 48%,transparent);
  --glass-bg-hover:color-mix(in srgb,var(--paper-strong) 78%,transparent);
  --glass-border:color-mix(in srgb,var(--line-dark) 68%,rgba(255,255,255,.16));
  --glass-highlight:rgba(255,255,255,.09);
  --glass-shadow:0 20px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);
  --glass-shadow-soft:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
}
body{
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 24rem),
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 30rem),
    linear-gradient(90deg,rgba(80,60,35,.018) 1px,transparent 1px),
    linear-gradient(var(--bg),var(--bg));
  background-size:auto,auto,29px 29px,auto;
  background-attachment:fixed;
}

/* Glass navigation */
.topbar{
  border-bottom:1px solid var(--glass-border);
  background:var(--glass-bg);
  -webkit-backdrop-filter:var(--glass-filter);
  backdrop-filter:var(--glass-filter);
  box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 5%,transparent);
}
.brand-mark{
  border-color:var(--glass-border);
  background:var(--glass-bg);
  border-radius:12px;
  box-shadow:var(--glass-shadow-soft);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
.nav{
  gap:3px;border:1px solid var(--glass-border);padding:3px;
  border-radius:999px;background:var(--glass-bg-soft);box-shadow:inset 0 1px 0 var(--glass-highlight);
  -webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);
}
.nav button{border-radius:999px;padding-inline:14px}
.nav button::after{display:none}
.nav button.active{background:var(--glass-bg-hover);box-shadow:0 5px 16px color-mix(in srgb,var(--ink) 6%,transparent),inset 0 1px 0 var(--glass-highlight);color:var(--accent)}
.iconbtn{border-radius:12px}.iconbtn:hover{background:var(--glass-bg-soft)}

/* Search and controls */
.searchbox{
  border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:16px;
  box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);
  padding:5px 10px;
}
.searchbox:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--glass-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),var(--glass-shadow-soft)}
.searchbox kbd{border-color:var(--glass-border);background:var(--glass-bg-soft);border-radius:8px}
.btn{
  border-color:var(--glass-border);background:var(--glass-bg-soft);border-radius:11px;
  box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);
}
.btn:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-soft)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));border-color:color-mix(in srgb,var(--accent) 74%,white 10%);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 23%,transparent);color:#fff}
.glass,.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}

/* Home: glass only for the supporting quote panel */
.hero-side{
  border:1px solid var(--glass-border);padding:26px;border-radius:22px;background:var(--glass-bg-soft);
  box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(16px) saturate(118%);backdrop-filter:blur(16px) saturate(118%);
}
.quote-open{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg-soft)}

/* Discovery cards */
.grid,.library-grid,.index-hub,.index-grid,.stats-page,.source-grid,.about-stats,.entity-contexts{
  gap:14px;border:0;background:transparent;
}
.poem-card,.hub-card,.index-card,.stat-panel,.source-grid>div,.about-stats>div,.entity-hit{
  border:1px solid var(--glass-border)!important;background:var(--glass-bg-soft);border-radius:var(--glass-radius);
  box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(15px) saturate(118%);backdrop-filter:blur(15px) saturate(118%);
}
.poem-card,.hub-card,.index-card,.entity-hit{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.poem-card:hover,.hub-card:hover,.index-card:hover,.entity-hit:hover{
  background:var(--glass-bg-hover);border-color:color-mix(in srgb,var(--accent) 32%,var(--glass-border))!important;
  box-shadow:var(--glass-shadow);transform:translateY(-2px);
}
.poem-card{padding:21px}.heart{border-radius:50%}.heart:hover{background:var(--glass-bg-hover)}
.chip{border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:999px;padding:2px 8px;margin-left:3px}

/* Library/search filter console */
.library-toolbar{
  border:1px solid var(--glass-border);padding:16px;border-radius:20px;background:var(--glass-bg-soft);
  box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(122%);backdrop-filter:blur(18px) saturate(122%);
}
.constraint select,.setting-row select{
  border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:11px;
  box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.word-cloud,.entity-list{gap:8px;border:0}.word-pill,.entity-pill{
  border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:999px;padding:7px 13px;
  box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.word-pill:hover,.entity-pill:hover,.word-pill.active,.entity-pill.active{background:var(--glass-bg-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-border));box-shadow:var(--glass-shadow-soft)}
.matla-list{border:0;display:grid;gap:9px}.matla-row{border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-bg-soft);padding:13px 14px;box-shadow:inset 0 1px 0 var(--glass-highlight)}.matla-row:hover{background:var(--glass-bg-hover)}
.entity-summary{border:1px solid var(--glass-border);border-radius:14px;padding:12px 14px;background:var(--glass-bg-soft)}

/* Reader: keep poetry unglazed; glass is reserved for tools and metadata */
.reader-quick .btn,.reader-floating button{
  border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:999px;padding:6px 12px;margin-left:0;
  box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.reader-floating button:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-soft)}
.source-details{
  border:1px solid var(--glass-border);border-radius:15px;padding:12px 14px;background:var(--glass-bg-soft);
  box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.poem-sheet,.verse,.reader-head{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.verse{border-radius:0!important;border-inline:0!important}
.selection-bar{
  border-color:var(--glass-border);background:var(--glass-bg);border-radius:18px;box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);
}
.selection-bar button{border-radius:10px}.selection-bar button:hover{background:var(--glass-bg-hover)}

/* Floating surfaces / dialogs */
.settings{background:rgba(20,17,13,.22);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.overlay{background:rgba(20,17,13,.26);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.settings-panel,.overlay-card{
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.26),inset 0 1px 0 var(--glass-highlight);
  -webkit-backdrop-filter:blur(28px) saturate(142%);backdrop-filter:blur(28px) saturate(142%);
}
.drawer{
  background:var(--glass-bg);border-right:1px solid var(--glass-border);box-shadow:24px 0 80px rgba(0,0,0,.22),inset -1px 0 0 var(--glass-highlight);
  -webkit-backdrop-filter:blur(28px) saturate(138%);backdrop-filter:blur(28px) saturate(138%);
}


/* v12.1 — robust drawer lifecycle on mobile and desktop */
.drawer{opacity:1;visibility:visible;transition:transform .22s ease,opacity .16s ease,visibility 0s linear 0s}
.drawer[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .14s ease,visibility 0s linear .22s}
.drawer.open[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto}
.drawer-scrim{position:fixed;inset:0;z-index:149;background:rgba(18,14,12,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.drawer-scrim.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease}
body.drawer-open{overflow:hidden}
@media(max-width:800px){
  .reader-tool-drawer{transform:translateY(calc(100% + 130px))}
  .reader-tool-drawer.open{transform:translateY(0)}
}

/* Mobile glass dock */
@media(max-width:1000px){
  .hero-side{border:1px solid var(--glass-border);padding:22px;margin-top:4px}
}
@media(max-width:800px){
  body{background-attachment:scroll}
  .library-toolbar{padding:12px;border-radius:17px}
  .mobile-nav{
    left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom));border:1px solid var(--glass-border);border-radius:20px;padding:5px;
    background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(138%);backdrop-filter:blur(24px) saturate(138%);
  }
  .mobile-nav button{border-radius:14px}
  .mobile-nav button.active{background:var(--glass-bg-hover);box-shadow:inset 0 1px 0 var(--glass-highlight)}
  .mobile-nav button.active::after{display:none}
  .poem-card,.hub-card,.index-card,.entity-hit{border-radius:16px}
}
@media(prefers-reduced-transparency:reduce){
  .topbar,.searchbox,.hero-side,.poem-card,.hub-card,.index-card,.library-toolbar,.settings-panel,.overlay-card,.drawer,.selection-bar,.mobile-nav,.glass,.glass-panel{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--paper-strong)!important;
  }
}



/* v9.3 — unified literary line-icon system */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.iconbtn .ui-icon{width:18px;height:18px}
.iconbtn{width:40px;height:40px;padding:0!important;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.iconbtn:hover{border-color:var(--glass-border);transform:translateY(-1px)}
.iconbtn:active{transform:translateY(0)}
.heart{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border:0;background:transparent;padding:0}
.heart .ui-icon{width:20px;height:20px;stroke-width:1.45}
.heart.on{color:var(--accent)}
.icon-only{width:36px;height:36px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border:1px solid var(--glass-border)!important;border-radius:11px!important;background:var(--glass-bg-soft)!important;color:var(--muted)!important}
.icon-only:hover{color:var(--accent)!important;background:var(--glass-bg-hover)!important}
.icon-only .ui-icon{width:17px;height:17px}
.reader-quick .btn,.back,.poem-nav button,.selection-bar button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.reader-quick .btn .ui-icon{width:17px;height:17px}
.back .ui-icon{width:16px;height:16px}
.poem-nav .ui-icon{width:15px;height:15px;opacity:.75}
.selection-bar button{gap:5px}
.selection-bar button .ui-icon{width:16px;height:16px}
.mobile-nav button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.05}
.mobile-nav button .ui-icon{width:19px;height:19px;stroke-width:1.45}
.mobile-nav button span{font-size:11px}
.mobile-nav button.active .ui-icon{stroke-width:1.8}
@media(max-width:430px){
  .selection-bar button{padding:7px 9px!important}
  .selection-bar button span{display:none}
  .selection-bar button .ui-icon{width:18px;height:18px}
  .mobile-nav button span{font-size:10px}
}

/* =========================================================
   v10 — فهارس ذكية / مختبر الديوان
   ========================================================= */
.mode-toggle{
  min-height:38px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg-soft);
  padding:4px 10px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;
  box-shadow:inset 0 1px 0 var(--glass-highlight);white-space:nowrap
}
.mode-toggle .mode-dot{width:7px;height:7px;border-radius:50%;background:var(--line-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--line) 45%,transparent)}
.mode-toggle.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--glass-border));background:color-mix(in srgb,var(--accent) 8%,var(--glass-bg-soft))}
.mode-toggle.active .mode-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}

.indexes-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:24px;align-items:end;padding:8px 0 28px;border-bottom:1px solid var(--line);margin-bottom:24px}
.indexes-hero h2{font-family:var(--display-font);font-size:clamp(36px,5vw,58px);line-height:1.5;margin:0 0 8px;max-width:17ch}
.indexes-hero p{font-family:var(--poem-font);font-size:20px;line-height:1.95;margin:0;color:var(--muted);max-width:66ch}
.index-mode-note{border-right:2px solid var(--accent);padding:10px 15px 10px 4px;display:grid;gap:4px;color:var(--muted)}
.index-mode-note b{font-family:var(--display-font);font-size:20px;color:var(--ink)}
.index-mode-note span{font-size:12px;line-height:1.8}
.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 38px}
.lab-card{position:relative;min-height:210px;text-align:right;border:1px solid var(--glass-border);border-radius:20px;background:var(--glass-bg-soft);padding:20px;overflow:hidden;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);transition:.18s ease}
.lab-card::after{content:"";position:absolute;inset:auto -24% -46% auto;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%}
.lab-card:hover{transform:translateY(-3px);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow)}
.lab-card .ui-icon{width:25px;height:25px;color:var(--accent);margin-bottom:42px}
.lab-card .lab-no{position:absolute;left:18px;top:17px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.lab-card b{display:block;font-family:var(--display-font);font-size:28px;line-height:1.25;margin-bottom:7px}
.lab-card em{display:block;color:var(--muted);font-style:normal;font-size:12px;line-height:1.8}
.lab-card.lab-primary{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--glass-bg)),var(--glass-bg-soft))}
.subsection-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 13px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.subsection-head h3{font-family:var(--display-font);font-size:28px;margin:0}.subsection-head p{color:var(--muted);margin:2px 0 0;font-size:12px}

.lab-toolbar{padding:13px;border-radius:20px;margin:0 0 20px}.lab-toolbar .searchbox{box-shadow:none}
.lab-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lab-suggestions button,.term-chips button,.research-terms button{
 border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:12px
}
.lab-suggestions button:hover,.term-chips button:hover,.research-terms button:hover{color:var(--accent);background:var(--glass-bg-hover)}
.lab-result{display:grid;gap:15px}.lexicon-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:24px;border-radius:22px}
.lexicon-hero h3{font-family:var(--display-font);font-size:54px;margin:1px 0 2px;color:var(--accent)}.lexicon-hero p{margin:0;color:var(--muted);font-size:12px}
.lab-kpis,.research-kpis,.observatory-kpis{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:8px}
.lab-kpis>div,.research-kpis>div,.observatory-kpis>div{border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-bg-soft);padding:12px 14px;display:grid;gap:1px;box-shadow:inset 0 1px 0 var(--glass-highlight)}
.lab-kpis b,.research-kpis b,.observatory-kpis b{font-family:var(--display-font);font-size:28px;line-height:1.2}.lab-kpis span,.research-kpis span,.observatory-kpis span{font-size:10px;color:var(--muted)}
.lexicon-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:12px}.lab-panel{border:1px solid var(--glass-border);border-radius:18px;background:var(--glass-bg-soft);padding:19px;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%)}
.lab-panel h3{font-family:var(--display-font);font-size:25px;margin:0 0 4px}.lab-panel>p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 12px}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-head h3{margin:0}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:11px}
.collocate-cloud{display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start}.collocate-cloud button{border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg-soft);padding:7px 10px;display:inline-flex;align-items:baseline;gap:6px}.collocate-cloud button b{font-family:var(--poem-font);font-size:16px}.collocate-cloud button small{font-size:9px;color:var(--muted)}.collocate-cloud button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-border));background:var(--glass-bg-hover)}
.phrase-list{display:grid;gap:1px}.phrase-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-family:var(--poem-font);font-size:15px}.phrase-list small{font-family:var(--ui-font);font-size:9px;color:var(--muted)}
.contexts-panel{padding:20px}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-card{border:1px solid var(--glass-border);border-radius:13px;background:color-mix(in srgb,var(--paper) 30%,transparent);padding:13px 14px;text-align:right}.context-card:hover{background:var(--glass-bg-hover)}.context-card>span{font-family:var(--poem-font);font-size:18px;line-height:1.9}.context-card>small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.lab-empty{border:1px dashed var(--line-dark);border-radius:18px;padding:35px;text-align:center;color:var(--muted);display:grid;gap:5px}.lab-empty b{font-family:var(--display-font);font-size:24px;color:var(--ink)}

.phrase-tree-wrap{margin:18px 0}.phrase-tree{display:grid;grid-template-columns:1fr 220px 1fr;gap:20px;align-items:center;min-height:480px;padding:28px;border-radius:24px;overflow:hidden;position:relative}.phrase-tree::before{content:"";position:absolute;left:50%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,var(--line-dark),transparent);opacity:.6}.tree-root{position:relative;z-index:2;width:185px;height:185px;margin:auto;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--glass-border));background:color-mix(in srgb,var(--accent) 9%,var(--paper-strong));display:grid;place-items:center;align-content:center;box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px 0 var(--glass-highlight)}
.tree-root span,.tree-root small{font-size:10px;color:var(--muted)}.tree-root b{font-family:var(--display-font);font-size:37px;color:var(--accent);line-height:1.3}.tree-side{display:grid;gap:7px;position:relative;z-index:2}.tree-side h3{font-family:var(--display-font);font-size:22px;margin:0 0 6px;color:var(--muted)}.tree-branch{--strength:.4;position:relative;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--glass-border));background:color-mix(in srgb,var(--accent) 5%,var(--glass-bg-soft));border-radius:11px;padding:7px 11px;display:flex;justify-content:space-between;gap:10px;align-items:center}.tree-branch span{font-family:var(--poem-font);font-size:16px}.tree-branch small{font-size:9px;color:var(--muted)}.tree-branch:hover{background:var(--glass-bg-hover);color:var(--accent)}
.context-stack{margin-top:10px}

.compare-controls{display:grid;grid-template-columns:1fr 52px 1fr;gap:10px;align-items:end;padding:14px;border-radius:20px;margin-bottom:18px}.compare-controls label,.observatory-controls label{display:grid;gap:5px;color:var(--muted);font-size:10px}.compare-controls select,.observatory-controls select,.observatory-controls input{width:100%;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg-soft);padding:10px 11px;color:var(--ink);outline:none}.compare-swap{height:42px;width:42px;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-bg-soft);display:grid;place-items:center;color:var(--accent);margin:0 auto}.poem-compare-result{display:grid;gap:12px}.compare-titles{display:grid;grid-template-columns:1fr 150px 1fr;gap:15px;align-items:center}.compare-titles>button{border:0;background:transparent;text-align:center;padding:15px}.compare-titles>button small{display:block;color:var(--muted);font-size:9px}.compare-titles>button b{font-family:var(--display-font);font-size:30px;line-height:1.5}.similarity-ring{width:128px;height:128px;margin:auto;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg-soft);display:grid;place-items:center;align-content:center;box-shadow:inset 0 1px 0 var(--glass-highlight)}.similarity-ring b{font-family:var(--display-font);font-size:32px;color:var(--accent)}.similarity-ring span{font-size:8px;color:var(--muted)}
.compare-metrics{display:grid;gap:0;padding:0;overflow:hidden}.compare-metric{display:grid;grid-template-columns:120px 1fr 24px 1fr;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.compare-metric:last-child{border-bottom:0}.compare-metric span{font-size:10px;color:var(--muted)}.compare-metric b{text-align:center;font-family:var(--poem-font);font-size:16px}.compare-metric i{height:1px;background:var(--line)}.compare-lex-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.term-chips{display:flex;flex-wrap:wrap;gap:6px}.lab-method{font-size:10px;color:var(--muted);text-align:center;margin:3px 0}

.observatory-controls{display:grid;grid-template-columns:1fr 1fr .85fr 1.25fr auto;gap:8px;align-items:end;padding:14px;border-radius:20px;margin-bottom:15px}.observatory-controls .btn{height:42px}.observatory-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:12px}.observatory-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.obs-bar{display:grid;grid-template-columns:100px 1fr 28px;gap:7px;align-items:center;padding:5px 0}.obs-bar span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-bar i{height:5px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent);overflow:hidden}.obs-bar i b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.obs-bar small{font-size:9px;color:var(--muted);text-align:left}.observatory-result{display:grid;gap:0}

.research-only{display:none!important}.research-ui .research-only{display:block!important}.research-panel{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--glass-border));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--glass-bg-soft)),var(--glass-bg-soft));padding:16px;margin:15px 0 11px;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.research-panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.research-panel-head h3{font-family:var(--display-font);font-size:25px;margin:0}.research-actions{display:flex;gap:6px}.research-kpis{grid-template-columns:repeat(4,1fr);margin-top:12px}.research-kpis b{font-size:19px}.research-terms{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.research-disclaimer{font-size:9px;color:var(--muted);margin:9px 0 0}.research-ui .poem-details{border-color:color-mix(in srgb,var(--accent) 18%,var(--glass-border))}

@media(max-width:1000px){
 .lab-grid{grid-template-columns:1fr 1fr}.lexicon-grid,.compare-lex-grid,.observatory-grid{grid-template-columns:1fr 1fr}.lexicon-grid .lab-panel:first-child,.observatory-grid .lab-panel:last-child{grid-column:1/-1}.observatory-controls{grid-template-columns:1fr 1fr 1fr}.observatory-controls .obs-word{grid-column:1/3}.indexes-hero{grid-template-columns:1fr}
}
@media(max-width:800px){
 .mode-toggle{padding:4px 8px}.mode-toggle #modeSwitchLabel{font-size:10px}.lab-grid{grid-template-columns:1fr 1fr}.lab-card{min-height:170px;padding:16px}.lab-card .ui-icon{margin-bottom:25px}.lab-card b{font-size:24px}.lexicon-hero{display:block}.lab-kpis{margin-top:14px}.lexicon-grid,.compare-lex-grid,.observatory-grid{grid-template-columns:1fr}.lexicon-grid .lab-panel:first-child,.observatory-grid .lab-panel:last-child{grid-column:auto}.context-grid{grid-template-columns:1fr}.phrase-tree{grid-template-columns:1fr;min-height:0;padding:18px}.phrase-tree::before{display:none}.tree-root{order:-1;width:150px;height:150px}.compare-controls{grid-template-columns:1fr 42px 1fr}.compare-titles{grid-template-columns:1fr 100px 1fr}.similarity-ring{width:88px;height:88px}.compare-titles>button b{font-size:23px}.observatory-kpis,.research-kpis{grid-template-columns:1fr 1fr}.observatory-controls{grid-template-columns:1fr 1fr}.observatory-controls .obs-word{grid-column:1/-1}.observatory-controls .btn{grid-column:1/-1}.research-panel-head{display:block}.research-actions{margin-top:8px}.research-actions .btn{flex:1}.panel-head{align-items:flex-start}
}
@media(max-width:470px){
 .top-actions{gap:3px}.mode-toggle{min-height:35px;padding:3px 7px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:145px}.lab-card .ui-icon{margin-bottom:16px}.indexes-hero h2{font-size:36px}.indexes-hero p{font-size:18px}.lab-kpis{grid-template-columns:repeat(3,1fr)}.lab-kpis>div{padding:9px}.lab-kpis b{font-size:23px}.compare-controls{grid-template-columns:1fr}.compare-swap{transform:rotate(90deg)}.compare-titles{grid-template-columns:1fr}.similarity-ring{order:-1}.compare-metric{grid-template-columns:74px 1fr 12px 1fr;padding:9px 8px}.observatory-controls{grid-template-columns:1fr}.observatory-controls .obs-word,.observatory-controls .btn{grid-column:auto}.research-kpis{grid-template-columns:1fr 1fr}.research-actions{display:grid;grid-template-columns:1fr}.context-card>span{font-size:17px}
}

body.reading-mode .research-panel{display:none!important}

/* =========================================================
   v11 — تجربة القراءة: قارئ صافي + عدسة البيت + أدراج بحثية
   ========================================================= */
.reader-dock{
  position:sticky;top:70px;z-index:44;margin:0 0 18px;padding:9px 11px;border-radius:17px;
  display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;
  border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow-soft);
  -webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);
}
.reader-dock-title{min-width:0;display:grid;gap:1px}.reader-dock-title small{font-size:9px;color:var(--muted)}.reader-dock-title b{font-family:var(--display-font);font-size:18px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-dock-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;white-space:nowrap}.reader-dock-meta span{padding:4px 7px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg-soft)}
.reader-dock-actions{display:flex;align-items:center;gap:4px}.reader-dock-actions button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;min-height:35px;padding:6px 8px;display:inline-flex;align-items:center;gap:5px}.reader-dock-actions button:hover{color:var(--accent);border-color:var(--glass-border);background:var(--glass-bg-hover)}.reader-dock-actions .ui-icon{width:16px;height:16px}.reader-dock-actions span{font-size:10px}

.verse-lens-btn{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);opacity:0;display:grid;place-items:center;transition:.15s ease}.verse-lens-btn .ui-icon{width:15px;height:15px}.verse:hover .verse-lens-btn,.verse:focus-within .verse-lens-btn{opacity:1}.verse-lens-btn:hover{color:var(--accent);border-color:var(--glass-border);background:var(--glass-bg-soft)}

.reader-tool-drawer{width:min(520px,94vw);z-index:150}.reader-tool-drawer .drawer-body{padding:18px 18px 30px;color:var(--ink)}
.verse-lens-sheet,.source-sheet{display:grid;gap:16px}.lens-head h3,.source-sheet h3{font-family:var(--display-font);font-size:30px;line-height:1.5;margin:0}.lens-head .eyebrow,.source-sheet .eyebrow{margin:0 0 3px}
.lens-verse{margin:0;padding:18px 16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--glass-border));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--glass-bg-soft)),var(--glass-bg-soft));box-shadow:inset 0 1px 0 var(--glass-highlight);font-family:var(--poem-font);font-size:24px;line-height:2;text-align:center;display:grid;gap:2px}.lens-verse span{display:block}
.lens-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lens-actions button{border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:13px;padding:9px 7px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px}.lens-actions button:hover{color:var(--accent);background:var(--glass-bg-hover)}.lens-actions .ui-icon{width:16px;height:16px}.lens-actions span{font-size:10px}
.lens-section{border-top:1px solid var(--line);padding-top:14px}.lens-section-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:8px}.lens-section-head b{font-family:var(--display-font);font-size:20px}.lens-section-head span{font-size:9px;color:var(--muted)}
.lens-context{display:grid;gap:6px}.lens-context>button,.lens-context>.current{border:1px solid var(--glass-border);border-radius:13px;background:var(--glass-bg-soft);padding:10px 12px;text-align:right;color:var(--ink)}.lens-context>button:hover{background:var(--glass-bg-hover);border-color:color-mix(in srgb,var(--accent) 35%,var(--glass-border))}.lens-context small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.lens-context span{display:block;font-family:var(--poem-font);font-size:16px;line-height:1.9}.lens-context>.current{border-color:color-mix(in srgb,var(--accent) 28%,var(--glass-border))}
.lens-similar{display:grid;gap:6px}.lens-similar button{border:1px solid var(--glass-border);border-radius:13px;background:var(--glass-bg-soft);padding:11px 12px;text-align:right;color:var(--ink)}.lens-similar button:hover{background:var(--glass-bg-hover)}.lens-similar button>span{display:block;font-family:var(--poem-font);font-size:16px;line-height:1.85}.lens-similar button>small{display:block;color:var(--muted);font-size:9px;margin-top:4px}

.source-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.source-facts>div{border:1px solid var(--glass-border);border-radius:13px;background:var(--glass-bg-soft);padding:11px 12px;display:grid;gap:2px}.source-facts small,.source-origin small,.citation-box small{font-size:9px;color:var(--muted)}.source-facts b{font-family:var(--display-font);font-size:19px}.source-warning{margin:0;padding:10px 12px;border-right:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,transparent);color:var(--muted);font-size:11px;line-height:1.9}.source-verse-label{margin:-8px 0 0;color:var(--muted);font-size:11px}.citation-box{border:1px solid var(--glass-border);border-radius:15px;background:var(--glass-bg-soft);padding:13px}.citation-box p{font-family:var(--poem-font);font-size:16px;line-height:1.9;margin:4px 0 10px}.citation-box .btn{gap:6px}.source-origin{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:var(--muted)}.source-origin b{color:var(--ink)}.source-origin span{font-size:10px}

#researchDrawer .research-panel{margin:0;background:transparent;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}

body.reading-mode .reader-dock{top:10px;width:min(620px,calc(100vw - 26px));margin:0 auto 12px;grid-template-columns:1fr auto}.reading-mode .reader-dock-meta{display:none}.reading-mode .reader-dock-actions #dockSource,.reading-mode .reader-dock-actions #dockResearch{display:none!important}.reading-mode .reader-dock-actions #dockFocus{color:var(--accent);border-color:var(--glass-border);background:var(--glass-bg-soft)}
body.reading-mode .reader-head{padding-bottom:5px}.reading-mode .reader-head .reader-head-main{display:block}.reading-mode .reader-head .reader-title-block{text-align:center}

@media(max-width:800px){
  .reader-dock{top:59px;grid-template-columns:1fr auto;margin:0 0 12px;padding:8px 9px;border-radius:15px}.reader-dock-meta{grid-column:1/2;grid-row:2;justify-content:flex-start;gap:4px}.reader-dock-actions{grid-column:2;grid-row:1/3}.reader-dock-actions span{display:none}.reader-dock-actions button{width:34px;height:34px;padding:0;justify-content:center}.reader-dock-title b{font-size:16px}
  .verse{padding-left:40px}.verse-lens-btn{left:2px;top:auto;bottom:8px;transform:none;opacity:1;width:29px;height:29px}.verse-no{left:2px;top:8px}
  .reader-tool-drawer{top:auto;right:8px;left:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:78vh;border:1px solid var(--glass-border);border-radius:22px;transform:translateY(115%);box-shadow:0 -18px 70px rgba(0,0,0,.22);overflow:hidden}.reader-tool-drawer.open{transform:translateY(0)}.reader-tool-drawer .drawer-head{height:56px}.reader-tool-drawer .drawer-body{height:auto;max-height:calc(78vh - 56px)}
  .lens-actions{grid-template-columns:1fr 1fr}.lens-verse{font-size:22px}.source-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:470px){
  .reader-dock-meta span:nth-child(n+2){display:none}.source-facts{grid-template-columns:1fr}.lens-section-head{display:block}.lens-section-head span{display:block;margin-top:1px}.lens-verse{font-size:21px;padding:15px 11px}.reader-tool-drawer{right:6px;left:6px}
}

/* =========================================================
   v12 — الاستكشاف البصري: أطلس / قوافي / كوكبة / مطالع
   ========================================================= */
.explore-head{margin-top:0}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 34px}
.explore-card{position:relative;min-height:235px;border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(155deg,var(--glass-bg),var(--glass-bg-soft));padding:20px;text-align:right;overflow:hidden;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.explore-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 35%,var(--glass-border));box-shadow:var(--glass-shadow)}
.explore-card>.ui-icon{width:26px;height:26px;color:var(--accent)}
.explore-card .explore-no{position:absolute;left:18px;top:18px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.explore-card>b{display:block;font-family:var(--display-font);font-size:29px;line-height:1.3;margin:34px 0 6px}
.explore-card>em{display:block;font-style:normal;color:var(--muted);font-size:12px;line-height:1.85;max-width:24ch}
.explore-visual{position:absolute;left:-8px;bottom:-18px;width:125px;height:105px;opacity:.54;pointer-events:none}
.atlas-mini i{position:absolute;width:11px;height:11px;border:1px solid var(--accent);border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent)}
.atlas-mini i:nth-child(1){right:14px;top:18px}.atlas-mini i:nth-child(2){right:54px;top:42px;width:18px;height:18px}.atlas-mini i:nth-child(3){right:86px;top:22px;width:8px;height:8px}.atlas-mini i:nth-child(4){right:88px;top:69px;width:14px;height:14px}
.atlas-mini::before,.atlas-mini::after{content:"";position:absolute;height:1px;background:color-mix(in srgb,var(--accent) 42%,transparent);transform-origin:right center}.atlas-mini::before{width:84px;right:22px;top:38px;transform:rotate(19deg)}.atlas-mini::after{width:75px;right:55px;top:57px;transform:rotate(-28deg)}
.wheel-mini{border:1px solid color-mix(in srgb,var(--accent) 46%,transparent);border-radius:50%;width:94px;height:94px;left:5px;bottom:-6px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 35%,transparent) 0 3deg,transparent 3deg 15deg)}
.wheel-mini::after{content:"";position:absolute;inset:29px;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-bg-soft)}
.orbit-mini i{position:absolute;border:1px solid var(--accent);border-radius:50%;width:10px;height:10px}.orbit-mini i:nth-child(1){left:54px;top:44px;width:17px;height:17px;background:color-mix(in srgb,var(--accent) 15%,transparent)}.orbit-mini i:nth-child(2){left:8px;top:30px}.orbit-mini i:nth-child(3){left:94px;top:16px}.orbit-mini i:nth-child(4){left:20px;top:79px}.orbit-mini i:nth-child(5){left:101px;top:76px}.orbit-mini::before,.orbit-mini::after{content:"";position:absolute;left:18px;top:51px;width:92px;height:1px;background:color-mix(in srgb,var(--accent) 32%,transparent);transform:rotate(16deg)}.orbit-mini::after{transform:rotate(-23deg)}
.opening-mini{display:grid;gap:9px;align-content:center;padding:16px}.opening-mini i{display:block;height:1px;background:color-mix(in srgb,var(--accent) 52%,transparent)}.opening-mini i:nth-child(1){width:88px}.opening-mini i:nth-child(2){width:70px}.opening-mini i:nth-child(3){width:92px}

/* Atlas */
.atlas-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.62fr);gap:14px;align-items:start}
.atlas-stage{min-height:590px;border-radius:26px;padding:15px;position:relative;overflow:hidden}
.atlas-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:5px 7px 10px;color:var(--muted);font-size:10px}.atlas-caption b{color:var(--accent);font-size:12px}.atlas-svg{display:block;width:100%;height:auto;min-height:510px}
.atlas-land,.atlas-east{fill:var(--paper-soft);fill-opacity:.38;stroke:var(--line-dark);stroke-opacity:.45;stroke-width:1.2}.atlas-east{fill:var(--paper-soft);fill-opacity:.24}
.atlas-river{fill:none;stroke:var(--accent);stroke-opacity:.28;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 8}.atlas-river.second{stroke:var(--gold);stroke-opacity:.34}
.atlas-region{font-family:var(--display-font);font-size:35px;fill:var(--muted);fill-opacity:.16;text-anchor:middle}
.atlas-node{cursor:pointer;color:var(--accent);outline:none}.atlas-node circle:first-of-type{fill:var(--paper-strong);fill-opacity:.92;stroke:var(--accent);stroke-opacity:.55;stroke-width:1.5;transition:.18s ease}.atlas-node .atlas-halo{fill:none;stroke:var(--accent);stroke-opacity:.16;stroke-width:1;opacity:0;transition:.18s ease}.atlas-node text{font-family:var(--ui-font);font-size:13px;fill:var(--ink);pointer-events:none}.atlas-node .atlas-count{font-size:9px;fill:var(--accent)}
.atlas-node:hover circle:first-of-type,.atlas-node.active circle:first-of-type{fill:var(--paper-soft);stroke:var(--accent);stroke-opacity:1;filter:drop-shadow(0 7px 12px rgba(111,38,55,.16))}.atlas-node:hover .atlas-halo,.atlas-node.active .atlas-halo{opacity:1}.atlas-node.active text:not(.atlas-count){font-weight:700;fill:var(--accent)}
.atlas-side{display:grid;gap:12px;position:sticky;top:82px}.atlas-detail{padding:22px;border-radius:23px}.atlas-detail h3{font-family:var(--display-font);font-size:43px;line-height:1.25;margin:0 0 8px;color:var(--accent)}.atlas-detail>p{color:var(--muted);font-size:12px;line-height:1.9}.atlas-kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.atlas-kpis>div{border:1px solid var(--glass-border);border-radius:14px;padding:11px;background:var(--glass-bg-soft)}.atlas-kpis b{display:block;font-family:var(--display-font);font-size:27px}.atlas-kpis span{font-size:9px;color:var(--muted)}
.atlas-related{display:grid;gap:6px;margin:18px 0}.atlas-related>small{color:var(--muted);font-size:9px}.atlas-related button{display:flex;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:transparent;padding:7px 0;text-align:right}.atlas-related button:hover{color:var(--accent)}.atlas-related button span{font-size:9px;color:var(--muted)}.atlas-related em{font-size:11px;color:var(--muted);font-style:normal}.atlas-contexts{margin-top:18px}.atlas-poem-head{margin-top:32px}

/* Rhyme wheel */
.rhyme-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr);gap:14px;align-items:start}.rhyme-stage{border-radius:26px;padding:12px;min-height:610px;display:grid;place-items:center}.rhyme-svg{width:min(100%,650px);height:auto;overflow:visible}.rhyme-sector{fill:var(--paper-soft);stroke:var(--line);stroke-width:1;cursor:pointer;transition:fill .15s ease,filter .15s ease}.rhyme-sector:hover,.rhyme-sector.active{fill:var(--accent);filter:drop-shadow(0 5px 10px rgba(111,38,55,.16))}.rhyme-label{font-family:var(--ui-font);font-size:10px;fill:var(--muted);cursor:pointer}.rhyme-label.active{fill:var(--accent);font-weight:700}.rhyme-core{fill:var(--paper-strong);stroke:var(--line-dark);stroke-width:1.4}.rhyme-core-title{font-family:var(--display-font);font-size:31px;fill:var(--accent)}.rhyme-core-sub{font-family:var(--ui-font);font-size:10px;fill:var(--muted)}
.rhyme-side{border-radius:24px;padding:22px;position:sticky;top:82px}.rhyme-side h3{font-family:var(--display-font);font-size:38px;margin:0 0 8px;color:var(--accent)}.rhyme-kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.rhyme-kpis>div{padding:10px;border:1px solid var(--glass-border);border-radius:13px;background:var(--glass-bg-soft)}.rhyme-kpis b{display:block;font-size:24px;font-family:var(--display-font)}.rhyme-kpis span{font-size:9px;color:var(--muted)}.rhyme-meter-list>small{color:var(--muted);font-size:9px}.rhyme-meter-list>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);font-size:11px}.rhyme-meter-list b{font-size:10px;color:var(--accent)}.rhyme-longest{width:100%;border:1px solid var(--glass-border);border-radius:15px;background:var(--glass-bg-soft);padding:12px;text-align:right;margin-top:15px}.rhyme-longest small,.rhyme-longest span{display:block;color:var(--muted);font-size:9px}.rhyme-longest b{display:block;font-family:var(--display-font);font-size:22px;margin:2px 0}.rhyme-poems{margin-top:18px}

/* Constellation */
.constellation-toolbar{padding:13px;border-radius:20px;margin-bottom:14px}.constellation-toolbar .searchbox{box-shadow:none}.constellation-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.constellation-suggestions button{border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg-soft);padding:5px 10px;font-size:11px;color:var(--muted)}.constellation-suggestions button:hover{color:var(--accent);background:var(--glass-bg-hover)}
.constellation-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.58fr);gap:14px;align-items:start}.constellation-stage{min-height:600px;border-radius:26px;padding:10px;position:relative;display:grid;place-items:center}.constellation-svg{width:100%;height:auto;min-height:540px}.const-edges line{stroke:var(--line-dark);stroke-linecap:round}.const-node{cursor:pointer;outline:none}.const-node circle{fill:var(--paper-strong);stroke:var(--line-dark);stroke-width:1.4;transition:.16s ease}.const-node text{font-family:var(--ui-font);font-size:12px;fill:var(--ink);pointer-events:none}.const-node .const-count{font-size:8px;fill:var(--muted)}.const-node.word circle{stroke:var(--gold)}.const-node.person circle{stroke:var(--accent)}.const-node.place circle{stroke:#7a8c6a}.const-node:hover circle{fill:var(--paper-soft);filter:drop-shadow(0 8px 12px rgba(111,38,55,.14))}.const-center circle{fill:var(--paper-soft);stroke:var(--accent);stroke-width:1.4}.const-center text{font-family:var(--display-font);font-size:30px;fill:var(--accent)}.const-center .const-center-sub{font-family:var(--ui-font);font-size:9px;fill:var(--muted)}
.constellation-legend{position:absolute;top:17px;right:18px;display:flex;gap:8px;z-index:2;font-size:9px;color:var(--muted)}.constellation-legend span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px;border:1px solid currentColor}.constellation-legend .word{color:var(--gold)}.constellation-legend .person{color:var(--accent)}.constellation-legend .place{color:#7a8c6a}
.constellation-side{display:grid;gap:12px;position:sticky;top:82px}.constellation-detail{border-radius:23px;padding:21px}.constellation-detail h3{font-family:var(--display-font);font-size:41px;color:var(--accent);margin:0 0 6px}.constellation-detail>p{font-size:11px;line-height:1.9;color:var(--muted)}.const-related-list{display:grid;margin:13px 0}.const-related-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:transparent;padding:7px 0;text-align:right}.const-related-list button:hover{color:var(--accent)}.const-related-list span small{display:inline-block;margin-right:4px;font-size:8px;color:var(--muted)}.const-related-list b{font-size:9px;color:var(--muted)}.const-samples{border-top:1px solid var(--line);padding-top:10px}.const-samples>small{font-size:9px;color:var(--muted)}.const-samples button{width:100%;border:0;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);text-align:right;padding:8px 0}.const-samples button b{display:block;font-family:var(--display-font);font-size:20px}.const-samples button span{display:block;color:var(--muted);font-size:9px}

/* Openings */
.opening-feature{border-radius:24px;padding:24px 26px;display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:14px;min-height:205px;position:relative;overflow:hidden}.opening-feature::after{content:"«";position:absolute;left:25px;top:-38px;font-family:var(--display-font);font-size:190px;line-height:1;color:color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none}.opening-feature blockquote{font-family:var(--poem-font);font-size:clamp(25px,3.2vw,39px);line-height:1.9;margin:2px 0 7px;max-width:23ch}.opening-feature small{color:var(--muted);font-size:10px}.opening-feature-actions{display:flex;gap:7px;position:relative;z-index:2}
.opening-controls{display:grid;grid-template-columns:minmax(280px,1.7fr) 1fr 1fr auto;gap:9px;align-items:end;border-radius:20px;padding:13px}.opening-controls .searchbox{box-shadow:none}.opening-controls label{display:grid;gap:5px;font-size:9px;color:var(--muted)}.opening-controls select{height:43px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg-soft);padding:7px 10px;outline:none}.opening-controls>.btn{height:43px}
.opening-letters{display:flex;gap:5px;overflow:auto;padding:12px 1px 10px;scrollbar-width:thin}.opening-letters button{flex:0 0 auto;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg-soft);padding:5px 9px;font-size:12px;color:var(--muted)}.opening-letters button small{font-size:8px;margin-right:3px}.opening-letters button.active,.opening-letters button:hover{background:color-mix(in srgb,var(--accent) 9%,var(--glass-bg));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--glass-border))}
.opening-summary{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:stretch;margin:4px 0 14px}.opening-count{border:1px solid var(--glass-border);border-radius:17px;background:var(--glass-bg-soft);padding:13px 16px}.opening-count b{display:block;font-family:var(--display-font);font-size:32px;color:var(--accent)}.opening-count span{font-size:9px;color:var(--muted)}.opening-first-words{border-bottom:1px solid var(--line);padding:8px 0}.opening-first-words>small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.opening-first-words button{border:0;background:transparent;padding:4px 0;margin-left:14px;color:var(--ink);font-family:var(--poem-font);font-size:14px}.opening-first-words button:hover{color:var(--accent)}.opening-first-words button span{font-family:var(--ui-font);font-size:8px;color:var(--muted)}
.opening-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opening-card{position:relative;border:1px solid var(--glass-border);border-radius:19px;background:var(--glass-bg-soft);padding:18px 19px 14px;min-height:190px;cursor:pointer;box-shadow:var(--glass-shadow-soft);overflow:hidden;transition:.16s ease}.opening-card:hover{transform:translateY(-2px);background:var(--glass-bg-hover);border-color:color-mix(in srgb,var(--accent) 28%,var(--glass-border))}.opening-letter-mark{position:absolute;left:15px;top:6px;font-family:var(--display-font);font-size:64px;color:color-mix(in srgb,var(--accent) 8%,transparent);line-height:1}.opening-card blockquote{font-family:var(--poem-font);font-size:20px;line-height:1.9;margin:12px 0 17px;position:relative;z-index:1}.opening-card>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding-top:8px}.opening-card>div b{font-family:var(--display-font);font-size:17px}.opening-card>div span{font-size:9px;color:var(--muted)}

@media(max-width:1000px){
 .explore-grid{grid-template-columns:1fr 1fr}.atlas-layout,.rhyme-layout,.constellation-layout{grid-template-columns:1fr}.atlas-side,.rhyme-side,.constellation-side{position:static}.atlas-stage,.constellation-stage{min-height:500px}.opening-controls{grid-template-columns:1fr 1fr}.opening-controls .searchbox{grid-column:1/-1}.opening-controls>.btn{grid-column:1/-1}
}
@media(max-width:700px){
 .explore-grid{grid-template-columns:1fr 1fr}.explore-card{min-height:190px;padding:16px}.explore-card>b{font-size:24px;margin-top:24px}.explore-visual{transform:scale(.78);transform-origin:left bottom}.atlas-stage,.rhyme-stage,.constellation-stage{min-height:0;padding:7px}.atlas-svg{min-height:380px}.rhyme-stage{min-height:430px}.constellation-svg{min-height:410px}.atlas-caption{display:grid}.atlas-layout,.rhyme-layout,.constellation-layout{gap:10px}.opening-feature{display:block;padding:20px;min-height:0}.opening-feature blockquote{font-size:27px}.opening-feature-actions{margin-top:16px}.opening-controls{grid-template-columns:1fr}.opening-controls .searchbox,.opening-controls>.btn{grid-column:auto}.opening-summary{grid-template-columns:1fr}.opening-grid{grid-template-columns:1fr}.opening-card{min-height:165px}.opening-card blockquote{font-size:18px}.constellation-legend{position:static;margin:3px 6px 8px}.constellation-stage{display:block}
}
@media(max-width:470px){
 .explore-grid{grid-template-columns:1fr}.explore-card{min-height:160px}.explore-card>b{margin-top:15px}.explore-card>em{max-width:30ch}.atlas-svg{min-height:310px}.atlas-node text{font-size:11px}.rhyme-stage{min-height:350px}.rhyme-label{font-size:9px}.rhyme-core-title{font-size:27px}.constellation-svg{min-height:330px}.const-node text{font-size:10px}.const-center text{font-size:25px}.opening-feature-actions{display:grid;grid-template-columns:1fr 1fr}.opening-card>div{display:block}.opening-card>div span{display:block;margin-top:3px}
}


/* =========================================================
   v13 — تنقية الهيكل: ديوان للقراءة + مرجع للدراسة
   ========================================================= */
.mode-toggle{display:none!important}
.reader-context .mode-toggle{display:inline-flex!important}
.legacy-exact{display:none!important}

.hero-refined{display:block;max-width:1050px;border-bottom:0;padding-bottom:16px}
.hero-refined .hero-main{padding-inline:0;max-width:1000px}
.hero-refined .hero-name{max-width:22ch;font-size:clamp(40px,5.5vw,68px);line-height:1.5}
.hero-refined .hero-bio{max-width:78ch}
.home-search-block{max-width:860px;margin-top:24px}
.searchbox-hero{min-height:62px;border-radius:18px}
.searchbox-hero input{font-size:20px}
.resume-card{max-width:860px;margin:10px 0 28px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.resume-card[hidden]{display:none!important}.resume-card>div{display:grid;gap:2px}.resume-card b{font-family:var(--display-font);font-size:25px}.resume-card small{color:var(--muted)}
.home-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 44px}
.portal-card,.unified-card,.study-tool{border:1px solid var(--line);background:transparent;color:var(--ink);text-align:right;padding:22px;border-radius:16px;display:grid;gap:6px;transition:.16s ease}
.portal-card:hover,.unified-card:hover,.study-tool:hover{border-color:var(--line-dark);background:color-mix(in srgb,var(--paper-strong) 58%,transparent);transform:translateY(-1px)}
.portal-card .ui-icon,.unified-card .ui-icon,.study-tool .ui-icon{width:22px;height:22px;color:var(--accent);margin-bottom:12px;stroke-width:1.45}
.portal-card b,.unified-card b,.study-tool b{font-family:var(--display-font);font-size:26px}.portal-card span,.unified-card span,.study-tool span{color:var(--muted);font-size:13px;line-height:1.75}
.home-verse-section{max-width:860px}.home-verse-card{border-block:1px solid var(--line);padding:28px 4px;cursor:pointer}.home-verse-card .quote{font-family:var(--poem-font);font-size:clamp(28px,3vw,38px);line-height:2;text-align:center}.home-verse-card .quote-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-top:12px}

.search-mode{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg-soft);align-self:end}
.search-mode button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:7px 12px;min-height:34px}.search-mode button.active{background:var(--paper-strong);color:var(--accent);box-shadow:0 3px 15px rgba(0,0,0,.06)}

.indexes-refined{grid-template-columns:1fr!important;max-width:960px}.indexes-refined h2{max-width:none!important}
.unified-index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0 40px}
.unified-card{min-height:190px;align-content:start}.unified-card b{font-size:24px}
.study-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.study-tool{min-height:150px}
.method-note{max-width:840px;color:var(--muted);font-size:12px;line-height:1.9;border-top:1px solid var(--line);padding-top:14px}

.reader-context .topbar{border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
.reader-intro .intro-clean-note{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:7px}
body.verse-select-mode .verse{cursor:cell;background:color-mix(in srgb,var(--gold) 3%,transparent)}
body.verse-select-mode .verse:hover{background:color-mix(in srgb,var(--gold) 8%,transparent)}
#dockSelect.active{color:var(--accent)!important;border-color:var(--glass-border)!important;background:var(--glass-bg-hover)!important}
.verse:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}
.intro-appendix{padding:13px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper-soft) 52%,transparent)}.intro-appendix p{margin:0;line-height:1.95}.intro-appendix .eyebrow{margin-bottom:5px}
.citation-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}

.project-version{grid-column:1/-1}.provenance-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.provenance-badges span{border:1px solid var(--line);padding:5px 9px;border-radius:999px;color:var(--muted);font-size:11px}

.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}

@media (max-width:980px){
  .unified-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-card:last-child{grid-column:1/-1}.home-portals{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:720px){
  .hero-refined .hero-name{font-size:34px;line-height:1.64}.hero-refined .hero-bio{font-size:18px}
  .searchbox-hero{min-height:54px}.searchbox-hero input{font-size:17px}
  .home-portals{grid-template-columns:1fr;gap:8px;margin-bottom:34px}.portal-card{min-height:0;padding:16px;grid-template-columns:30px 1fr;column-gap:10px}.portal-card .ui-icon{grid-row:1/3;margin:4px 0 0}.portal-card b{font-size:23px}.portal-card span{grid-column:2}
  .resume-card{padding:13px 14px}.resume-card b{font-size:21px}.home-verse-card .quote{font-size:27px}.home-verse-card .quote-meta{display:grid;justify-content:center;text-align:center}
  .unified-index-grid,.study-tools-grid{grid-template-columns:1fr}.unified-card:last-child{grid-column:auto}.unified-card,.study-tool{min-height:0;padding:17px}.unified-card .ui-icon,.study-tool .ui-icon{margin-bottom:7px}.unified-card b,.study-tool b{font-size:23px}
  .search-mode{grid-column:1/-1;justify-self:stretch}.search-mode button{flex:1}
  .drawer,.reader-tool-drawer,.topbar,.mobile-nav,.library-toolbar,.searchbox,.settings-panel,.selection-bar{-webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important}
}
@media (max-width:430px){
  .reader-context .mode-toggle{padding:3px 6px!important}.reader-context .mode-toggle .mode-dot{display:none}.top-actions #randomTop{display:none}
}

/* v14 — atlas verification, lazy corpus, weighted relations */
.corpus-wait,.load-error{grid-column:1/-1;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;color:var(--muted);background:var(--glass-bg-soft)}.load-error{display:grid;gap:5px;margin:12px 0}.load-error b{color:var(--accent)}
body.corpus-loading::before{content:"يُحمَّل متن الديوان…";position:fixed;top:74px;left:50%;transform:translateX(-50%);z-index:180;padding:7px 13px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(16px);font-size:10px;color:var(--muted);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.atlas-country{fill:color-mix(in srgb,var(--paper-soft) 72%,transparent);stroke:color-mix(in srgb,var(--line-dark) 64%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.verified-map{background:radial-gradient(circle at 48% 45%,color-mix(in srgb,var(--accent) 3%,transparent),transparent 52%)}
.atlas-region-shape{cursor:pointer;outline:none}.atlas-region-shape ellipse{fill:color-mix(in srgb,var(--gold) 6%,transparent);stroke:color-mix(in srgb,var(--gold) 55%,transparent);stroke-width:1.2;stroke-dasharray:6 7;transition:.18s ease}.atlas-region-shape text{font-family:var(--display-font);font-size:21px;fill:var(--muted);pointer-events:none}.atlas-region-shape:hover ellipse,.atlas-region-shape.active ellipse{fill:color-mix(in srgb,var(--accent) 7%,transparent);stroke:var(--accent);stroke-dasharray:3 5}.atlas-region-shape.active text{fill:var(--accent)}
.atlas-river-group{cursor:pointer;outline:none}.atlas-river-group .atlas-river.verified{stroke:#758d9e;stroke-width:2.6;stroke-opacity:.66;stroke-dasharray:none;vector-effect:non-scaling-stroke}.atlas-river-group text{font-family:var(--ui-font);font-size:11px;fill:#647b8b;pointer-events:none}.atlas-river-group:hover .atlas-river,.atlas-river-group.active .atlas-river{stroke:var(--accent);stroke-width:4}.atlas-river-group.active text{fill:var(--accent);font-weight:700}
.atlas-node.historical circle:first-of-type{stroke-dasharray:3 3;stroke:var(--gold)}.atlas-node.valley circle:first-of-type{stroke:#788a68}.atlas-node.valley .atlas-halo{stroke:#788a68}.atlas-map-credit{padding:3px 8px 8px;font-size:9px;color:var(--muted);line-height:1.7}
.atlas-detail-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.atlas-certainty{font-size:9px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:999px;padding:4px 8px}.atlas-modern{margin:-3px 0 10px!important;color:var(--ink)!important;font-size:11px!important}.atlas-kpis-3{grid-template-columns:repeat(3,1fr)}.atlas-kpis-3>div{min-width:0}.atlas-kpis-3 b{font-size:24px}
.atlas-source-list{display:grid;gap:5px;margin:15px 0}.atlas-source-list>small{font-size:9px;color:var(--muted)}.atlas-source-list a{display:block;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);padding:6px 0;font-size:10px;color:var(--ink);text-decoration:none}.atlas-source-list a:hover{color:var(--accent)}.atlas-related button>span{display:grid;gap:1px}.atlas-related button em{font-style:normal;font-size:8px;color:var(--muted)}.atlas-related button b{font-size:9px;color:var(--accent);font-weight:600}.const-method-badge{margin:9px 0 12px;border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:11px;padding:7px 9px;font-size:9px;color:var(--muted)}
@media(max-width:700px){body.corpus-loading::before{top:12px}.atlas-kpis-3{grid-template-columns:1fr 1fr}.atlas-kpis-3>div:last-child{grid-column:1/-1}.atlas-region-shape text{font-size:17px}.atlas-map-credit{font-size:8px}.verified-map{min-height:340px}}

/* v15 — permanent entity profiles and research registry */
.profile-view{max-width:1180px;margin-inline:auto}.entity-profile{display:grid;gap:22px}.profile-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:28px 0 16px;border-bottom:1px solid var(--line)}.profile-hero h1{font:700 clamp(44px,6vw,78px)/1.15 var(--display);margin:6px 0}.profile-hero p{max-width:780px;color:var(--muted);font-size:18px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-kpis>div,.profile-panel{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 84%,transparent);border-radius:18px;padding:18px}.profile-kpis b{display:block;font-size:30px;font-family:var(--display)}.profile-kpis span{color:var(--muted);font-size:13px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-panel h3{margin:0 0 12px;font:700 23px var(--display)}.profile-status{display:grid;gap:6px;border-inline-start:3px solid var(--line);padding-inline-start:14px}.profile-status.mapped{border-color:var(--accent)}.profile-status.identified{border-color:#b79b63}.profile-status.unresolved{border-color:var(--muted)}.profile-status span,.profile-warning{color:var(--muted)}.profile-warning{padding:10px 12px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px}.evidence-list{display:grid;gap:10px}.evidence-list blockquote{margin:0;padding:14px 16px;border-inline-start:2px solid var(--accent);background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:12px}.evidence-list small{color:var(--muted)}.evidence-list p{margin:7px 0 0;line-height:1.9}.profile-relations,.word-rel-list{display:grid;gap:8px}.profile-relations button,.word-rel-list button,.phrase-sides button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;border:1px solid var(--line);background:transparent;border-radius:12px;padding:10px 12px;color:inherit}.profile-relations button span{display:grid}.profile-relations small{color:var(--muted);font-weight:400}.profile-sources{display:grid;gap:8px}.profile-sources a,.profile-sources span{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.profile-tags{display:flex;flex-wrap:wrap;gap:7px}.profile-tags span{padding:6px 10px;border:1px solid var(--line);border-radius:999px}.phrase-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phrase-sides>div{display:grid;gap:7px}.phrase-sides small{color:var(--muted)}.profile-bars{display:grid;gap:8px}.profile-bars>div{display:grid;grid-template-columns:minmax(80px,1fr) 3fr 38px;gap:8px;align-items:center}.profile-bars i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--accent) min(100%,calc(var(--v)*5%)),color-mix(in srgb,var(--line) 70%,transparent) 0)}.profile-bars b{text-align:left}.profile-empty{padding:80px 10px;text-align:center}.atlas-register-wrap{margin-top:28px}.atlas-register-wrap .subsection-head{align-items:end}.atlas-register-wrap input{max-width:310px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;padding:10px 12px}.atlas-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.atlas-register-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:'name status' 'name count';gap:4px 10px;text-align:right;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:12px;color:inherit}.atlas-register-item>span{grid-area:name;display:grid}.atlas-register-item small{color:var(--muted)}.atlas-register-item i{grid-area:count;font-style:normal;color:var(--muted);font-size:12px}.registry-status{grid-area:status;font-style:normal;font-size:11px;border-radius:999px;padding:3px 7px;align-self:start}.registry-status.mapped{background:color-mix(in srgb,var(--accent) 15%,transparent)}.registry-status.identified{background:rgba(183,155,99,.14)}.registry-status.unresolved{background:color-mix(in srgb,var(--muted) 12%,transparent)}@media(max-width:800px){.profile-hero{display:grid;align-items:start}.profile-kpis{grid-template-columns:1fr 1fr 1fr}.profile-kpis b{font-size:24px}.profile-columns{grid-template-columns:1fr}.atlas-register{grid-template-columns:1fr}.phrase-sides{grid-template-columns:1fr}.atlas-register-wrap .subsection-head{display:grid}.atlas-register-wrap input{max-width:none;width:100%}}


/* v17 — contextual geographic review */
.review-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.review-kpis>div{padding:14px 12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--paper) 88%,transparent);display:flex;flex-direction:column;gap:3px}.review-kpis b{font-size:1.45rem}.review-kpis span{font-size:.78rem;color:var(--muted)}.review-method{padding:13px 15px;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:12px;color:var(--muted);line-height:1.8}.review-section{margin-top:22px}.review-section summary{cursor:pointer;font-weight:700;padding:10px 0}.review-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;padding:4px 8px;border:1px solid var(--line);border-radius:999px;margin-inline-start:7px}.review-badge.confirmed{background:rgba(37,120,78,.09)}.review-badge.probable{background:rgba(178,128,25,.10)}.review-badge.generic{background:rgba(80,100,130,.09)}.review-badge.rejected{background:rgba(150,70,70,.08)}.context-card.review-rejected{opacity:.72}.context-card.review-generic{opacity:.82}.atlas-register-item i small{display:block;font-style:normal;color:var(--muted);font-size:.68rem;margin-top:3px}.profile-warning.reviewed{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent)}
@media(max-width:700px){.review-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.review-kpis>div{padding:11px}.review-method{font-size:.88rem}}

/* v17 — review-gated atlas */
.review-kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.review-badge.derived{background:rgba(105,76,140,.10)}
.review-badge.pending{background:rgba(120,120,120,.10);border-style:dashed}
.context-card.review-derived{opacity:.9}
.context-card.review-pending{opacity:.68;filter:saturate(.75)}
.pending-review{border-style:dashed!important}
.pending-section{border-style:dashed!important}
.sense-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sense-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--paper) 91%,transparent)}
.sense-card b,.sense-card span{display:block}.sense-card span{font-size:.78rem;color:var(--accent);margin:.35rem 0}.sense-card p{color:var(--muted);line-height:1.75;margin:0}
@media(max-width:760px){.review-kpis-6,.sense-groups{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.sense-groups{grid-template-columns:1fr}}

/* v18 — professional reader text modes, copying and source footnotes */
.reader-textbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 8px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.reader-textbar-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reader-textbar-label{font-size:11px;color:var(--muted);font-weight:700}.text-mode-segment{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line-dark);border-radius:13px;background:color-mix(in srgb,var(--paper-strong) 82%,transparent)}
.text-mode-segment button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:10px;font-family:inherit;font-size:12px;cursor:pointer}.text-mode-segment button.active{background:var(--ink);color:var(--paper);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.text-mode-status{font-size:10px;color:var(--muted);max-width:420px;line-height:1.6}.text-mode-status.enhanced{color:var(--accent)}.text-mode-status.loading{opacity:.75}.reader-textbar-actions{display:flex;gap:7px;flex-wrap:wrap}.reader-textbar-actions .btn{min-height:36px}
.poem-footnotes{margin:40px 0 28px;padding:28px 0 6px;border-top:1px solid var(--line-dark)}.poem-footnotes[hidden]{display:none}.footnotes-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.footnotes-head h2{font-family:var(--display-font);font-size:29px;margin:0 0 4px}.footnotes-head p{margin:0;color:var(--muted);font-size:12px}.footnotes-list{display:grid;gap:0;counter-reset:source-note}.footnote-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 64%,transparent);font-family:var(--poem-font);font-size:17px;line-height:1.9}.footnote-no{font-family:var(--display-font);font-size:14px;color:var(--accent);padding-top:4px;text-align:center}.footnote-text{min-width:0}.footnote-appendix{padding:15px 17px;margin-bottom:15px;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--paper-strong) 68%,transparent);border-radius:10px}.footnote-appendix small{display:block;color:var(--accent);margin-bottom:5px}.footnote-appendix p{margin:0;font-family:var(--poem-font);line-height:1.9}.footnotes-back{border:0;background:transparent;color:var(--accent);padding:6px 0;cursor:pointer}
body.verse-select-mode .verse{padding-inline-start:52px}.verse-select-mode .verse::before{content:'';position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-dark);background:var(--paper-strong);box-shadow:inset 0 0 0 4px var(--paper-strong)}.verse-select-mode .verse.selected::before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--paper-strong)}
.selection-bar button:disabled{opacity:.38;pointer-events:none}.copy-menu-note{color:var(--muted);font-size:12px;line-height:1.7;margin:-4px 0 13px}.copy-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.copy-menu-grid .menu-action{display:grid;gap:2px;text-align:right;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:transparent;color:var(--ink)}.copy-menu-grid .menu-action b{font-size:13px}.copy-menu-grid .menu-action small{font-size:10px;color:var(--muted);line-height:1.5}.copy-menu-grid .primary-copy{background:color-mix(in srgb,var(--accent) 7%,var(--paper-strong));border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}
@media(max-width:700px){.reader-textbar{align-items:stretch}.reader-textbar-main{width:100%;justify-content:space-between}.text-mode-segment{flex:1;max-width:230px}.text-mode-segment button{padding:7px 9px}.text-mode-status{width:100%;max-width:none}.reader-textbar-actions{width:100%}.reader-textbar-actions .btn{flex:1}.copy-menu-grid{grid-template-columns:1fr}.poem-footnotes{margin-top:30px}.footnotes-head{display:block}.footnotes-head .footnotes-back{margin-top:7px}.footnote-item{grid-template-columns:36px minmax(0,1fr);font-size:16px}}

/* v21 — layered local vocalization */
.vocalization-status.local-reviewed{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}
.vocal-progress{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass-bg-soft);font-size:11px;color:var(--muted)}
.vocal-progress b{color:var(--text)}
.vocal-progress-bar{height:5px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:7px}.vocal-progress-bar>i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.vocal-layer-note{font-size:10px;color:var(--muted);margin-top:7px}.vocal-layer-note strong{color:var(--text)}


/* v23 EXPERIMENT — additional, reversible presentation only */
.astrolabe-experiment{margin:24px auto 34px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(215px,.75fr);gap:28px;align-items:center;max-width:1060px;direction:rtl}
.astrolabe-frame{position:relative;width:min(100%,520px);aspect-ratio:1;margin:auto;isolation:isolate;min-width:0}
.astrolabe-frame:before{content:"";position:absolute;inset:3%;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--glass-border));border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 2%,transparent),inset 0 0 50px color-mix(in srgb,var(--accent) 5%,transparent)}
.astrolabe-frame:after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--gold) 38%,var(--glass-border));pointer-events:none}
.astro-ornament{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.63}
.astro-ornament circle,.astro-ornament path{stroke:color-mix(in srgb,var(--accent) 58%,var(--glass-border));stroke-width:.7;fill:none}.astro-ornament text{font-family:var(--display-font);fill:var(--accent);font-size:10px}
.astrolabe-center{position:absolute;inset:36% 36%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--glass-border));border-radius:50%;background:linear-gradient(145deg,var(--glass-bg-hover),var(--glass-bg-soft));box-shadow:0 15px 42px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px var(--glass-highlight);backdrop-filter:blur(14px);z-index:2;color:var(--ink)}
.astrolabe-center b{font-family:var(--display-font);font-size:clamp(19px,2.3vw,27px);line-height:1.25;color:var(--accent)}.astrolabe-center small{font-size:10px;color:var(--muted);letter-spacing:.015em}
.astro-node{position:absolute;width:clamp(80px,19%,102px);height:clamp(80px,19%,102px);border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow-soft),inset 0 1px var(--glass-highlight);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink);cursor:pointer;z-index:3;transition:background .2s,border-color .2s,box-shadow .2s,scale .2s;transform:translate(-50%,-50%);padding:6px}
.astro-node .ui-icon{width:21px;height:21px;color:var(--accent)}.astro-node b{font-family:var(--display-font);font-size:19px;line-height:1.15}.astro-node:hover,.astro-node:focus-visible,.astro-node.is-peek{background:var(--glass-bg-hover);border-color:var(--accent);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 16%,transparent);scale:1.05}.astro-node:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.astro-node[data-astro="qafiya"]{top:7%;left:50%}.astro-node[data-astro="meters"]{top:36%;left:91%}.astro-node[data-astro="openings"]{top:84%;left:76%}.astro-node[data-astro="lexicon"]{top:84%;left:24%}.astro-node[data-astro="entities"]{top:36%;left:9%}
.astro-side{padding:22px 24px;border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:22px;box-shadow:var(--glass-shadow-soft);min-height:218px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.astro-side .eyebrow{font-size:11px}.astro-side h3{font:700 31px/1.45 var(--display-font);margin:0;color:var(--accent)}.astro-side p{line-height:2;color:var(--muted);font-size:14px;margin:0}.astro-hint{font-size:11px;color:var(--muted)}
.astro-legacy-toggle{display:flex;justify-content:center;margin:0 0 22px}.astro-legacy-toggle summary{cursor:pointer;list-style:none;color:var(--accent);font-size:13px;padding:11px 17px;border:1px solid var(--glass-border);border-radius:100px;background:var(--glass-bg-soft)}.astro-legacy-toggle summary::-webkit-details-marker{display:none}.astro-legacy-toggle>.unified-index-grid{margin:18px 0 26px}.astro-legacy-toggle[open]{display:block}.astro-legacy-toggle[open] summary{width:max-content;margin:auto}
/* Quote studio: rendered preview and downloaded PNG share one canvas. */
#v23Studio[hidden]{display:none!important}
#v23Studio{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,30px);background:rgba(10,9,12,.84);backdrop-filter:blur(18px);overscroll-behavior:contain}
.v23-studio-shell{width:min(1120px,100%);height:min(93dvh,900px);background:var(--paper);color:var(--ink);border:1px solid var(--glass-border);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(250px,1fr) minmax(290px,.92fr);direction:rtl;box-shadow:0 28px 100px rgba(0,0,0,.42)}
.v23-studio-settings{overflow:auto;padding:22px 23px;scrollbar-width:thin}.v23-studio-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}.v23-studio-top h2{font:700 29px/1.3 var(--display-font);margin:3px 0 0}.v23-studio-top small{color:var(--muted)}.v23-studio-close{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg-soft);color:var(--ink);font-size:22px;cursor:pointer}
.v23-setting{display:grid;gap:9px;margin:17px 0}.v23-setting>label{font-size:12px;font-weight:700}.v23-setting select,.v23-setting input[type="range"]{width:100%;accent-color:var(--accent)}.v23-setting select{border:1px solid var(--line);border-radius:11px;background:var(--glass-bg-soft);color:var(--ink);padding:12px;font:inherit}.v23-formats,.v23-colors{display:flex;gap:8px;flex-wrap:wrap}.v23-choice{min-width:74px;flex:1;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg-soft);color:var(--ink);padding:10px 8px;cursor:pointer;font:inherit;font-size:12px}.v23-choice[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--glass-bg-soft));color:var(--accent);font-weight:700}.v23-color{width:42px;height:42px;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40;cursor:pointer}.v23-color[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:3px}
.v23-export{margin-top:16px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.v23-export button{border:0;border-radius:12px;background:var(--accent);color:#fff;padding:12px 19px;font:inherit;font-weight:700;cursor:pointer}.v23-export small{color:var(--muted);font-size:11px}
.v23-studio-preview{background:#151419;display:flex;flex-direction:column;gap:10px;min-height:0;padding:24px;align-items:center;justify-content:center}.v23-studio-preview canvas{display:block;max-width:100%;max-height:calc(93dvh - 100px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 50px #0007}.v23-preview-note{color:#e3dacf;font-size:11px;opacity:.9;text-align:center}
body.v23-studio-active{overflow:hidden}
/* Literary lens tabs: honest local analysis, no AI hallucinations. */
.v23-lens-tabs{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}.v23-lens-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.v23-lens-nav button{border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:11px;color:var(--ink);min-height:38px;cursor:pointer;font:inherit;font-size:12px}.v23-lens-nav button[aria-selected="true"]{color:var(--accent);border-color:var(--accent);background:var(--glass-bg-hover)}.v23-lens-panel{padding:15px;border:1px solid var(--line);border-radius:14px;line-height:1.95;font-size:13px}.v23-lens-panel b{color:var(--accent)}.v23-lens-panel p{margin:6px 0;color:var(--muted)}.v23-lens-panel .term-chips{margin-top:9px}
@media(max-width:760px){.astrolabe-experiment{grid-template-columns:1fr;gap:5px}.astrolabe-frame{max-width:370px}.astrolabe-center b{font-size:18px}.astro-node{width:76px;height:76px}.astro-node b{font-size:16px}.astro-node .ui-icon{width:18px;height:18px}.astro-side{min-height:unset;padding:15px 19px}.astro-side h3{font-size:26px}.v23-studio-shell{grid-template-columns:1fr;grid-template-rows:minmax(205px,45%) minmax(0,55%);height:min(96dvh,1000px)}.v23-studio-preview{grid-row:1;min-height:0;padding:13px}.v23-studio-preview canvas{max-height:calc(45dvh - 40px)}.v23-studio-settings{grid-row:2;padding:15px}.v23-studio-top{margin-bottom:8px}.v23-studio-top h2{font-size:23px}}
@media(max-width:390px){.astrolabe-frame{max-width:320px}.astro-node{width:67px;height:67px}.astro-node b{font-size:14px}.astro-node .ui-icon{width:16px;height:16px}.astrolabe-center{inset:35%}.astrolabe-center b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.astro-node{transition:none!important}#v23Studio{backdrop-filter:none}}


/* v23.1 — unmistakable, reversible editorial redesign of the experimental home. */
#homeView .v231-hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  align-items:center;gap:26px;min-height:610px;margin:0 0 26px;padding:clamp(25px,4.6vw,58px);
  border:1px solid #755347;border-radius:28px;overflow:hidden;
  background:radial-gradient(ellipse 52% 75% at 3% 12%,rgba(173,126,79,.18),transparent 78%),
             radial-gradient(circle at 86% 48%,rgba(148,87,95,.2),transparent 57%),
             linear-gradient(130deg,#392027 0%,#25171d 43%,#100f13 100%);
  box-shadow:0 30px 80px rgba(32,16,21,.21),inset 0 0 0 1px rgba(245,221,180,.1);
}
#homeView .v231-hero:before {content:'';position:absolute;inset:11px;border:1px solid rgba(224,187,128,.16);border-radius:19px;pointer-events:none}
#homeView .v231-hero:after {content:'';position:absolute;right:-160px;bottom:-260px;width:460px;height:460px;border:1px solid rgba(212,168,103,.13);border-radius:50%;pointer-events:none}
#homeView .v231-hero .hero-main{z-index:2;padding:0;max-width:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
#homeView .v231-hero .v231-kicker{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#e4c79b;font-size:12px;letter-spacing:.03em;font-weight:600}
#homeView .v231-kicker:before{content:'';width:34px;height:1px;background:#b49768}
#homeView .v231-hero .hero-eyebrow{color:#d8b78e;margin-bottom:12px;font-size:13px}
#homeView .v231-hero .hero-name{color:#fff5e9;font-family:var(--display-font);font-size:clamp(32px,3.65vw,52px);font-weight:700;line-height:1.46;max-width:24ch;margin:0 0 13px;text-wrap:balance}
#homeView .v231-hero .hero-bio{color:#d5c3b4;font-family:var(--poem-font);font-size:clamp(15px,1.55vw,19px);line-height:1.92;max-width:66ch;margin:0 0 20px}
#homeView .v231-hero .hero-count{color:#ddc5a5;font-size:12px;margin-top:13px}
#homeView .v231-hero .search-label{color:#e3c59e}
#homeView .v231-hero .home-search-block{width:100%;max-width:610px;margin-top:18px}
#homeView .v231-hero .searchbox-hero{background:rgba(248,236,218,.1);border:1px solid rgba(255,236,209,.3);border-radius:14px;box-shadow:none;color:#fff5e9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:58px}
#homeView .v231-hero .searchbox-hero:focus-within{border-color:#e6c590;box-shadow:0 0 0 3px rgba(230,197,144,.1)}
#homeView .v231-hero .searchbox-hero input{color:#fff5e9;background:transparent;font-size:16px}
#homeView .v231-hero .searchbox-hero input::placeholder{color:#d0b9af}
#homeView .v231-hero .searchbox-hero kbd{color:#d1bdae;border-color:rgba(255,255,255,.2)}
.v231-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.v231-hero-actions button{font:inherit;font-size:14px;font-weight:700;border-radius:100px;min-height:43px;padding:9px 21px;cursor:pointer;transition:.2s ease;display:flex;align-items:center;gap:8px}
.v231-hero-actions button:first-child{background:#e6c99a;color:#311b22;border:1px solid #f0dfbf;box-shadow:0 8px 25px rgba(3,1,1,.2)}
.v231-hero-actions button:last-child{background:rgba(255,255,255,.05);color:#f7e8d7;border:1px solid rgba(246,221,186,.33)}
.v231-hero-actions button:hover{transform:translateY(-2px)}
.v231-hero-art{position:relative;z-index:1;width:100%;max-width:430px;aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;filter:drop-shadow(0 18px 25px rgba(0,0,0,.22))}
.v231-hero-art .v231-ring{position:absolute;border:1px solid rgba(224,194,143,.45);border-radius:50%;inset:4%;box-shadow:inset 0 0 30px rgba(203,161,111,.06),0 0 0 9px rgba(195,146,106,.05)}
.v231-hero-art .v231-ring.r2{inset:13%;border-style:dashed;opacity:.7;box-shadow:none}
.v231-hero-art .v231-ring.r3{inset:27%;border:1px solid rgba(222,178,112,.65);box-shadow:inset 0 0 26px rgba(196,133,82,.12)}
.v231-hero-art .v231-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(223,191,139,.18),transparent);width:100%;height:1px;transform:rotate(45deg)}
.v231-hero-art .v231-axis.ax2{transform:rotate(-45deg)}
.v231-hero-art .v231-nucleus{z-index:1;display:flex;align-items:center;justify-content:center;width:31%;aspect-ratio:1;border-radius:50%;font-family:var(--display-font);font-size:clamp(50px,8vw,86px);color:#f3dab4;border:1px solid rgba(232,196,140,.46);background:radial-gradient(circle at 30% 20%,#643943 0%,#341e27 60%,#24151d 100%);box-shadow:0 0 0 12px rgba(242,194,147,.045),0 18px 30px rgba(0,0,0,.28)}
.v231-hero-art .v231-node{z-index:2;position:absolute;display:grid;place-items:center;min-width:70px;min-height:40px;padding:5px 10px;color:#f0d8b7;text-decoration:none;background:rgba(62,35,45,.93);border:1px solid rgba(221,176,116,.46);border-radius:50px;font-size:13px;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:background .2s,transform .2s}
.v231-hero-art .v231-node:hover,.v231-hero-art .v231-node:focus-visible{background:#79434f;color:#fff;transform:scale(1.07)}
.v231-hero-art .v231-node.n1{top:1%;left:50%;translate:-50% 0}
.v231-hero-art .v231-node.n2{top:28%;right:-4%}
.v231-hero-art .v231-node.n3{bottom:12%;right:5%}
.v231-hero-art .v231-node.n4{bottom:12%;left:5%}
.v231-hero-art .v231-node.n5{top:28%;left:-4%}
.v231-orbit-caption{position:absolute;bottom:0;color:#bca68b;font-size:11px}
.v231-feature-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 0 14px}
.v231-feature-title .eyebrow{margin:0;color:var(--accent)}
.v231-feature-title h2{margin:5px 0 0;font-family:var(--display-font);font-size:clamp(27px,3.1vw,39px);line-height:1.4}
.v231-feature-title p{color:var(--muted);font-size:13px;max-width:480px;line-height:1.8;margin:0}
.v231-experience-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:14px;margin-bottom:38px}
.v231-experience{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:25px 24px;border:1px solid var(--glass-border);background:var(--glass-bg-soft);border-radius:22px;color:var(--ink);cursor:pointer;text-align:right;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 12px 28px rgba(37,21,21,.045)}
.v231-experience:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 38px rgba(37,21,21,.08)}
.v231-experience:first-child{background:linear-gradient(145deg,rgba(121,44,61,.12),var(--glass-bg-soft))}
.v231-experience .v231-exp-number{font-size:13px;color:var(--accent);letter-spacing:.12em}
.v231-experience .ui-icon{width:26px;height:26px;color:var(--accent);margin:5px 0 1px}
.v231-experience b{font-family:var(--display-font);font-size:28px;line-height:1.3}
.v231-experience span:not(.v231-exp-number){font-size:13px;line-height:1.8;color:var(--muted)}
.v231-experience em{font:inherit;font-size:12px;color:var(--accent);margin-top:auto;padding-top:8px}
/* Showcase the existing real astrolabe more prominently, keeping the conventional index reachable. */
#indexesView .astrolabe-experiment{padding:26px 28px;border-radius:27px;border:1px solid var(--glass-border);background:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 65%),var(--glass-bg-soft);box-shadow:var(--glass-shadow-soft);max-width:none}
#indexesView .astrolabe-frame{max-width:560px}
#indexesView .astro-side{background:transparent;border:0;box-shadow:none}
#indexesView .indexes-refined h2{max-width:none}
@media(max-width:980px){#homeView .v231-hero{grid-template-columns:1fr minmax(205px,.7fr);gap:5px;min-height:510px;padding:30px}#homeView .v231-hero .hero-name{font-size:36px}.v231-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v231-experience{padding:19px}}
@media(max-width:720px){
 #homeView .v231-hero{grid-template-columns:1fr;min-height:0;gap:8px;margin:-4px -5px 24px;padding:27px 21px 32px;border-radius:22px}
 #homeView .v231-hero .v231-kicker{margin-bottom:14px}
 #homeView .v231-hero .hero-eyebrow{font-size:12px}
 #homeView .v231-hero .hero-name{font-size:clamp(26px,7vw,35px);line-height:1.45;margin-bottom:11px}
 #homeView .v231-hero .hero-bio{font-size:14px;line-height:1.88;margin-bottom:15px}
 #homeView .v231-hero .searchbox-hero{min-height:50px}
 #homeView .v231-hero .searchbox-hero input{font-size:15px}
 #homeView .v231-hero .home-search-block{margin-top:16px}
 .v231-hero-actions{gap:8px}.v231-hero-actions button{font-size:12px;padding:7px 14px;min-height:40px}
 .v231-hero-art{width:min(86%,320px);margin:18px auto 0;max-width:320px}
 .v231-hero-art .v231-nucleus{font-size:62px}
 .v231-hero-art .v231-node{font-size:11px;min-width:60px;padding:5px 8px}
 .v231-feature-title{display:block}.v231-feature-title p{margin-top:5px}
 .v231-experience-grid{grid-template-columns:1fr;gap:9px}
 .v231-experience{min-height:0;display:grid;grid-template-columns:36px 1fr;gap:3px 14px;padding:18px;border-radius:16px}
 .v231-experience .v231-exp-number{grid-column:1;grid-row:1;margin-top:4px}
 .v231-experience .ui-icon{grid-column:1;grid-row:2;max-width:23px}
 .v231-experience b{grid-column:2;grid-row:1;font-size:25px}
 .v231-experience span:not(.v231-exp-number){grid-column:2;grid-row:2}
 .v231-experience em{grid-column:2;grid-row:3;padding-top:5px}
 #indexesView .astrolabe-experiment{padding:20px 13px 12px;gap:4px}
}
@media(prefers-reduced-motion:reduce){.v231-experience,.v231-hero-actions button,.v231-hero-art .v231-node{transition:none!important}}



/* v23.2 — Quality pass: stable layers, legible mobile UI, accessible controls. */
[hidden]{display:none!important}
.drawer{z-index:172!important;overscroll-behavior:contain;will-change:transform}
.drawer-scrim{z-index:170!important}
.settings{z-index:182!important}
.overlay{z-index:184!important}
#v23Studio{z-index:200!important}
.drawer[aria-hidden="true"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.drawer-scrim[aria-hidden="true"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.ui-panel-open{overflow:hidden;overscroll-behavior:none}
.drawer:focus{outline:0}
.drawer-head button,.overlay-close,.v23-studio-close,.v231-hero-actions button,
.mobile-nav button,.v231-experience button,.astro-node{touch-action:manipulation}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.drawer-body{overscroll-behavior:contain}
.settings-panel,.overlay-card,.v23-studio-shell{overscroll-behavior:contain}
:where(.v231-hero-actions button,.astro-node,.mobile-nav button,.drawer-head button,.overlay-close){min-height:44px}
@media(max-width:800px){
  .drawer.reader-tool-drawer{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));
    max-height:min(79dvh,700px);border-radius:22px 22px 16px 16px;
    transform:translateY(calc(100% + 30px));
    -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}
  .drawer.reader-tool-drawer.open{transform:translateY(0)}
  .reader-tool-drawer .drawer-body{max-height:calc(min(79dvh,700px) - 56px);padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .drawer,.settings-panel,.overlay-card{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}
  .mobile-nav{padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;bottom:0!important;
    left:0!important;right:0!important;border-radius:18px 18px 0 0!important}
  .mobile-nav button{min-height:48px!important;font-size:12px}
  .main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  #homeView .v231-hero .hero-bio{font-size:clamp(15px,3.7vw,18px);line-height:1.95}
  #homeView .v231-hero .hero-name{font-size:clamp(28px,7.2vw,36px);line-height:1.53}
  #homeView .v231-hero .searchbox-hero input{font-size:16px}
  #homeView .v231-hero .v231-kicker{font-size:12px}
  #homeView .v231-hero .v231-hero-actions button{font-size:14px;min-height:44px}
  .v231-experience b{font-size:clamp(18px,4.5vw,23px)}
}
@media(max-width:370px){
 #homeView .v231-hero{padding:22px 18px 25px}
 #homeView .v231-hero .hero-name{font-size:27px;overflow-wrap:anywhere}
 .v231-hero-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(prefers-contrast:more){
 .v231-hero .hero-bio,.v231-hero .hero-name{color:#fff!important}
 .drawer,.glass-panel,.v231-experience{border-width:2px}
}


/* =========================================================
   23.4 — قارئ ديواني: قراءة الورق، أدوات زجاجية، وتحديد واضح
   ========================================================= */
#readerView{--reader-column:min(100%,860px)}
#readerView .reader-wrap{width:var(--reader-column)}
#readerView .reader-head{padding-bottom:24px}
#readerView .reader-head h1{font-size:clamp(36px,5vw,56px);line-height:1.65;letter-spacing:0}
#readerView .reader-kicker{font-size:13px;letter-spacing:0;line-height:1.8}
#readerView .reader-intro{max-width:76ch;margin:22px auto 5px;padding:18px 16px 16px;border-inline-start:2px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-top:0;border-radius:2px 12px 12px 2px;background:color-mix(in srgb,var(--paper-strong) 58%,transparent)}
#readerView .reader-intro p{font-size:clamp(17px,2vw,20px);line-height:2.05}
#readerView .reader-textbar{border-radius:18px;margin:22px 0 18px;padding:14px;gap:14px;border:1px solid var(--glass-border);background:var(--glass-bg-soft);box-shadow:var(--glass-shadow-soft)}
#readerView .reader-textbar-main{flex:1 1 335px;gap:7px 11px}
#readerView .reader-textbar-label{font-size:13px;color:var(--ink)}
#readerView .text-mode-segment{border-radius:11px}
#readerView .text-mode-segment button{min-height:39px;min-width:88px;font-size:13px}
#readerView .text-mode-status{font-size:12px;line-height:1.8;flex:1 1 100%}
#readerView .vocal-layer-note{flex:1 1 100%;font-size:11px;line-height:1.75;color:var(--muted)}
#readerView .reader-textbar-actions{flex:0 1 auto}
#readerView .reader-textbar-actions .btn{min-height:44px;font-size:13px}
#readerView .reader-floating{align-items:center;gap:13px;margin:18px 0}
#readerView .reader-floating button{min-height:42px;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);font-size:13px;margin:0;padding:6px 4px}
#readerView .reader-floating button[hidden]{display:none}
#readerView .reader-floating .ui-icon{width:15px;height:15px}
#readerView .poem-sheet{padding-top:17px}
#readerView .verse{padding:21px 44px 22px;scroll-margin-top:145px;border-bottom:1px solid color-mix(in srgb,var(--line) 48%,transparent)}
#readerView .verse:nth-child(5n):not(.selected){border-bottom-color:color-mix(in srgb,var(--gold) 47%,var(--line))}
#readerView .verse-body{gap:clamp(20px,4vw,56px);align-items:center}
#readerView .hemistich{font-size:clamp(23px,var(--poem-size),40px);line-height:1.95;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
#readerView .verse-no{right:0;min-width:34px;height:38px;font-size:12px}
#readerView .verse-lens-btn{opacity:1;border-radius:12px;min-width:36px;min-height:36px}
#readerView .verse:hover,#readerView .verse:focus-visible{background:color-mix(in srgb,var(--gold) 5%,transparent)!important}
#readerView .verse.selected{background:color-mix(in srgb,var(--accent) 11%,var(--paper-strong))!important;box-shadow:inset 3px 0 0 var(--accent)!important}
#readerView .verse:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:8px!important}
#readerView .verse:focus-visible .verse-no{color:var(--accent)}
body.verse-select-mode #readerView .verse{cursor:pointer}
.reader-progress{position:sticky;top:var(--reader-progress-top,58px);height:3px;z-index:50;background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:999px;overflow:hidden;max-width:100%;pointer-events:none}
.reader-progress span{display:block;width:0;height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}
#readerView .poem-footnotes{scroll-margin-top:112px;margin:52px 0 34px;padding:29px 0 16px;border-top:2px solid color-mix(in srgb,var(--gold) 44%,var(--line))}
#readerView .footnotes-head h2{font-size:clamp(27px,3vw,34px)}
#readerView .footnotes-head p{font-size:13px;line-height:1.9}
#readerView .footnote-item{grid-template-columns:52px minmax(0,1fr);font-size:clamp(17px,2vw,19px);line-height:2.1;padding:16px 0;align-items:baseline}
#readerView .footnote-no{font-size:16px;font-weight:700}
#readerView .footnotes-back{min-height:42px;font-size:13px}
#readerView .footnote-appendix{padding:19px 22px;line-height:2}
.selection-bar{border-radius:16px;scrollbar-width:thin;max-height:calc(100dvh - 18px)}
.selection-bar[hidden]{display:none!important}
.selection-bar button{min-width:44px;min-height:44px;border-radius:10px}
.selection-bar #selectedCount{font-size:16px;min-width:max-content;padding-inline:8px}
.selection-bar button:focus-visible,.text-mode-segment button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){
 #readerView .reader-head{padding-bottom:16px}
 #readerView .reader-head-main{display:grid;gap:9px}
 #readerView .reader-title-block{text-align:center}
 #readerView .reader-head h1{font-size:clamp(34px,8vw,47px);line-height:1.55}
 #readerView .reader-kicker{font-size:12px}
 #readerView .reader-quick{justify-content:center;padding:0}
 #readerView .reader-quick .btn{min-height:40px}
 #readerView .reader-textbar{margin:15px 0 12px;padding:12px}
 #readerView .reader-textbar-main{flex:1 1 100%}
 #readerView .reader-textbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 #readerView .reader-textbar-actions .btn{width:100%;min-height:44px;justify-content:center;padding-inline:8px}
 #readerView .reader-floating{justify-content:center;gap:8px}
 #readerView .verse{padding:19px 28px 20px;scroll-margin-top:130px}
 #readerView .verse-body{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 #readerView .verse-body::after{display:none}
 #readerView .hemistich{font-size:clamp(23px,var(--poem-size),34px);line-height:1.9;padding-inline:3px;text-align:center}
 #readerView .hemistich.ajuz{margin-top:0}
 #readerView .verse-no{right:0;top:7px;transform:none;font-size:11px;width:27px;min-width:27px}
 #readerView .verse-lens-btn{left:0;bottom:7px;top:auto;transform:none;min-width:30px;min-height:30px}
 #readerView .poem-footnotes{margin-top:34px;padding-top:20px}
 #readerView .footnote-item{grid-template-columns:37px minmax(0,1fr);gap:9px;padding:14px 0;font-size:17px}
 .reader-progress{top:59px}
 .selection-bar{bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100vw - 18px);max-width:520px;padding:8px 9px;gap:5px;justify-content:space-between;overflow-x:auto}
 .selection-bar button{min-width:39px;min-height:41px;padding:8px!important;flex:0 0 auto}
 .selection-bar #selectedCount{font-size:14px}
}
@media(max-width:390px){
 #readerView .hemistich{font-size:clamp(22px,var(--poem-size),31px)}
 #readerView .verse{padding-inline:20px}
 #readerView .reader-quick{gap:5px}
 #readerView .reader-quick .btn{font-size:11px;padding-inline:9px}
 #readerView .reader-textbar-actions .btn{font-size:11px}
 .selection-bar{gap:1px;padding:7px 5px}
 .selection-bar button{min-width:34px;padding:6px!important}
 .selection-bar #selectedCount{font-size:12px;padding-inline:3px}
}
@media(prefers-reduced-motion:reduce){.reader-progress span{transition:none}}

/* Small screens: two deliberate rows for the selection controls, never horizontal scrolling. */
@media(max-width:760px){
 .selection-bar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto auto;align-items:center;overflow:visible;row-gap:4px;padding:9px 8px}
 .selection-bar #selectedCount{grid-column:1/-1;text-align:center;justify-self:center;font-size:14px;line-height:1.5}
 .selection-bar button{min-width:0!important;width:100%;justify-self:center;display:flex;justify-content:center;align-items:center;margin:0!important;padding:8px 3px!important}
}

/* v23.5 — search, indexes and navigation refinement */
.v235-search-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.v235-share-search{min-height:42px;display:inline-flex;align-items:center;gap:8px;justify-content:center}
.v235-active-filters:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.v235-filter-chip{display:inline-flex;gap:7px;align-items:center;max-width:100%;border:1px solid var(--glass-border,#cdbbbb);border-radius:999px;padding:7px 12px;color:var(--ink);background:var(--glass-bg-soft,rgba(255,255,255,.12));font-size:13px;overflow-wrap:anywhere}
.v235-filter-chip small{color:var(--muted);font-size:11px}
.v235-no-results{text-align:center;padding:30px 18px}.v235-no-results p{color:var(--muted)}
.v235-index-finder{margin:24px 0 28px;padding:clamp(18px,3vw,30px);border-radius:22px}
.v235-index-heading{display:flex;gap:18px;align-items:end;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.v235-index-heading h3{margin:5px 0 0;font-size:clamp(20px,2.5vw,27px)}
.v235-index-search{flex:1 1 235px;max-width:340px}.v235-index-search input,.v235-entity-search input{width:100%;padding:12px 16px;border:1px solid var(--glass-border,#d6c5b5);border-radius:12px;background:var(--paper,#fff);color:var(--ink);font:inherit;min-height:46px}
.v235-index-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}
.v235-finder-entry{display:grid;position:relative;text-align:right;align-content:start;gap:5px;min-height:75px;padding:14px 35px 13px 12px;border:1px solid var(--glass-border,#d6c5b5);border-radius:13px;background:var(--glass-bg-soft,rgba(255,255,255,.08));color:var(--ink);cursor:pointer;transition:border-color .2s ease, background .2s ease}
.v235-finder-entry:hover,.v235-finder-entry:focus-visible{border-color:var(--accent);background:var(--glass-bg-hover,rgba(255,255,255,.2))}
.v235-finder-entry b{font-size:15px}.v235-finder-entry small{font-size:12px;color:var(--muted)}.v235-finder-entry .ui-icon{position:absolute;left:12px;top:19px;width:16px;height:16px}
.v235-index-empty{color:var(--muted);padding:6px 0}.v235-entity-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.v235-entity-search label{font-weight:700}.v235-entity-search input{max-width:360px;flex:1 1 180px}.v235-entity-search span{color:var(--muted);font-size:12px}
.v235-entity-disclaimer{font-size:12px;color:var(--muted);margin:7px 0 0}.v235-open-place{margin-right:10px}
@media(max-width:600px){.v235-search-summary{align-items:stretch}.v235-share-search{width:100%}.v235-index-finder{padding:17px 12px}.v235-index-results{grid-template-columns:repeat(2,minmax(0,1fr))}.v235-finder-entry{padding:12px 11px 13px;min-height:92px}.v235-finder-entry .ui-icon{display:none}.v235-index-search{max-width:none;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.v235-finder-entry{transition:none}}

/* v23.6 — refined quote studio: export typography, controls and pagination */
.v236-pages{display:flex;align-items:center;justify-content:center;gap:14px;color:#eae2d6;font-size:13px;direction:ltr}
.v236-pages[hidden]{display:none!important}
.v236-pages button{width:37px;height:37px;border-radius:50%;border:1px solid #ffffff45;background:#ffffff14;color:#f7eee0;font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer}
.v236-pages button:disabled{opacity:.25;cursor:default}
.v236-pages button:not(:disabled):hover{background:#ffffff30}
.v236-inline-toggle{display:flex!important;align-items:center;gap:11px;line-height:1.7;cursor:pointer}
.v236-inline-toggle input{accent-color:var(--accent);width:19px;height:19px;flex:none}
.v236-source-note{font-size:12px;color:var(--muted);line-height:1.85;margin:8px 0 3px}
.v23-export button:disabled{opacity:.6;cursor:wait}
.v23-studio-preview canvas{aspect-ratio:auto;max-height:calc(93dvh - 170px)}
.v23-studio-preview{gap:11px;background:radial-gradient(ellipse at 50% 25%,#312326 0%,#121013 68%)}
.v23-studio-preview canvas{box-shadow:0 20px 70px #000a;border:1px solid #ffffff0d}
.v23-studio-settings{padding-bottom:32px}
.v23-studio-top small{color:var(--accent)}
@media(max-width:760px){.v23-studio-shell{grid-template-rows:minmax(225px,49%) minmax(0,51%)}.v23-studio-preview{padding:12px 12px 9px;gap:8px}.v23-studio-preview canvas{max-height:calc(49dvh - 107px)}.v23-studio-preview .v23-preview-note{font-size:10px}.v236-pages button{width:33px;height:33px}.v23-studio-settings{padding:17px 16px 30px}}
@media(max-width:420px){.v23-studio-shell{height:min(97dvh,1000px)}.v23-studio-preview canvas{max-height:calc(48dvh - 105px)}.v23-studio-top h2{font-size:21px}}


/* ==============================================================
   v23.7 — accessibility & mobile performance polish
   ============================================================= */
.v237-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.v237-skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:4000;border:2px solid var(--gold);border-radius:10px;padding:9px 16px;background:var(--paper-strong);color:var(--ink);font-size:16px;min-height:44px}
.v237-skip:focus-visible{inset-block-start:calc(8px + env(safe-area-inset-top))}
:where(a,button,input,select,textarea,[role="link"],[role="button"],[tabindex="0"]):focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important}
#mainContent:focus{outline:none}
.poem-card[role="link"]{cursor:pointer}
#readerView .verse{scroll-margin-top:100px;scroll-margin-bottom:120px}
#readerView .footnotes{scroll-margin-top:95px}
@media (max-width:760px){
 .nav button,.iconbtn,.top-actions button{min-height:44px;min-width:44px}
 .mobile-nav button{min-height:48px!important}
 .v23-studio-close,.v236-pages button{min-width:44px;min-height:44px}
 .v231-kicker,.v231-experience small{letter-spacing:normal}
 .v23-studio-settings button{touch-action:manipulation}
 .glass-panel,.poem-card,.index-card,.mobile-nav,.topbar{-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important}
}
@media (max-width:360px){
 .topbar-inner{gap:7px;padding-inline:9px}
 .v23-studio-top{gap:7px}
 .reader-quick,.reader-textbar-actions{flex-wrap:wrap}
 .v23-studio-preview .v23-preview-note{font-size:11px;line-height:1.5}
}
@media (prefers-reduced-motion:reduce){
 html,body{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .astrolabe-orbit,.astro-node{animation:none!important}
}

/* v23.8 — Arabic mobile keyboard friendly, editable lexicon and research fields. */
.v238-lexicon-toolbar{display:flex;flex-direction:column;gap:13px}
.v238-lexicon-intro label{display:block;color:var(--ink);font-size:clamp(15px,1.8vw,19px);font-weight:700;margin-bottom:4px}
.v238-lexicon-intro p{margin:0;line-height:1.8;color:var(--muted);font-size:12px}
.v238-word-form{display:flex;align-items:stretch;gap:9px;width:100%;min-width:0}
.v238-word-form .searchbox{min-width:0;flex:1;display:flex;align-items:center;margin:0;box-shadow:none}
.v238-word-form input{width:100%;min-width:0;direction:rtl;text-align:right;font-size:clamp(17px,2.3vw,21px)!important;min-height:52px;caret-color:var(--accent);-webkit-user-select:text;user-select:text}
.v238-word-form button{flex:none;min-height:48px;white-space:nowrap}
.v238-input-status{color:var(--muted);font-size:12px;min-height:20px;line-height:1.7}
.v238-input-status[data-status="pending"]{color:var(--accent)}
.v238-examples-title{font-size:12px;color:var(--ink);font-weight:600}
.v238-examples-title span{font-size:11px;font-weight:400;color:var(--muted)}
.v238-lexicon-toolbar .lab-suggestions{margin-top:0}
.v238-lexicon-toolbar .lab-suggestions button{min-height:36px;padding-inline:13px}
.v238-tree-link{align-self:flex-start}
@media(max-width:660px){
 .v238-word-form{display:grid;grid-template-columns:1fr auto;gap:9px}
 .v238-word-form .searchbox{grid-column:1/-1}
 .v238-word-form .v238-submit{min-width:0}
 .v238-word-form .v238-clear{min-width:72px}
 .v238-word-form input{font-size:18px!important;min-height:58px}
 .v238-lexicon-toolbar{gap:11px;padding:15px}
 .v238-examples-title{margin-top:2px}
}

/* 23.9: numerical relationship scores retain reading order inside RTL cards. */
.numeric-score{direction:ltr;unicode-bidi:isolate;white-space:nowrap;display:inline-block;font-variant-numeric:tabular-nums}
/* Keep the poem-lens title reachable when long evidence is scrolled on phones. */
@media (max-width:640px){
 .reader-tool-drawer{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom))}
 .reader-tool-drawer .drawer-head{position:sticky;top:0;z-index:3;background:var(--paper-strong)}
 .reader-tool-drawer .drawer-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 164px - env(safe-area-inset-bottom))}
}

/* v23.11 — source-linked, non-destructive editorial notes */
.editorial-note-meta{font: 500 12px/1.9 system-ui,sans-serif;color:var(--muted);margin-top:8px;display:block;overflow-wrap:anywhere}
.editorial-note-meta a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.editorial-note-ok{color:var(--accent);font-weight:750}
.editorial-note-pending{opacity:.74}
.editorial-verse-link{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--accent);padding:3px 9px;font:inherit;cursor:pointer;min-height:32px}
.editorial-verse-link:hover,.editorial-verse-link:focus-visible{background:color-mix(in srgb,var(--accent) 10%,transparent);outline-offset:3px}
.editorial-correction{margin:12px 0 0!important;line-height:1.9;color:var(--accent);font-size:12px}

/* 23.12 — visible source-attribution for prefatory quotations */
.edition-quotation {border-inline-start:3px solid var(--accent);padding-inline-start:16px;}
.edition-quotation blockquote {font-family:var(--poem-font, serif);font-size:1.05rem;line-height:2;opacity:.92;margin:12px 0;}
.edition-quotation small {display:block;line-height:1.9;}
.edition-quotation a {color:var(--accent);text-underline-offset:3px;}


/* 23.13 - Editorial lexicon provenance and contextual notes */
.v2313-intro{margin:20px 0 14px;padding:16px 20px;border:1px solid var(--line,rgba(126,90,70,.22));border-radius:18px;background:var(--glass-bg,rgba(255,255,255,.65));}
.v2313-intro h3{font-size:1.13rem;margin:3px 0 9px}
.v2313-intro p,.v2313-intro small{color:var(--muted);line-height:1.85}
.v2313-headwords{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v2313-headwords button{border:1px solid var(--glass-border,rgba(126,90,70,.22));background:transparent;color:var(--ink);padding:7px 12px;border-radius:999px;font:inherit;cursor:pointer}
.v2313-headwords button:hover,.v2313-headwords button:focus-visible{border-color:var(--accent);color:var(--accent)}
.v2313-glossary{border:1px solid var(--glass-border,rgba(126,90,70,.22));background:var(--paper-strong,var(--paper,#faf4e9));color:var(--ink);border-radius:18px;padding:22px;margin:16px 0;}
.v2313-glossary h3{font-size:1.2rem;margin:5px 0 8px}.v2313-glossary p{line-height:1.9;margin:4px 0}
.v2313-sourceflag{font-size:.75rem;color:var(--accent);font-weight:700;letter-spacing:0}
.v2313-item{border-top:1px solid var(--glass-border,rgba(126,90,70,.22));padding:13px 0}.v2313-item:first-of-type{border-top:0}
.v2313-meaning{font-size:1.12em;line-height:1.95}
.v2313-citation{font-size:.82rem;color:var(--muted);line-height:1.7}
.v2313-verse{font-family:var(--poem-font,var(--display-font),serif);font-size:1.05rem;line-height:2.15;white-space:normal;}
.v2313-verse .sep{color:var(--accent);padding:0 .35em}
.v2313-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:9px}
.v2313-actions button{border:1px solid var(--glass-border,rgba(126,90,70,.22));border-radius:10px;background:transparent;color:var(--accent);font:inherit;padding:7px 12px;cursor:pointer}
.v2313-actions a{color:var(--accent);text-underline-offset:3px;font-size:.86rem}
.v2313-item details{font-size:.86rem;margin-top:7px;color:var(--muted)}.v2313-item summary{cursor:pointer;max-width:max-content}
.v2313-item details p{white-space:pre-wrap;line-height:1.9}
.v2313-lens{padding:14px;border-top:1px solid var(--glass-border,rgba(126,90,70,.22));margin-top:12px}
.v2313-lens ul{list-style:none;margin:8px 0;padding:0}.v2313-lens li{margin-bottom:12px;line-height:1.9}
@media(max-width:550px){.v2313-glossary{padding:16px}.v2313-intro{padding:14px}.v2313-verse{font-size:1rem}}


/* 23.14 — Source-grounded biography, scoped to avoid affecting poem layouts */
#bio-23-14{max-width:100%;margin-block:22px 12px}
#bio-23-14 .bio-header{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
#bio-23-14 .bio-header h3{font-family:var(--display-font);font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.55;margin:6px 0 10px}
#bio-23-14 .bio-header p{max-width:64ch;line-height:1.95;color:var(--muted)}
#bio-23-14 .bio-chapter-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}
#bio-23-14 .bio-chapter-nav button{display:inline-flex;padding:7px 13px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:var(--paper-soft)}
#bio-23-14 .bio-chapter-nav button:hover,#bio-23-14 .bio-chapter-nav button:focus-visible{border-color:var(--accent);color:var(--accent)}
#bio-23-14 .bio-subchapter{padding:16px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
#bio-23-14 .bio-subchapter h4{font-family:var(--display-font);font-size:1.38rem;margin:0 0 9px;color:var(--ink)}
#bio-23-14 .bio-subchapter p,#bio-23-14 .bio-biblio{line-height:2.08;font-size:1.05rem}
#bio-23-14 .bio-subchapter p{margin:8px 0 13px}
#bio-23-14 .bio-source{font-size:.83rem;text-decoration:underline;text-underline-offset:3px;color:var(--accent);white-space:normal}
#bio-23-14 .bio-criticism{margin:15px 0;padding:14px 18px;border-inline-start:3px solid var(--gold);background:var(--paper-soft);border-radius:8px}
#bio-23-14 .bio-criticism blockquote{font-family:var(--poem-font);font-size:clamp(1.1rem,2.3vw,1.42rem);line-height:1.9;margin:0 0 7px}
#bio-23-14 .bio-criticism div{line-height:1.9;color:var(--muted)}
#bio-23-14 .bio-method{color:var(--muted);border-inline-start:2px solid var(--line-dark);padding-inline-start:12px}
#bio-23-14 .bio-biblio{padding-inline-start:24px}
#bio-23-14 .bio-biblio li{margin:7px 0}
@media(max-width:600px){#bio-23-14 .bio-chapter-nav{gap:6px}#bio-23-14 .bio-chapter-nav button{font-size:.85rem;padding:7px 10px}#bio-23-14 .bio-subchapter p,#bio-23-14 .bio-biblio{font-size:1rem}#bio-23-14 .bio-criticism{padding:12px}}

/* 23.17 — editorial separation, not a new visual feature. */
#readerView .unresolved-footnote-notice{margin:28px 0 12px;padding:18px 22px;background:color-mix(in srgb,var(--paper-strong) 76%,transparent);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:12px}
#readerView .unresolved-footnote-notice b{font-size:15px;font-family:var(--display-font)}
#readerView .unresolved-footnote-notice p{font-size:13px;line-height:1.9;color:var(--muted);max-width:720px;margin:7px 0 12px}
.raw-notes-archive h3{font-family:var(--display-font);font-size:21px;margin:0 0 8px}
.raw-notes-archive>p{font-size:14px;line-height:1.85;color:var(--muted)}
.raw-notes-archive .footnote-item{font-size:15px;line-height:1.8}
@media(max-width:700px){#readerView .unresolved-footnote-notice{padding:15px}}

/* v23.40 — restrained literary footnotes, responsive RTL alignment */
#readerView .footnotes-list{display:flex;flex-direction:column;gap:0}
#readerView .footnote-item{display:flex;flex-direction:row;align-items:flex-start;gap:0.8rem;direction:rtl;padding:12px 0;break-inside:avoid}
#readerView .footnote-no{display:inline-flex;flex:0 0 2.3rem;align-items:center;justify-content:center;min-height:1.7rem;font-size:0.9rem;line-height:1.7;white-space:nowrap;font-variant-numeric:tabular-nums}
#readerView .footnote-text{flex:1;min-width:0;text-align:right;overflow-wrap:anywhere;line-height:1.95}
#readerView .reader-note-link{font:12px/1.8 var(--body-font,inherit);margin-top:5px;opacity:.78}
#readerView .footnotes-head p:empty{display:none}
@media(max-width:700px){#readerView .footnote-item{gap:.55rem;padding:11px 0}#readerView .footnote-no{flex-basis:2rem}#readerView .footnote-text{font-size:16px}}

/* v23.42 — stable footnote rhythm on narrow Android screens */
#readerView .footnote-item{position:relative;max-width:100%;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
#readerView .footnote-no{align-self:flex-start;position:static;letter-spacing:0;user-select:none}
#readerView .footnote-text{overflow-wrap:break-word;word-break:normal;hyphens:none;unicode-bidi:plaintext}
#readerView .footnotes-head{align-items:center;flex-wrap:wrap}
#readerView .editorial-verse-link{min-height:36px;cursor:pointer}
#readerView .editorial-verse-link:focus-visible,#readerView .footnotes-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:420px){#readerView .footnote-item{gap:8px;padding:12px 0}#readerView .footnote-no{flex:0 0 31px;font-size:13px}#readerView .footnote-text{font-size:16px;line-height:2}#readerView .footnotes-head h2{font-size:25px}}


/* v23.47: accessible superscript markers tied only to verified verse-level evidence */
#readerView .verse-note-marker{align-self:start;flex:0 0 auto;border:0;border-radius:5px;background:transparent;color:var(--accent);font:700 11px/1.2 var(--display-font);vertical-align:super;padding:3px 5px;cursor:pointer;min-width:23px;min-height:23px}
#readerView .verse-note-marker:hover,#readerView .verse-note-marker:focus-visible{background:var(--paper-strong);outline:2px solid var(--accent);outline-offset:2px}
#readerView .footnote-item:focus{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
@media(max-width:700px){#readerView .verse-note-marker{font-size:10px;min-width:26px;min-height:26px}}

/* v23.55 — thematic tree: responsive, accessible, poem-level verified index */
.theme-tree-layout{display:grid;grid-template-columns:minmax(260px,0.85fr) minmax(0,1.15fr);gap:1.2rem;align-items:start;margin-top:1.2rem}
.theme-tree-stage{padding:1.5rem;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.theme-tree-root{border:1px solid var(--gold,#a88b55);border-radius:999px;padding:1rem 1.5rem;text-align:center;font-weight:800;position:relative;background:var(--surface,#fffaf0);box-shadow:0 6px 25px #0000000a}
.theme-tree-root::after{content:'';display:block;height:32px;width:1px;background:var(--gold,#a88b55);position:absolute;top:100%;left:50%}
.theme-tree-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;margin-top:32px;border-top:1px solid var(--gold,#a88b55);padding-top:1.2rem}
.theme-tree-node{font:inherit;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;position:relative;cursor:pointer;border:1px solid #bca77977;border-radius:1.2rem;background:var(--surface,#fffaf0);color:inherit;padding:.8rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.theme-tree-node::before{content:'';position:absolute;bottom:100%;height:1.2rem;width:1px;background:var(--gold,#a88b55)}
.theme-tree-node:hover{transform:translateY(-2px);border-color:#a88b55}.theme-tree-node.is-active{border:2px solid #a88b55;box-shadow:0 0 0 3px #a88b5522}.theme-tree-node:focus-visible{outline:3px solid #b48b44;outline-offset:3px}
.theme-tree-name{font-weight:800}.theme-tree-count{font-size:.8rem;opacity:.75}.theme-tree-results{padding:1.1rem;min-height:430px}.theme-tree-heading{margin-bottom:1rem}.theme-tree-heading h3{margin:0 0 .3rem}.theme-tree-heading p{margin:0;opacity:.75}.theme-tree-results .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}.theme-tree-disclaimer{font-size:.82rem;opacity:.75;margin-top:1rem}
@media(max-width:780px){.theme-tree-layout{grid-template-columns:minmax(0,1fr)}.theme-tree-stage,.theme-tree-results{min-height:0;padding:1rem}.theme-tree-branches{gap:.65rem}.theme-tree-node{min-height:78px}.theme-tree-root{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.theme-tree-node{transition:none}.theme-tree-node:hover{transform:none}}
@media print{.theme-tree-stage{min-height:0}.theme-tree-node{break-inside:avoid}}

/* v23.56: prominent tree navigation */
.v2356-theme-entry{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;margin:1.1rem 0 1.6rem;border:1px solid #b79a6380;border-radius:1.15rem;text-decoration:none;color:inherit;background:linear-gradient(120deg,#aa8a3815,transparent 80%);box-shadow:0 4px 18px #0000000a;transition:border-color .15s ease,transform .15s ease}
.v2356-theme-entry:hover{border-color:#a58b55;transform:translateY(-2px)}.v2356-theme-entry:focus-visible{outline:3px solid #b48b44;outline-offset:3px}.v2356-theme-entry>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:.3rem;min-width:0}.v2356-theme-entry strong{font-size:1.1rem}.v2356-theme-entry small{font-size:.84rem;opacity:.76;line-height:1.6}.v2356-theme-icon{display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;border-radius:50%;border:1px solid #a58b5588;color:#987332;font-size:1.6rem}.v2356-index-entry{margin-top:1.3rem}
@media(max-width:600px){.v2356-theme-entry{padding:.8rem;gap:.65rem}.v2356-theme-icon{width:2.5rem;height:2.5rem}.v2356-theme-entry strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.v2356-theme-entry{transition:none}.v2356-theme-entry:hover{transform:none}}

/* v23.58: searchable, paginated theme tree */
.theme-tree-search-label{align-self:stretch;font-size:.85rem;font-weight:700;margin-top:1.3rem}.theme-tree-search{width:100%;max-width:28rem;min-height:44px;padding:.65rem 1rem;border-radius:.75rem;border:1px solid #bca77988;background:var(--surface,#fffaf0);color:inherit;font:inherit;margin-top:.35rem}.theme-tree-search:focus-visible{outline:3px solid #b48b44;outline-offset:2px}.theme-tree-branches{margin-top:1.2rem}.theme-tree-node[hidden]{display:none!important}.theme-tree-empty{font-size:.88rem;margin-top:1rem}.theme-tree-more{margin:1rem auto 0;display:block}.theme-tree-more[hidden]{display:none!important}

/* 23.63 — search evidence in the theme tree */
.theme-poem-result{min-width:0}.theme-match{margin:.15rem 0 1rem;padding:.7rem .9rem;border-inline-start:2px solid #a88b55;background:color-mix(in srgb,var(--surface,#fffaf0) 92%,#a88b55 8%);border-radius:.5rem}.theme-match-caption{display:block;font-size:.78rem;opacity:.78;margin:0 0 .35rem}.theme-match-verse{line-height:2;font-size:.96rem;overflow-wrap:anywhere}.theme-match-verse span{display:block}.theme-match-open{display:inline-block;margin-top:.45rem;padding:.35rem .6rem;min-height:40px;border:1px solid #a88b55;border-radius:.5rem;background:transparent;color:inherit;font:inherit;cursor:pointer}.theme-match-open:focus-visible{outline:3px solid #a88b55;outline-offset:2px}


/* ===== 02-layer.css — من المصدر ===== */
/* v23.43 — reading resilience and accessibility, without editing literary data */
#readerView{min-width:0;max-width:100%;overflow-wrap:break-word}
#readerView .footnote-item{direction:rtl;min-width:0;align-items:flex-start}
#readerView .footnote-text{min-width:0;flex:1;white-space:normal;overflow-wrap:break-word}
#readerView .footnote-no{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center}
#readerView :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--accent,#80623c);outline-offset:3px;border-radius:3px}
@media(max-width:600px){#readerView{padding-inline:clamp(10px,3vw,18px)}#readerView .footnote-item{display:flex;gap:10px}#readerView .footnote-text{font-size:clamp(15px,4vw,18px);line-height:2.05}}
@media(prefers-reduced-motion:reduce){#readerView *,#readerView *::before,#readerView *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{#readerView .footnote-item{break-inside:avoid}#readerView .footnote-text{color:#111!important}#readerView .footnote-no{color:#333!important}}


/* ===== 03-layer.css — من المصدر ===== */
#readerHead #dockSource,#readerHead #openSource,#readerHead #unresolvedNotesBtn,#readerDock #dockSource,#readerHead .edition-quotation,#readerHead .historical-review{display:none!important}

/* ===== 04-layer.css — من المصدر ===== */

/* 23.51 — verified-context word explanations inside verses; no editorial banners. */
#readerView .v2351-word-gloss{display:inline;appearance:none;border:0;border-bottom:1px dotted var(--accent);border-radius:0;background:transparent;padding:0 .025em;margin:0;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;text-decoration:none;cursor:help;white-space:inherit;-webkit-tap-highlight-color:transparent}
#readerView .v2351-word-gloss:hover{color:var(--accent);background:color-mix(in srgb,var(--gold) 9%,transparent)}
#readerView .v2351-word-gloss:focus-visible{outline:2px solid var(--accent);outline-offset:3px;background:var(--paper-strong)}
#verseLensBody .v2313-lens [data-v2351-gloss-key]:focus{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
/* The reader remains a literary diwan; provenance and audit records stay in project files. */
#verseLensBody #lensSource,#verseLensBody #lensCite,#verseLensBody [data-v23-tab="sources"]{display:none!important}
@media(max-width:700px){#readerView .v2351-word-gloss{padding-block:.08em;text-underline-offset:.15em}}


/* ===== 05-layer.css — من المصدر ===== */
/*23.52*/#readerView .v2351-word-gloss{overflow-wrap:anywhere;text-decoration-skip-ink:auto}@media(forced-colors:active){#readerView .v2351-word-gloss{border-bottom:2px dotted LinkText;color:LinkText}#readerView .v2351-word-gloss:focus-visible{outline:2px solid Highlight}}@media print{#readerView .v2351-word-gloss{border:0!important;text-decoration:none!important;color:inherit!important}}

/* ===== 06-layer.css — من المصدر ===== */

/* 23.60 — word-linked footnotes and accessible mobile note sheet */
#readerView .v2360-note-inline{display:inline;vertical-align:super;font:700 .62em/1 var(--display,serif);border:0;background:transparent;color:var(--accent);min-width:22px;min-height:24px;padding:0 .17em;margin-inline:.06em;cursor:pointer}
#readerView .v2360-note-inline:hover,#readerView .v2360-note-inline:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.v2360-note-backdrop{position:fixed;inset:0;z-index:2400;background:rgba(17,13,13,.55)}
.v2360-note-panel{position:fixed;z-index:2401;inset:auto 14px calc(14px + env(safe-area-inset-bottom)) 14px;margin-inline:auto;max-width:660px;max-height:min(72dvh,680px);overflow:auto;overscroll-behavior:contain;background:var(--surface,#fffaf0);color:var(--ink,#231a1b);border:1px solid var(--line,#d7c7ad);box-shadow:0 14px 50px rgba(0,0,0,.25);border-radius:18px;padding:19px 20px 23px;direction:rtl}
.v2360-note-backdrop[hidden],.v2360-note-panel[hidden]{display:none!important}
.v2360-note-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line,#d7c7ad);padding-bottom:10px}
.v2360-note-top b{font-size:1.02rem}.v2360-note-top button{border:1px solid var(--line,#d7c7ad);border-radius:50%;background:transparent;color:inherit;min-width:42px;min-height:42px;font-size:1.6rem;cursor:pointer}
#v2360NoteText{font-family:var(--text,serif);font-size:clamp(17px,4.2vw,21px);line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 19px}
#v2360NoteAll{border:1px solid var(--line,#d7c7ad);background:transparent;color:inherit;border-radius:10px;padding:10px 16px;font:inherit;min-height:44px;cursor:pointer}
.v2360-note-panel button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.v2360-note-panel{inset:auto 7px calc(7px + env(safe-area-inset-bottom)) 7px;padding:16px 17px 19px;max-height:74dvh;border-radius:16px}#readerView .v2360-note-inline{min-width:24px;min-height:27px}}
@media print{.v2360-note-panel,.v2360-note-backdrop{display:none!important}#readerView .v2360-note-inline{color:inherit}}


/* ===== 07-layer.css — من المصدر ===== */

/* v23.61: stronger visible, keyboard-accessible literary branching. */
.theme-tree-stage{position:relative;isolation:isolate;background-image:radial-gradient(circle at 50% 10%,rgba(173,137,76,.09),transparent 65%)}
.theme-tree-root{z-index:1;min-width:min(100%,230px);border-width:2px}
.theme-tree-branches{position:relative;border-top:2px solid #a88b5577}
.theme-tree-node{box-shadow:0 3px 10px #00000009;border-width:1.5px}
.theme-tree-node.is-active{background:color-mix(in srgb,var(--surface,#fffaf0) 87%,#d9b875 13%)}
.theme-tree-node:focus-visible{outline:3px solid #8c642e;outline-offset:3px}
.theme-tree-node[hidden]{display:none!important}
.theme-tree-empty:not([hidden]){display:block;text-align:center;padding:1rem;border:1px dashed #a88b55;border-radius:12px;width:100%}
@media(max-width:430px){.theme-tree-stage{padding:.75rem}.theme-tree-branches{gap:.5rem}.theme-tree-node{min-height:86px;padding:.6rem .35rem}.theme-tree-count{font-size:.72rem}}
@media(forced-colors:active){.theme-tree-node.is-active{outline:2px solid Highlight;outline-offset:1px}.theme-tree-branches,.theme-tree-root::after,.theme-tree-node::before{border-color:CanvasText;background:CanvasText}}


/* ===== 08-layer.css — من المصدر ===== */

/* v23.63: scoped, accessible theme-result filters */
.theme-results-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;align-items:end}.theme-results-filters label{display:grid;gap:.3rem;font-size:.85rem}.theme-results-filters select,.theme-results-filters input{width:100%;min-width:0;padding:.65rem;border:1px solid #a88b5580;border-radius:9px;background:var(--surface,#fffaf0);color:inherit;font:inherit}.theme-results-filters :is(select,input,button):focus-visible{outline:3px solid #8c642e;outline-offset:2px}.theme-results-empty:not([hidden]){padding:.8rem;border:1px dashed #a88b55;border-radius:9px;margin:.5rem 0}@media(max-width:520px){.theme-results-filters{grid-template-columns:1fr}}


/* ===== 09-layer.css — من المصدر ===== */

/* 23.64 A–D: conservative academic clarity and accessibility */
.note-provenance,.about-verification-status{font-size:14px;line-height:1.85;color:var(--muted);padding-block:10px}
.note-source-citation{display:block;margin-top:6px;color:var(--muted);font-size:12px}.note-source-citation a{text-decoration:underline;text-underline-offset:3px}
.note-integrity-note{padding:12px 16px;border-inline-start:3px solid var(--gold);background:var(--paper-soft);font-size:14px;line-height:1.9;margin:12px 0 17px}
.note-unlocated{display:block;margin-top:7px;color:var(--muted);font-size:13px}
.search-evidence{display:block;margin-top:8px;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:13px;line-height:1.6}
.storage-warning{position:fixed;inset:auto 14px 92px 14px;z-index:250;max-width:620px;margin-inline:auto;border:2px solid var(--accent);background:var(--paper-strong);color:var(--ink);padding:12px 17px;font-size:15px;line-height:1.8;box-shadow:var(--shadow)}
.reader-intro{margin-block:12px;padding:6px 0 12px;border-top:1px solid var(--line)}
.reader-intro summary{cursor:pointer;list-style:auto;font-family:var(--display-font);font-size:24px;color:var(--accent);line-height:1.6}
.reader-intro summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.reader-intro .reader-intro-hint{font-family:var(--ui-font);font-size:13px;color:var(--muted)}
.reader-intro p{margin-top:9px}
@media(max-width:800px){.reader-intro summary{font-size:21px}.note-integrity-note,.storage-warning{font-size:14px}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* =======================================================
   نمط تراثي مطفأ — قابل للرجوع: إزالة heritage-flat من <html>
   لا تغيّر ألوان الديوان الأساسية، ولا خط الشعر أو بنيته.
   ======================================================= */
html.heritage-flat {
  --glass-bg: var(--paper-strong);
  --glass-bg-soft: var(--paper);
  --glass-bg-hover: var(--paper-soft);
  --glass-border: var(--line);
  --glass-highlight: transparent;
  --glass-shadow: none;
  --glass-shadow-soft: none;
  --glass-filter: none;
  --glass-radius: 9px;
}
html.heritage-flat body {
  background: var(--bg);
  background-attachment: scroll;
}
html.heritage-flat .topbar,
html.heritage-flat .mobile-nav,
html.heritage-flat .searchbox,
html.heritage-flat .library-toolbar,
html.heritage-flat .hero-side,
html.heritage-flat .poem-card,
html.heritage-flat .hub-card,
html.heritage-flat .index-card,
html.heritage-flat .stat-panel,
html.heritage-flat .source-grid > div,
html.heritage-flat .about-stats > div,
html.heritage-flat .entity-hit,
html.heritage-flat .lab-card,
html.heritage-flat .lab-panel,
html.heritage-flat .glass,
html.heritage-flat .glass-panel,
html.heritage-flat .settings-panel,
html.heritage-flat .overlay-card,
html.heritage-flat .drawer,
html.heritage-flat .selection-bar,
html.heritage-flat .constraint select,
html.heritage-flat .btn,
html.heritage-flat .reader-floating button,
html.heritage-flat .reader-quick .btn {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
html.heritage-flat .poem-card,
html.heritage-flat .hub-card,
html.heritage-flat .index-card,
html.heritage-flat .lab-card,
html.heritage-flat .lab-panel,
html.heritage-flat .library-toolbar,
html.heritage-flat .hero-side {
  background: var(--paper-strong);
  border-color: var(--line) !important;
  border-radius: 9px;
}
html.heritage-flat .poem-card:hover,
html.heritage-flat .hub-card:hover,
html.heritage-flat .index-card:hover,
html.heritage-flat .lab-card:hover,
html.heritage-flat .entity-hit:hover {
  transform: none;
  background: var(--paper-soft);
  box-shadow: none !important;
}
html.heritage-flat .reader-wrap .poem-sheet,
html.heritage-flat .reader-wrap .verse {
  background: transparent !important;
}
html.heritage-flat .lab-card::after {
  opacity: .24;
}
html.heritage-flat .index-note,
html.heritage-flat .poem-card .meta,
html.heritage-flat .source-item small {
  line-height: 1.8;
}
html.heritage-flat :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
@media (prefers-reduced-motion:reduce) {
  html.heritage-flat *, html.heritage-flat *::before, html.heritage-flat *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* v23.65 — تنبيه تخزين مقتضب قابل للإغلاق، لا يحجب النص على الهاتف. */
.storage-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;
 position:fixed;inset:auto 14px calc(82px + env(safe-area-inset-bottom)) 14px;
 max-width:520px;margin-inline:auto;padding:9px 12px;border:1px solid var(--line-dark);
 border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);font-size:12px;
 line-height:1.65;background:var(--paper-strong);color:var(--ink)}
.storage-warning button{flex:0 0 auto;border:1px solid var(--line-dark);border-radius:7px;
 background:var(--paper);font-size:12px;padding:3px 9px;min-height:32px}
@media(min-width:801px){.storage-warning{bottom:18px}}




:root,:root[data-theme="light"]{--bg:#f6f6f1;--paper:#fff;--paper-strong:#fff;--paper-soft:#eceee4;--ink:#293d31;--muted:#798176;--line:#e2e6dc;--line-dark:#c8d0be;--accent:#56734a;--accent-deep:#2a4a37;--gold:#ae9560;--gold-soft:#ddd2ae;--shadow:0 8px 30px #283b2b08;--ui-font:"Noto Sans Arabic",sans-serif;--display-font:"Noto Naskh Arabic",serif;--poem-font:"Noto Naskh Arabic",serif;--sage:#e9eddc;--sidebar:244px}
:root[data-theme="dark"]{--bg:#15221c;--paper:#1c2b23;--paper-strong:#22362b;--paper-soft:#2a3a2e;--ink:#e9edde;--muted:#adb9a6;--line:#344638;--line-dark:#52664d;--accent:#b4ca96;--accent-deep:#c9d9b4;--gold:#c9b484;--gold-soft:#7c704e;--sage:#25392c;--shadow:0 8px 30px #0001}
*{box-sizing:border-box}html{scroll-padding-top:90px}html,body{overflow-x:clip;max-width:100%;width:100%}body{background:var(--bg)!important;color:var(--ink);font-family:var(--ui-font)!important;font-size:14px;line-height:1.8}button,input,select,textarea{font-family:var(--ui-font)}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}button{transition:background .18s,transform .18s,color .18s}a{transition:color .18s,background .18s}button:disabled{opacity:.45;cursor:default}.ui-icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.radi-sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);z-index:100;background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;padding:27px 21px 19px;overflow-y:auto}.radi-brand{text-align:center;display:flex;flex-direction:column;align-items:center;padding:4px 0 12px}.radi-brand .radi-brand-name{font-family:"Noto Naskh Arabic",serif;font-size:63px;font-weight:700;line-height:1.5;letter-spacing:-4px;color:var(--accent-deep)}.radi-brand>span:nth-child(2){font-size:10px;letter-spacing:1px;margin-top:-4px}.radi-brand small{font-family:"Noto Naskh Arabic",serif;font-size:16px;color:var(--muted);margin-top:4px}.sidebar-rule{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;margin:0 10px 27px}.sidebar-rule:before,.sidebar-rule:after{content:"";height:1px;background:var(--line);flex:1}.sidebar-label{font-size:10px;color:var(--muted);padding:0 15px;margin:0 0 10px}.radi-menu{display:flex;flex-direction:column;gap:7px}.radi-menu>a{display:flex;gap:13px;align-items:center;padding:11px 14px;min-height:45px;border-radius:8px;color:var(--muted);font-size:13px}.radi-menu>a:hover{background:var(--bg);color:var(--accent)}.radi-menu>a.active{background:var(--sage);color:var(--accent-deep);font-weight:600}.radi-menu>a.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);margin-inline-start:auto}.radi-menu small{margin-inline-start:auto;min-width:23px;text-align:center;line-height:23px;border:1px solid var(--line);border-radius:6px;font-size:10px}.radi-menu a.active small{display:none}.more-label{margin-top:29px}.radi-menu-small{gap:3px}.radi-menu-small>a{font-size:12px}.radi-menu-small .ui-icon{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding:50px 7px 0;text-align:center}.sidebar-verse{font-family:"Noto Naskh Arabic",serif;font-size:16px;color:var(--accent);line-height:1.9}.sidebar-bottom>span{display:block;font-size:10px;color:var(--muted);margin:8px 0 19px}.sidebar-bottom button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px;border:0;border-top:1px solid var(--line);background:none;padding:15px 0 0;font-size:9px;color:var(--muted)}kbd{font:10px sans-serif!important;direction:ltr;border:1px solid var(--line);border-radius:4px;background:var(--paper);padding:3px 5px;box-shadow:0 1px 0 var(--line)}
.topbar{margin-right:var(--sidebar)!important;position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 95%,transparent)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(16px)}.topbar-inner{width:100%!important;max-width:1460px!important;margin:auto;padding:17px 40px!important;display:flex!important;justify-content:space-between;align-items:center;gap:20px}.radi-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.breadcrumb-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.radi-top-left{display:flex;gap:18px;align-items:center}.radi-command{display:flex;align-items:center;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:7px;min-height:36px;padding:5px 10px;color:var(--muted);font-size:10px}.radi-command .ui-icon{width:15px;height:15px}.radi-command kbd{margin-right:24px;font-size:9px!important}.top-actions{display:flex;gap:4px!important;align-items:center}.iconbtn{padding:7px!important;border:0!important;width:32px;min-width:32px!important;min-height:32px!important;background:transparent!important;color:var(--muted)!important;border-radius:7px}.iconbtn:hover{background:var(--sage)!important;color:var(--accent)!important}.iconbtn .ui-icon{width:18px;height:18px}.mode-toggle{display:flex!important;align-items:center;gap:7px;min-height:31px;padding:3px 10px;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--paper)!important;color:var(--muted)!important;font-size:10px!important;margin-inline-start:5px}.mode-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.main{width:calc(100% - var(--sidebar))!important;max-width:none!important;margin:0 var(--sidebar) 0 0!important;padding:32px 40px 65px!important;min-height:80vh}.view{max-width:1320px!important;margin:0 auto!important}.view.active{animation:radiAppear .35s ease}@keyframes radiAppear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.radi-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.radi-overline{display:block;color:var(--muted);font-size:10px;letter-spacing:.15px;font-weight:400}.radi-welcome h2{font:400 25px/1.6 "Noto Naskh Arabic",serif;margin:3px 0 0}.radi-edition{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.radi-edition span{font-size:18px;color:var(--accent)}
.radi-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;min-height:368px;overflow:hidden;background:var(--sage);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:15px}.radi-hero-copy{padding:32px 38px 25px;position:relative;z-index:2}.radi-tag{font-size:10px;display:flex;align-items:center;gap:8px;color:var(--accent)}.radi-tag>span{height:5px;width:5px;display:block;border-radius:50%;background:var(--gold)}.radi-hero h1{font-family:"Noto Naskh Arabic",serif;font-size:clamp(44px,4.5vw,69px);font-weight:400;line-height:1.24;margin:23px 0 18px;letter-spacing:-1.6px;color:var(--ink)}.radi-hero h1 em{font-style:normal;color:var(--accent);position:relative}.radi-hero h1 em:after{content:"";position:absolute;bottom:-4px;right:0;width:100%;height:7px;border-top:1px solid var(--gold);border-radius:50%;transform:rotate(-6deg)}.radi-hero-copy>p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 25px}.radi-hero-actions{display:flex;align-items:center;gap:12px}.radi-primary,.radi-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;padding:10px 17px;font-size:11px;min-height:42px}.radi-primary{background:#35513a;border:1px solid #35513a;color:#fff}.radi-primary:hover{background:#223c2b;transform:translateY(-2px)}.radi-primary .ui-icon{width:17px;height:17px;transform:rotate(180deg)}.radi-secondary{border:1px solid #b9c2aa;background:transparent;color:var(--accent-deep)}.radi-secondary:hover{background:#fff4}.radi-secondary .ui-icon{width:19px;height:19px}.hero-count{margin:22px 0 0!important;font-size:9px!important;letter-spacing:.2px;color:var(--muted)!important;border:0!important;padding:0!important;display:block!important}.radi-hero-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:360px;background:radial-gradient(ellipse at center,#d4dcc369,transparent 68%)}.radi-hero-art img{position:relative;width:min(100%,365px);height:auto;opacity:.9;z-index:1;mix-blend-mode:multiply;animation:sealIn 1.3s ease}.art-orbit{position:absolute;width:515px;height:515px;border:1px solid #889c6925;border-radius:50%}.orbit-b{width:640px;height:640px}.art-word{position:absolute;font-family:"Noto Naskh Arabic",serif;font-size:17px;color:#6b7e5a;z-index:2;background:var(--sage);padding:0 8px;transform:rotate(-12deg)}.word-one{top:50px;right:37px}.word-two{bottom:82px;left:26px}.word-three{top:91px;left:19px}.art-caption{position:absolute;bottom:12px;color:#81906c;font-family:"Noto Naskh Arabic",serif;font-size:14px;letter-spacing:1px}@keyframes sealIn{from{opacity:0;transform:rotate(-15deg) scale(.92)}to{opacity:.9;transform:rotate(0) scale(1)}}
.radi-search-zone{margin:24px 0 27px}.radi-search-zone .searchbox{display:flex!important;align-items:center;border:1px solid var(--line)!important;background:var(--paper)!important;min-height:62px!important;padding:7px 10px 7px 20px!important;border-radius:10px!important;box-shadow:0 3px 10px #18382903;gap:14px}.radi-search-zone .searchbox>.ui-icon{color:var(--accent);width:20px;height:20px}.radi-search-zone input{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 0!important;font-size:12px!important;outline:none!important;flex:1;width:100%;height:40px!important;min-height:0!important}.radi-search-zone .searchbox button{background:var(--paper-soft);color:var(--accent-deep);border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;min-width:82px;gap:18px;font-size:11px;padding:9px 14px}.radi-search-zone .searchbox button:hover{background:var(--sage)}.radi-search-hints{display:flex;align-items:center;gap:14px;margin:11px 4px 0;font-size:10px}.radi-search-hints>span{color:var(--muted);font-size:9px}.radi-search-hints>button{border:0;background:none;color:var(--accent);font-size:10px;padding:0 1px}.radi-search-hints>button:hover{text-decoration:underline}
.radi-home-duo{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.radi-daily{border-radius:12px;background:#294b39;color:#f7f4e7;padding:17px 24px;position:relative;isolation:isolate;overflow:hidden;min-height:245px}.radi-daily:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #f9ffe318;border-radius:50%;left:-120px;top:-100px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03;z-index:-1}.radi-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#d6decb}.tiny-star{color:#d7c190;margin-left:7px;font-size:14px}.radi-card-heading button{border:1px solid #e1e9d92b;background:none;border-radius:50%;width:28px;height:28px;color:#e3ebd4;display:grid;place-items:center;padding:5px}.radi-card-heading .ui-icon{width:14px;height:14px}.radi-card-heading button:hover{background:#fff2}.radi-daily .home-verse-card{display:block!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:15px 0 0!important;text-align:center!important;min-height:0!important;position:relative}.radi-quote-mark{position:absolute;right:-4px;top:-5px;font-size:70px;line-height:1;font-family:Georgia,serif;opacity:.14}.radi-daily .quote{font:400 clamp(20px,2.1vw,29px)/1.9 "Noto Naskh Arabic",serif!important;color:#fffbed!important;margin:0 0 17px!important;padding:0!important}.radi-daily .quote-meta{font-size:9px!important;color:#bacbb5!important;display:flex!important;justify-content:space-between!important;align-items:center;gap:12px;border-top:1px solid #fff2;padding-top:12px!important}.radi-daily .quote-open{color:#dce7ce!important;font-size:9px!important}.radi-mood{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:22px 24px}.radi-mood>.radi-overline{font-size:9px}.radi-mood h2{font:400 25px/1.6 "Noto Naskh Arabic",serif;margin:4px 0}.radi-mood>p{font-size:10px;color:var(--muted);margin:0 0 15px}.radi-mood-options{display:flex;flex-wrap:wrap;gap:7px}.radi-mood-options button{display:flex;align-items:center;gap:9px;flex:1 0 auto;border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:var(--bg);font-size:10px;color:var(--ink);text-align:right}.radi-mood-options button:hover{border-color:var(--accent);background:var(--sage)}.radi-mood-options button>span:first-child{font-size:17px;line-height:1;color:var(--accent)}.radi-mood-options button>span:last-child{margin-right:auto;color:var(--muted)}.radi-mood>small{font-size:8px;color:var(--muted);display:block;margin-top:12px}
.radi-section{margin-top:37px}.radi-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.radi-section-head h2{font:400 28px/1.6 "Noto Naskh Arabic",serif;margin:2px 0 0}.radi-section-head>a{color:var(--accent);font-size:10px;white-space:nowrap;display:flex;gap:18px;align-items:center;padding-bottom:5px}.radi-section-head>a>span{font-size:17px}.radi-pathways{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.radi-pathway{display:block;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:19px 19px 22px;position:relative;transition:transform .2s,border-color .2s,background .2s}.radi-pathway:hover{transform:translateY(-4px);border-color:#b0bd9b;background:var(--sage)}.pathway-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.pathway-top .ui-icon{width:27px;height:27px;color:var(--accent);stroke-width:1.2}.pathway-top>span{font-size:10px;color:var(--muted)}.radi-pathway h3{font:400 22px/1.6 "Noto Naskh Arabic",serif;margin:0 0 4px}.radi-pathway p{font-size:9px;color:var(--muted);line-height:1.8;margin:0;max-width:85%}.pathway-arrow{position:absolute;bottom:19px;left:16px;color:var(--accent);font-size:16px}#homeView .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;background:none!important;border:0!important}#homeView .poem-card{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--paper)!important;padding:21px!important;min-height:220px!important;box-shadow:none!important;transition:transform .2s,border-color .2s}#homeView .poem-card:hover{transform:translateY(-3px);border-color:#b0bd9b!important}#homeView .poem-card h3{font:400 24px/1.6 "Noto Naskh Arabic",serif!important;color:var(--ink)}#homeView .chip{font-size:9px!important;background:var(--bg)!important;border:0!important;border-radius:4px;padding:2px 7px!important;margin:0!important}#homeView .meta{gap:5px}#homeView .preview-verse{font:400 18px/1.9 "Noto Naskh Arabic",serif!important;margin:15px 0!important}#homeView .card-foot{font-size:9px;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}#homeView .heart{color:var(--muted);background:transparent;border:0;padding:4px;width:25px;height:29px}#homeView .heart.on{color:var(--accent)}#homeView .heart .ui-icon{width:17px;height:17px}
.radi-studio-entry{display:flex;position:relative;align-items:center;overflow:hidden;gap:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper-soft);padding:25px 35px;margin:36px 0}.studio-mini-art{width:125px;height:150px;background:#294b39;border:6px solid #fff9;box-shadow:0 8px 14px #24382920;transform:rotate(7deg);color:#f5f0dc;text-align:center;display:flex;flex-direction:column;justify-content:center;font:400 28px/1.5 "Noto Naskh Arabic",serif;flex-shrink:0;z-index:1}.studio-mini-art>span{font:9px "Noto Naskh Arabic",serif;display:block;margin-top:12px;color:#cecea9}.radi-studio-entry h2{font:400 30px/1.6 "Noto Naskh Arabic",serif;margin:3px 0}.radi-studio-entry p{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 13px}.radi-studio-entry button{display:flex;align-items:center;gap:25px;font-size:11px;padding:0;color:var(--accent);border:0;background:none}.studio-star{position:absolute;width:200px;height:200px;left:30px;fill:var(--accent);opacity:.06;transform:rotate(10deg)}.resume-card{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--paper)!important;margin:0 0 25px!important;padding:15px 22px!important}.resume-card .eyebrow{font-size:9px!important;margin:0!important}.resume-card b{font-family:"Noto Naskh Arabic",serif!important;font-size:23px!important}.resume-card small{font-size:10px!important}.resume-card .btn{background:#35513a!important;border:0!important;border-radius:6px!important;color:#fff!important;font-size:11px!important}.footer{width:calc(100% - var(--sidebar))!important;max-width:none!important;margin:0 var(--sidebar) 0 0!important;padding:22px 40px!important;border-top:1px solid var(--line)!important;display:flex;align-items:center;gap:25px;justify-content:space-between;color:var(--muted);font-size:9px;background:var(--bg)}.footer-signature{font:700 30px "Noto Naskh Arabic",serif;color:var(--accent)}.footer>a:last-child{font-size:9px}.mobile-nav{display:none!important}
.radi-command-dialog{border:1px solid var(--line);padding:0;border-radius:15px;background:var(--paper);color:var(--ink);width:min(590px,calc(100vw - 30px));max-height:75vh;overflow:auto;margin:15vh auto auto;box-shadow:0 25px 100px #0004}.radi-command-dialog::backdrop{background:#11291c60;backdrop-filter:blur(5px)}.command-search{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.command-search>.ui-icon{color:var(--accent)}.command-search input{border:0;background:transparent;outline:0;flex:1;font-size:14px;width:100%;padding:6px 0}.command-search>button{font:10px sans-serif;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--muted);padding:5px}.command-result-note{font-size:10px;color:var(--muted);padding:14px 22px 6px}#radiCommandResults{padding:5px 12px 14px}.command-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border:0;border-radius:7px;background:transparent;width:100%;color:var(--ink);font-size:12px;text-align:right}.command-item>small{margin-right:auto;color:var(--muted);font-size:9px}.command-item:hover,.command-item.chosen{background:var(--sage)}.command-item .ui-icon{width:17px;height:17px;color:var(--accent)}.command-footer{display:flex;gap:20px;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;background:var(--bg)}body.reading-mode .radi-sidebar{display:none!important}body.reading-mode .main,body.reading-mode .footer{width:100%!important;margin:0!important}.reading-mode .main{padding-top:35px!important}
[data-theme="dark"] .radi-hero-art img{mix-blend-mode:normal;opacity:.8;filter:brightness(1.25)}[data-theme="dark"] .art-word{color:#b6c89c}[data-theme="dark"] .art-caption{color:var(--muted)}[data-theme="dark"] .radi-primary{background:#b7cd9b;color:#1c3222;border-color:#b7cd9b}[data-theme="dark"] .radi-secondary{color:var(--ink);border-color:var(--line-dark)}
@media(min-width:1700px){.main{padding-inline:70px!important}.topbar-inner{padding-inline:70px!important}.radi-hero{min-height:420px}.radi-hero-copy{padding:40px 50px}.radi-hero-art img{width:410px}.radi-hero h1{font-size:77px}.radi-home-duo{grid-template-columns:1.5fr 1fr}.radi-hero-copy>p{font-size:14px}}
@media(max-width:1200px){:root{--sidebar:218px}.radi-sidebar{padding-inline:15px}.main{padding:28px 26px 55px!important}.topbar-inner{padding:15px 26px!important}.radi-command{display:none}.radi-hero-copy{padding:27px 27px 24px}.radi-hero{grid-template-columns:1.1fr .95fr}.radi-hero h1{font-size:56px}.radi-hero-art img{width:330px}.radi-hero-art{min-height:330px}.art-word{font-size:14px}.word-one{right:8px}.word-three{left:4px}.word-two{left:4px}.radi-home-duo{grid-template-columns:1.4fr 1fr}.radi-pathway{padding:16px 14px 21px}.radi-pathway h3{font-size:21px}.radi-pathway p{font-size:8px}.radi-daily .quote{font-size:24px!important}.radi-studio-entry{gap:30px}}
@media(max-width:1000px){:root{--sidebar:190px}.radi-sidebar{padding:22px 12px}.radi-brand .radi-brand-name{font-size:55px}.radi-menu>a{font-size:12px;padding:10px 12px;gap:10px}.radi-menu-small>a{font-size:10px}.radi-welcome h2{font-size:23px}.radi-edition{display:none}.radi-hero h1{font-size:51px}.radi-hero-copy{padding:27px 24px}.radi-hero-copy>p{font-size:11px}.radi-primary,.radi-secondary{font-size:10px;padding:9px 12px;gap:10px}.radi-hero-art img{min-width:280px}.radi-home-duo{grid-template-columns:1fr}.radi-mood{padding:19px 22px}.radi-mood-options{flex-wrap:nowrap}.radi-mood h2{font-size:24px}.radi-daily{min-height:220px}.radi-pathways{grid-template-columns:repeat(2,1fr)}#homeView .grid{grid-template-columns:repeat(2,1fr)!important}#homeView .grid .poem-card:nth-child(3){display:none}.radi-studio-entry h2{font-size:26px}.studio-star{left:-80px}.radi-breadcrumb{font-size:10px}.sidebar-bottom{padding-top:30px}.sidebar-verse{font-size:14px}}
@media(max-width:760px){:root{--sidebar:0px}body{padding-bottom:72px!important}.radi-sidebar{display:none}.topbar{margin:0!important}.topbar-inner{padding:12px 18px!important;gap:10px}.radi-breadcrumb{font-family:"Noto Naskh Arabic",serif;font-size:23px;color:var(--accent-deep)}.radi-breadcrumb>span:last-child{font-size:0}.radi-breadcrumb>span:last-child:after{content:"الرَّضِي";font-size:26px;font-weight:700}.breadcrumb-dot{display:none}.radi-top-left{gap:0}.top-actions{gap:2px!important}.top-actions .mode-toggle{font-size:9px!important}.iconbtn{min-width:31px!important;width:31px}.main{width:100%!important;margin:0!important;padding:23px 19px 38px!important}.radi-welcome{margin-bottom:19px}.radi-welcome h2{font-size:24px}.radi-overline{font-size:9px}.radi-hero{grid-template-columns:1.12fr 1fr;min-height:330px;border-radius:12px}.radi-hero-copy{padding:27px 22px 24px}.radi-hero h1{font-size:54px;margin:20px 0 17px}.radi-tag{font-size:9px;white-space:nowrap}.radi-hero-copy>p{font-size:11px;line-height:1.9}.desktop-break{display:none}.radi-hero-art{min-height:310px;overflow:visible}.radi-hero-art img{width:290px;min-width:290px;max-width:none;opacity:.8}.art-word{display:none}.art-caption{font-size:12px;bottom:37px;white-space:nowrap}.hero-count{font-size:8px!important;white-space:nowrap;margin-top:19px!important}.radi-hero-actions{flex-wrap:wrap;gap:9px}.radi-primary,.radi-secondary{min-height:37px;font-size:10px;padding:8px 12px;gap:11px}.radi-search-zone{margin:18px 0 23px}.radi-search-zone .searchbox{min-height:57px!important;padding:6px 10px!important;gap:8px}.radi-search-zone input{font-size:10px!important}.radi-search-zone .searchbox button{font-size:10px;min-width:61px;padding:8px 10px;gap:10px}.radi-search-hints{gap:14px}.radi-daily{padding:17px 20px;min-height:220px}.radi-daily .quote{font-size:26px!important}.radi-home-duo{gap:15px}.radi-mood-options{gap:7px}.radi-mood-options button{font-size:10px;padding:8px 9px;gap:7px}.radi-section{margin-top:30px}.radi-section-head h2{font-size:26px}.radi-section-head>a{font-size:9px;gap:8px}.radi-pathways{gap:10px}.radi-pathway{padding:18px}.radi-pathway h3{font-size:23px}.radi-pathway p{font-size:9px}.pathway-top{margin-bottom:17px}#homeView .grid{grid-template-columns:1fr!important;gap:12px!important}#homeView .grid .poem-card:nth-child(3){display:block}#homeView .poem-card{padding:19px!important;min-height:0!important}#homeView .poem-card h3{font-size:26px!important}#homeView .preview-verse{font-size:21px!important}.radi-studio-entry{padding:23px;gap:25px;margin-block:29px}.studio-mini-art{width:89px;height:120px;font-size:23px;border-width:4px}.radi-studio-entry h2{font-size:25px;line-height:1.4;margin:8px 0}.radi-studio-entry p{font-size:9px}.radi-studio-entry button{font-size:10px;gap:12px}.radi-studio-entry .radi-overline{font-size:8px}.footer{width:100%!important;margin:0!important;padding:20px 20px 35px!important;gap:18px;flex-wrap:wrap;font-size:8px}.footer>a:last-child{font-size:8px}.footer-signature{font-size:27px}.mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;left:0!important;right:0!important;bottom:0!important;z-index:110!important;border:0!important;border-top:1px solid var(--line)!important;background:var(--paper)!important;border-radius:0!important;padding:7px 9px calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 -5px 30px #18382905!important}.mobile-nav button{display:flex!important;align-items:center;justify-content:center;gap:4px;flex-direction:column;min-height:43px!important;color:var(--muted)!important;background:none!important;border:0!important;font-size:9px!important;line-height:1.3!important;padding:0!important}.mobile-nav .ui-icon{width:19px;height:19px}.mobile-nav button.active{color:var(--accent)!important}.mobile-nav button.active:after{display:none!important}.mobile-nav button.active .ui-icon{stroke-width:2}.settings-panel{top:64px!important}.command-search{padding:14px}.command-search input{font-size:12px}.radi-command-dialog{margin-top:9vh}.command-footer{font-size:8px;gap:15px}.selection-bar{bottom:76px!important}.resume-card{padding:15px!important}.resume-card b{font-size:22px!important}}
@media(max-width:450px){.radi-hero{display:block;min-height:371px}.radi-hero-copy{width:100%;padding:27px 22px 24px}.radi-hero h1{font-size:57px;position:relative;z-index:2}.radi-hero-copy>p{max-width:215px}.radi-hero-art{position:absolute;left:-106px;top:32px;width:290px;min-height:290px;z-index:-1;opacity:.44}.radi-hero-art img{min-width:290px;width:290px}.art-caption{display:none}.radi-hero-copy{background:linear-gradient(to left,var(--sage) 25%,transparent 90%)}.radi-hero-actions{margin-top:23px}.radi-hero-copy>p{color:var(--ink);opacity:.7;font-size:11px}.hero-count{margin-top:22px!important}.radi-mood-options{flex-wrap:wrap}.radi-mood-options button{flex:1 1 45%;font-size:10px}.radi-mood-options button:last-child{flex-basis:100%}.radi-daily .quote{font-size:23px!important}.radi-section-head h2{font-size:25px}.radi-section-head>a{font-size:8px;gap:4px}.radi-section-head .radi-overline{font-size:8px}.radi-pathway{padding:16px 13px}.radi-pathway h3{font-size:22px}.radi-pathway p{font-size:8px}.radi-search-hints{gap:13px;font-size:9px}.radi-search-hints>span{font-size:8px}.radi-search-zone .searchbox>.ui-icon{width:17px;height:17px}.radi-studio-entry{gap:20px;padding:21px 18px}.radi-studio-entry h2{font-size:23px}.studio-mini-art{width:77px;height:113px;font-size:21px}.radi-daily .quote-meta{font-size:8px!important}.radi-daily .quote-open{font-size:8px!important}.radi-top-left .iconbtn{min-width:29px!important;width:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.radi-sidebar,.topbar,.footer,.mobile-nav,.reader-dock,.selection-bar,.reader-floating,.reader-quick,.poem-nav,.radi-command-dialog{display:none!important}.main{width:100%!important;margin:0!important;padding:0!important}.verse{break-inside:avoid}.poem-sheet{box-shadow:none!important;border:0!important}body{background:#fff!important;color:#111!important;padding:0!important}}



/* Al Radi — quiet study rooms, built around the poetry. */
.view:not(#homeView) { --room-radius:20px; }
.view:not(#homeView) .section-head { border:0; padding:0 0 20px; margin-bottom:20px; align-items:center; }
.view:not(#homeView) .section-head h2 { color:var(--ink); font-family:var(--display-font); font-size:clamp(34px,3.8vw,49px); font-weight:700; line-height:1.5; margin:0; }
.view:not(#homeView) .section-head p { font-size:13px; line-height:1.9; color:var(--muted); max-width:65ch; }
.view:not(#homeView) .eyebrow { font-size:11px; font-family:var(--ui-font); color:var(--accent); letter-spacing:0; margin-bottom:6px; }
.view:not(#homeView) .btn { min-height:42px; border-radius:10px; border:1px solid var(--line); background:var(--paper-strong); padding:9px 16px; font-size:12px; gap:7px; transition:background .18s,border-color .18s; }
.view:not(#homeView) .btn:hover { border-color:var(--accent); background:var(--paper-soft); color:var(--accent); }
.view:not(#homeView) .btn.primary { background:var(--accent); border-color:var(--accent); color:#fff; }
.view:not(#homeView) .grid { background:transparent; border:0; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.view:not(#homeView) .poem-card { border:1px solid var(--line); border-radius:16px; background:var(--paper-strong); padding:23px; min-height:225px; transition:border-color .2s,transform .2s,box-shadow .2s; overflow:hidden; }
.view:not(#homeView) .poem-card:hover { border-color:color-mix(in srgb,var(--accent) 60%,var(--line))!important; background:var(--paper-strong); transform:translateY(-3px); box-shadow:0 9px 25px #243c3108!important; }
.view:not(#homeView) .poem-card h3 { font-family:var(--display-font); font-size:25px; line-height:1.6; margin-bottom:9px; }
.view:not(#homeView) .meta { gap:6px; }
.view:not(#homeView) .chip { font-family:var(--ui-font); font-size:10px; color:var(--accent); background:var(--paper-soft); border:0; border-radius:5px; padding:3px 8px; margin:0; }
.view:not(#homeView) .heart { display:grid; place-items:center; border-radius:9px; min-width:34px; width:34px; height:34px; color:var(--muted); transition:background .2s; }
.view:not(#homeView) .heart:hover,.view:not(#homeView) .heart.on { background:var(--paper-soft); color:var(--accent); }
.view:not(#homeView) .heart .ui-icon { width:18px; height:18px; }
.view:not(#homeView) .preview-verse { margin-top:20px; font-size:21px; line-height:2; }
.view:not(#homeView) .card-foot { margin-top:20px; border-top:1px solid var(--line); padding-top:12px; font-size:10px; }
.view:not(#homeView) .empty { background:var(--paper); border:1px dashed var(--line); border-radius:16px; padding:64px 24px; font-size:14px; line-height:2; }
/* Search and the library */
.view:not(#homeView) .library-toolbar { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--paper-strong); }
.view:not(#homeView) .searchbox { border:1px solid var(--line); border-radius:10px; background:var(--bg); box-shadow:none; min-height:49px; }
.view:not(#homeView) .searchbox input { font:400 14px/1.7 var(--ui-font); min-height:46px; padding:10px 14px; }
.view:not(#homeView) .searchbox kbd { border:1px solid var(--line); background:var(--paper); border-radius:5px; font-size:11px; color:var(--muted); }
.view:not(#homeView) .constraints { grid-template-columns:auto 1.5fr 1fr 1fr; gap:13px; margin-top:18px; }
.view:not(#homeView) .constraint label { color:var(--muted); font-size:10px; margin-bottom:7px; }
.view:not(#homeView) .constraint select { border:1px solid var(--line); border-radius:9px; padding:7px 11px; background:var(--paper-strong); min-height:42px; font-size:12px; }
.view:not(#homeView) .search-mode { border:1px solid var(--line); background:var(--bg); padding:4px; border-radius:10px; }
.view:not(#homeView) .search-mode button { padding:6px 12px; min-height:32px; font-size:11px; border-radius:6px; }
.view:not(#homeView) .search-mode button.active { background:var(--accent); color:#fff; box-shadow:none; }
.view:not(#homeView) .clear-link { font-size:11px; }
.view:not(#homeView) .library-summary { margin:23px 2px 17px; }
.view:not(#homeView) .count { font-size:12px; }
.view:not(#homeView) .v235-share-search { font-size:10px; padding:7px 11px; min-height:34px; }
.view:not(#homeView) .v235-active-filters { margin-bottom:15px; gap:7px; }
.view:not(#homeView) .v235-active-filters button { border-radius:8px; background:var(--paper-soft); border-color:var(--line); font-size:11px; }
.view:not(#homeView) .loadmore { margin:27px auto 0; min-width:140px; }
/* Discovery */
.view:not(#homeView) .indexes-hero { padding:0 0 27px; border:0; }
.view:not(#homeView) .indexes-hero h2 { font:700 clamp(32px,3.5vw,46px)/1.6 var(--display-font); margin:0 0 8px; }
.view:not(#homeView) .indexes-hero p { font-size:13px; line-height:2; max-width:70ch; }
#indexesView .astrolabe-experiment { border:1px solid var(--line); border-radius:22px; padding:30px; background:radial-gradient(circle at 32% 48%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%),var(--paper-strong); box-shadow:none; grid-template-columns:minmax(0,1.25fr) minmax(220px,.7fr); gap:25px; }
#indexesView .astro-ornament { color:var(--gold); opacity:.55; }
#indexesView .astrolabe-center { background:var(--paper-soft); border-color:var(--line); }
#indexesView .astrolabe-center b { font-family:var(--display-font); color:var(--ink); }
#indexesView .astro-node { border:1px solid var(--line); background:var(--paper-strong); box-shadow:0 4px 18px #243c3107; border-radius:18px; width:92px; height:92px; }
#indexesView .astro-node:hover,#indexesView .astro-node:focus-visible { background:var(--accent); color:#fff; border-color:var(--accent); }
#indexesView .astro-node b { font-family:var(--display-font); font-size:19px; }
#indexesView .astro-node:hover .ui-icon { color:#fff; }
#indexesView .astro-side { padding:12px; border:0; background:transparent; }
#indexesView .astro-side h3 { font-size:32px; font-family:var(--display-font); }
#indexesView .astro-side p { font-size:13px; line-height:2; }
#indexesView .astro-hint { font-size:10px; line-height:1.9; }
.view:not(#homeView) .v2356-theme-entry { margin:20px 0; padding:20px 23px; border:1px solid var(--line); border-radius:15px; background:var(--paper-strong); }
.view:not(#homeView) .v2356-theme-entry strong { font:700 25px/1.6 var(--display-font); }
.view:not(#homeView) .v2356-theme-entry small { font-size:11px; line-height:1.8; }
.view:not(#homeView) .v2356-theme-icon { color:var(--accent); background:var(--paper-soft); border:0; border-radius:12px; }
.view:not(#homeView) .astro-legacy-toggle { border-color:var(--line); border-radius:13px; margin:20px 0; }
.view:not(#homeView) .astro-legacy-toggle summary { font-size:12px; padding:15px; }
.view:not(#homeView) .unified-index-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:10px 15px 20px; }
.view:not(#homeView) .unified-card,.view:not(#homeView) .study-tool { background:var(--paper-strong); border-color:var(--line); padding:23px; border-radius:16px; }
.view:not(#homeView) .unified-card b,.view:not(#homeView) .study-tool b { font-size:24px; }
.view:not(#homeView) .unified-card span,.view:not(#homeView) .study-tool span { font-size:11px; line-height:1.9; }
.view:not(#homeView) .unified-card:hover,.view:not(#homeView) .study-tool:hover { border-color:var(--accent); background:var(--paper-soft); }
.view:not(#homeView) .unified-card .ui-icon,.view:not(#homeView) .study-tool .ui-icon { width:25px; height:25px; padding:0; margin-bottom:16px; color:var(--accent); }
.view:not(#homeView) .study-tools-grid { gap:14px; margin-top:18px; }
.view:not(#homeView) .subsection-head h3 { font:700 29px/1.6 var(--display-font); }
.view:not(#homeView) .subsection-head p { font-size:12px; color:var(--muted); }
.view:not(#homeView) .v235-index-finder { padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--paper-strong); margin:25px 0; }
.view:not(#homeView) .v235-index-results { gap:9px; }
.view:not(#homeView) .v235-index-result { border-radius:10px; border-color:var(--line); background:var(--bg); }
.view:not(#homeView) .index-grid,.view:not(#homeView) .index-hub { border:0; gap:13px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.view:not(#homeView) .index-card,.view:not(#homeView) .hub-card { border:1px solid var(--line); border-radius:14px; background:var(--paper-strong); padding:22px; min-height:110px; }
.view:not(#homeView) .index-card b,.view:not(#homeView) .hub-card b { font-family:var(--display-font); font-size:27px; }
.view:not(#homeView) .index-card:hover,.view:not(#homeView) .hub-card:hover { background:var(--paper-soft); border-color:var(--accent)!important; }
/* Theme tree and word labs */
.view:not(#homeView) .theme-tree-layout { grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr); gap:20px; }
.view:not(#homeView) .theme-tree-stage,.view:not(#homeView) .theme-tree-results { border:1px solid var(--line); background:var(--paper-strong); border-radius:18px; padding:23px; }
.view:not(#homeView) .theme-tree-root { border-color:var(--accent); background:var(--paper-soft); box-shadow:none; font-family:var(--display-font); font-size:24px; padding:12px 24px; }
.view:not(#homeView) .theme-tree-root::after,.view:not(#homeView) .theme-tree-node::before { background:var(--line); }
.view:not(#homeView) .theme-tree-branches { border-color:var(--line); gap:10px; }
.view:not(#homeView) .theme-tree-node { border:1px solid var(--line); background:var(--paper); border-radius:12px; box-shadow:none; min-height:80px; }
.view:not(#homeView) .theme-tree-node.is-active { border-color:var(--accent); background:var(--paper-soft); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent); }
.view:not(#homeView) .theme-tree-name { font-size:15px; }
.view:not(#homeView) .theme-tree-count { font-size:10px; }
.view:not(#homeView) .theme-tree-results .grid { grid-template-columns:1fr; gap:12px; }
.view:not(#homeView) .theme-tree-results .poem-card { padding:18px; min-height:0; }
.view:not(#homeView) .theme-tree-results .preview-verse { font-size:20px; }
.view:not(#homeView) .theme-tree-heading h3 { font:700 27px/1.7 var(--display-font); }
.view:not(#homeView) .theme-tree-heading p { font-size:11px; color:var(--muted); }
.view:not(#homeView) .theme-results-filters { border-color:var(--line); background:var(--bg); border-radius:12px; padding:13px; }
.view:not(#homeView) .theme-results-filters input,.view:not(#homeView) .theme-results-filters select,.view:not(#homeView) .theme-tree-search { border:1px solid var(--line); border-radius:9px; background:var(--paper); font-size:12px; }
.view:not(#homeView) .theme-tree-disclaimer { font-size:11px; line-height:2; }
.view:not(#homeView) .lab-toolbar,.view:not(#homeView) .constellation-toolbar,.view:not(#homeView) .opening-controls,.view:not(#homeView) .compare-controls,.view:not(#homeView) .observatory-controls { padding:22px; border:1px solid var(--line); border-radius:17px; background:var(--paper-strong); }
.view:not(#homeView) .lab-panel,.view:not(#homeView) .lab-card,.view:not(#homeView) .lexicon-hero,.view:not(#homeView) .context-card,.view:not(#homeView) .entity-hit,.view:not(#homeView) .opening-card,.view:not(#homeView) .opening-feature,.view:not(#homeView) .constellation-detail { border:1px solid var(--line); border-radius:17px; background:var(--paper-strong); box-shadow:none; }
.view:not(#homeView) .lab-kpis b { color:var(--accent); font-family:var(--display-font); }
.view:not(#homeView) .lab-panel h3 { font:700 25px/1.7 var(--display-font); }
.view:not(#homeView) .lab-suggestions button,.view:not(#homeView) .constellation-suggestions button,.view:not(#homeView) .word-pill,.view:not(#homeView) .entity-pill { border:1px solid var(--line); border-radius:8px; background:var(--paper); font-size:12px; padding:8px 12px; }
.view:not(#homeView) .lab-suggestions button:hover,.view:not(#homeView) .word-pill.active,.view:not(#homeView) .entity-pill.active { background:var(--paper-soft); color:var(--accent); border-color:var(--accent); }
.view:not(#homeView) .word-cloud,.view:not(#homeView) .entity-list { gap:8px; border:0; }
.view:not(#homeView) .entity-contexts { border:0; gap:12px; }
.view:not(#homeView) .v2313-intro { background:var(--paper-strong); border:1px solid var(--line); border-radius:16px; padding:22px; }
.view:not(#homeView) .context-card { padding:20px; }
.view:not(#homeView) .context-card span { font-size:21px; line-height:2; }
.view:not(#homeView) .context-card small { font-size:11px; }
.view:not(#homeView) .atlas-stage,.view:not(#homeView) .rhyme-stage,.view:not(#homeView) .constellation-stage { background:var(--paper-strong); border:1px solid var(--line); border-radius:22px; box-shadow:none; overflow:hidden; }
.view:not(#homeView) .atlas-side .glass-panel,.view:not(#homeView) .rhyme-side { background:var(--paper-strong); border:1px solid var(--line); border-radius:17px; }
.view:not(#homeView) .opening-controls select,.view:not(#homeView) .observatory-controls input,.view:not(#homeView) .observatory-controls select,.view:not(#homeView) .compare-controls select { border:1px solid var(--line); background:var(--paper); border-radius:9px; font-size:12px; }
.view:not(#homeView) .opening-grid { gap:15px; }
.view:not(#homeView) .opening-card blockquote { font-size:22px; }
.view:not(#homeView) .opening-letters { gap:7px; padding-block:18px; }
.view:not(#homeView) .opening-letters button { border-color:var(--line); background:var(--paper); min-width:37px; min-height:37px; border-radius:9px; }
.view:not(#homeView) .opening-letters button.active { background:var(--accent); color:#fff; border-color:var(--accent); }
.view:not(#homeView) .matla-row { padding:18px 14px; border-color:var(--line); border-radius:10px; }
.view:not(#homeView) .matla-row:hover { background:var(--paper); }
.view:not(#homeView) .stat-panel { border:1px solid var(--line); border-radius:17px; background:var(--paper-strong); padding:25px; }
.view:not(#homeView) .stats-page { border:0; gap:16px; }
.view:not(#homeView) .bar-track { height:7px; border-radius:5px; background:var(--paper-soft); }
.view:not(#homeView) .bar-fill { border-radius:5px; }
/* A spacious reading room */
#readerView .reader-wrap { width:min(100%,940px); }
#readerView .reader-head { padding:12px 0 24px; border-bottom:0; }
#readerView .back { font-size:12px; padding:0 0 25px; display:inline-flex; align-items:center; gap:7px; }
#readerView .reader-kicker { font-family:var(--ui-font); font-size:11px; color:var(--accent); margin-bottom:7px; }
#readerView .reader-head h1 { font:700 clamp(36px,4vw,54px)/1.55 var(--display-font); }
#readerView .reader-quick { padding-top:12px; gap:8px; }
#readerView .reader-quick .btn { border-radius:10px; min-height:39px; font-size:11px; }
#readerView .reader-intro { background:var(--paper-strong); border:1px solid var(--line); border-inline-start:3px solid var(--accent); border-radius:13px; padding:19px 22px; margin-top:22px; }
#readerView .reader-intro h3 { font-size:25px; }
#readerView .reader-intro p { font-family:var(--poem-font); font-size:19px; line-height:2.05; }
#readerView .poem-details summary { font-size:11px; }
#readerView .reader-textbar { background:var(--paper-strong); border:1px solid var(--line); border-radius:14px; padding:15px 18px; box-shadow:none; }
#readerView .reader-textbar-label { font-size:11px; }
#readerView .text-mode-segment { background:var(--bg); border:1px solid var(--line); border-radius:9px; padding:3px; }
#readerView .text-mode-segment button { min-height:32px; font-size:11px; min-width:76px; border-radius:6px; }
#readerView .text-mode-segment button.active { background:var(--accent); color:#fff; box-shadow:none; }
#readerView .reader-textbar-actions .btn { font-size:11px; min-height:37px; }
#readerView .text-mode-status { font-size:10px; }
#readerView .vocal-layer-note { font-size:10px; }
#readerView .reader-floating { gap:7px; margin:12px 0 21px; }
#readerView .reader-floating button { border:1px solid var(--line); border-radius:9px; padding:8px 12px; font-size:11px; min-height:38px; background:var(--paper); }
#readerView .poem-sheet { background:var(--paper-strong)!important; border:1px solid var(--line); border-radius:20px; padding:25px 28px; overflow:hidden; }
#readerView .verse { padding:28px 36px; border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent); background:transparent!important; }
#readerView .verse:last-child { border-bottom:0; }
#readerView .verse:nth-child(5n):not(.selected) { border-bottom-color:var(--line); }
#readerView .verse-body { gap:32px; }
#readerView .verse-body::after { display:none; }
#readerView .hemistich { font-family:var(--poem-font); line-height:2.1; font-size:clamp(23px,var(--poem-size),35px); color:var(--ink); }
#readerView .verse-no { font-family:var(--ui-font); font-size:10px; color:var(--muted); opacity:.7; width:24px; min-width:24px; }
#readerView .verse-lens-btn { width:28px; height:28px; min-width:28px; min-height:28px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--paper); }
#readerView .verse:hover { background:var(--bg)!important; border-radius:9px; }
#readerView .verse.selected { background:var(--paper-soft)!important; border-radius:9px; box-shadow:inset 3px 0 0 var(--accent)!important; }
#readerView .poem-nav { border:0; gap:12px; margin-block:22px; }
#readerView .poem-nav button { background:var(--paper); border:1px solid var(--line); padding:15px 20px; border-radius:12px; font-size:12px; line-height:1.7; }
#readerView .poem-nav button:hover { border-color:var(--accent); color:var(--accent); }
#readerView .poem-footnotes { padding:25px 28px; margin:30px 0; border:1px solid var(--line); background:var(--paper-strong); border-radius:17px; }
#readerView .footnotes-head h2 { font-family:var(--display-font); font-size:29px; }
#readerView .footnotes-head p { font-size:11px; }
#readerView .footnote-item { font-family:var(--poem-font); padding:17px 0; }
#readerView .footnote-no { background:var(--paper-soft); border-radius:6px; font-family:var(--ui-font); font-size:11px; padding:3px; }
#readerView .footnote-text { font-size:18px; line-height:2.1; }
.reader-dock { border:1px solid var(--line); border-radius:13px; background:var(--paper-strong); padding:11px 16px; box-shadow:0 7px 25px #243c3108; }
.reader-dock-actions button { border-radius:8px; }
.reader-dock-title b { font-family:var(--display-font); font-size:20px; }
.reader-progress { top:0; background:var(--line); height:3px; }
.selection-bar { border:1px solid var(--line); border-radius:14px; background:var(--paper-strong); box-shadow:0 8px 45px #243c3120!important; padding:7px 11px; }
.selection-bar button { border-radius:8px; }
.selection-bar button:hover { background:var(--paper-soft); }
/* Editorial information */
.view:not(#homeView) .about-layout { max-width:900px; }
.view:not(#homeView) .about-hero { padding:18px 0 32px; }
.view:not(#homeView) .about-hero h2 { font:700 clamp(39px,5vw,64px)/1.5 var(--display-font); }
.view:not(#homeView) .about-hero p { font-family:var(--poem-font); font-size:23px; line-height:2.1; }
.view:not(#homeView) .about-panel { padding:30px 0; }
.view:not(#homeView) .about-panel h3 { font:700 31px/1.6 var(--display-font); }
.view:not(#homeView) .about-panel p { font-size:14px; line-height:2.15; }
.view:not(#homeView) .about-stats,.view:not(#homeView) .source-grid { gap:12px; border:0; }
.view:not(#homeView) .about-stats>div,.view:not(#homeView) .source-grid>div { padding:20px; background:var(--paper-strong); border:1px solid var(--line); border-radius:13px; }
.view:not(#homeView) .about-stats dd,.view:not(#homeView) .source-grid dd { font-family:var(--display-font); font-size:35px; color:var(--accent); }
/* Shared tools and dialogs */
.settings,.overlay { background:rgba(20,34,26,.32); backdrop-filter:blur(5px); }
.settings-panel,.overlay-card { background:var(--paper-strong); border:1px solid var(--line); border-radius:19px; padding:25px; box-shadow:0 24px 75px #16251c26!important; }
.settings-panel>b,.overlay-card h3 { font-family:var(--display-font); font-size:30px; }
.settings-panel .setting-row { padding:15px 0; font-size:13px; }
.settings-panel select { border:1px solid var(--line); border-radius:8px; font-size:12px; }
.drawer { background:var(--paper-strong); border-color:var(--line); box-shadow:15px 0 65px #16251c18!important; }
.drawer-head { height:73px; font-family:var(--display-font); font-size:27px; padding-inline:23px; }
.drawer-body { height:calc(100% - 73px); padding:24px; font-size:14px; }
.drawer-head button,.overlay-close { color:var(--muted); border-radius:8px; min-width:36px; min-height:36px; }
.drawer-head button:hover,.overlay-close:hover { background:var(--paper-soft); }
.v23-studio-shell { border-radius:23px; border-color:var(--line); background:var(--paper-strong); }
.v23-studio-settings { background:var(--paper-strong); }
.v23-studio-top h2 { font-family:var(--display-font); font-size:31px; }
.v23-studio-close { border-color:var(--line); background:var(--paper-soft); }
.v23-studio-settings select,.v23-studio-settings input[type="text"],.v23-studio-settings textarea { border-color:var(--line); background:var(--bg); border-radius:9px; }
.v2360-note-panel { border:1px solid var(--line); background:var(--paper-strong); border-radius:18px; box-shadow:0 20px 60px #16251c20; }
[data-theme="dark"] .view:not(#homeView) .poem-card:hover { box-shadow:none!important; }
[data-theme="dark"] .settings,[data-theme="dark"] .overlay { background:rgba(0,0,0,.6); }
@media (min-width:801px) and (max-width:1250px) {
 .view:not(#homeView) .constraints { grid-template-columns:1fr 1fr; }
 .view:not(#homeView) .scope-constraint { grid-column:auto; }
 .view:not(#homeView) .theme-tree-layout { grid-template-columns:1fr; }
 #indexesView .astrolabe-experiment { grid-template-columns:1fr; gap:5px; }
 #indexesView .astro-side { text-align:center; max-width:550px; margin:auto; }
 .view:not(#homeView) .atlas-layout,.view:not(#homeView) .constellation-layout,.view:not(#homeView) .rhyme-layout { grid-template-columns:1fr; }
 #readerView .poem-sheet { padding:20px 15px; }
 #readerView .verse { padding-inline:26px; }
 #readerView .hemistich { font-size:clamp(22px,2.4vw,29px); }
}
@media (max-width:800px) {
 .view:not(#homeView) .section-head { align-items:flex-start; gap:12px; margin-bottom:14px; padding-bottom:10px; }
 .view:not(#homeView) .section-head h2 { font-size:36px; }
 .view:not(#homeView) .section-head p { font-size:12px; }
 .view:not(#homeView) .grid { grid-template-columns:1fr; gap:13px; }
 .view:not(#homeView) .poem-card { padding:21px; min-height:0; }
 .view:not(#homeView) .poem-card h3 { font-size:25px; }
 .view:not(#homeView) .preview-verse { font-size:22px; }
 .view:not(#homeView) .library-toolbar { padding:16px; }
 .view:not(#homeView) .constraints { grid-template-columns:1fr 1fr; gap:13px 10px; }
 .view:not(#homeView) .scope-constraint { grid-column:auto; }
 .view:not(#homeView) .search-mode { align-self:end; }
 .view:not(#homeView) .library-summary { gap:12px; align-items:flex-start; }
 .view:not(#homeView) .v235-share-search { font-size:9px; padding:7px 8px; }
 .view:not(#homeView) .index-grid,.view:not(#homeView) .index-hub { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .view:not(#homeView) .index-card { min-height:100px; padding:17px; }
 .view:not(#homeView) .unified-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-inline:10px; }
 .view:not(#homeView) .study-tools-grid { grid-template-columns:1fr; gap:10px; }
 .view:not(#homeView) .study-tool { min-height:0; grid-template-columns:34px 1fr; gap:2px 10px; padding:18px; }
 .view:not(#homeView) .study-tool .ui-icon { grid-row:1/3; margin:5px 0 0; }
 .view:not(#homeView) .study-tool span { grid-column:2; }
 .view:not(#homeView) .v235-index-finder { padding:18px; }
 #indexesView .astrolabe-experiment { grid-template-columns:1fr; padding:20px 15px; gap:8px; }
 #indexesView .astrolabe-frame { max-width:360px; }
 #indexesView .astro-node { width:76px; height:76px; border-radius:16px; }
 #indexesView .astro-side { padding:16px 10px 5px; text-align:center; }
 .view:not(#homeView) .theme-tree-layout { grid-template-columns:1fr; gap:15px; }
 .view:not(#homeView) .theme-tree-stage,.view:not(#homeView) .theme-tree-results { padding:18px; }
 .view:not(#homeView) .theme-tree-root { font-size:23px; }
 .view:not(#homeView) .lab-toolbar,.view:not(#homeView) .opening-controls,.view:not(#homeView) .observatory-controls,.view:not(#homeView) .compare-controls,.view:not(#homeView) .constellation-toolbar { padding:16px; }
 .view:not(#homeView) .opening-grid { grid-template-columns:1fr; }
 .view:not(#homeView) .lexicon-grid,.view:not(#homeView) .compare-lex-grid,.view:not(#homeView) .observatory-grid { grid-template-columns:1fr; }
 .view:not(#homeView) .context-grid { grid-template-columns:1fr; }
 .view:not(#homeView) .stats-page { grid-template-columns:1fr; }
 .view:not(#homeView) .stats-page .stat-panel { padding:20px; }
 .view:not(#homeView) .entity-contexts { grid-template-columns:1fr; }
 #readerView .reader-head h1 { font-size:38px; }
 #readerView .reader-head-main { display:block; }
 #readerView .reader-title-block { text-align:center; }
 #readerView .reader-quick { justify-content:center; }
 #readerView .reader-intro { padding:17px; }
 #readerView .reader-intro p { font-size:19px; }
 #readerView .reader-textbar { padding:14px; }
 #readerView .reader-floating { justify-content:center; }
 #readerView .reader-floating button { font-size:10px; padding:7px 9px; }
 #readerView .poem-sheet { border-radius:15px; padding:13px 8px; }
 #readerView .verse { padding:23px 29px; }
 #readerView .verse-body { grid-template-columns:1fr; gap:1px; }
 #readerView .hemistich { font-size:clamp(23px,var(--poem-size),32px); line-height:2.05; }
 #readerView .verse-no { right:0; left:auto; font-size:9px; top:13px; }
 #readerView .verse-lens-btn { left:0; bottom:8px; top:auto; }
 #readerView .poem-nav button { padding:13px; font-size:11px; }
 #readerView .poem-footnotes { padding:20px 17px; }
 #readerView .footnote-text { font-size:18px; }
 .reader-dock { top:0; padding:10px 12px; border-radius:12px; }
 .reader-progress { top:0; }
 .selection-bar { bottom:calc(78px + env(safe-area-inset-bottom)); }
 .view:not(#homeView) .about-hero p { font-size:22px; }
 .view:not(#homeView) .about-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .settings-panel { top:75px; left:12px; padding:22px; }
}
@media (max-width:420px) {
 .view:not(#homeView) .section-head { display:block; }
 .view:not(#homeView) .section-head>.btn { margin-top:10px; }
 .view:not(#homeView) .constraints { grid-template-columns:1fr; }
 .view:not(#homeView) .search-mode { width:max-content; }
 .view:not(#homeView) .clear-link { justify-self:start; }
 .view:not(#homeView) .unified-index-grid { gap:9px; }
 .view:not(#homeView) .unified-card { padding:17px 14px; min-height:170px; }
 .view:not(#homeView) .unified-card b { font-size:23px; }
 #readerView .hemistich { font-size:clamp(23px,var(--poem-size),29px); }
 #readerView .verse { padding-inline:23px; }
 .view:not(#homeView) .about-stats>div { padding:15px; }
}
@media (prefers-reduced-motion:reduce) {
 .view:not(#homeView) *, .view:not(#homeView) *::before, .view:not(#homeView) *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
 .view:not(#homeView) .poem-card:hover { transform:none; }
}
@media print {
 #readerView .poem-sheet { border:0; padding:0; background:white!important; }
 #readerView .hemistich,#readerView .reader-head h1 { color:#111; }
 #readerView .poem-footnotes { border:0; }
}



/* Readable HTML first; scripting enhances navigation, search and saved state. */
.radi-route-marker{display:block;height:0;overflow:hidden;scroll-margin-top:92px}
.radi-runtime-hint{border:1px solid var(--line-dark);background:var(--paper);border-radius:10px;padding:15px 20px;margin:0 0 25px;font-size:12px;line-height:1.9;color:var(--ink)}
.radi-runtime-hint strong,.radi-runtime-hint span{display:block}.radi-runtime-hint span{font-size:11px;color:var(--muted);margin-top:4px}.radi-runtime-hint>a{display:inline-block;color:var(--accent);margin-top:7px;text-decoration:underline;text-underline-offset:4px}
html.radi-live .radi-runtime-hint,html.radi-live .radi-static-only{display:none!important}
html:not(.radi-live) #homeView{display:block!important}
html:not(.radi-live) .radi-top-left,html:not(.radi-live) .radi-search-zone,html:not(.radi-live) #recentSection,html:not(.radi-live) .radi-studio-entry,html:not(.radi-live) .radi-mood-options,html:not(.radi-live) .radi-mood>small,html:not(.radi-live) #anotherHomeVerse,html:not(.radi-live) .heart,html:not(.radi-live) .sidebar-bottom button,html:not(.radi-live) .library-toolbar,html:not(.radi-live) .library-summary,html:not(.radi-live) #loadMore,html:not(.radi-live) #libraryGrid{display:none!important}
html:not(.radi-live) .radi-mood:after{content:"تصفّح الديوان، وافتح القصيدة التي تختارها من عنوانها.";font-size:11px;color:var(--accent);display:block;margin-top:20px;line-height:2}
html:not(.radi-live) #indexesView .astrolabe-experiment,html:not(.radi-live) #indexesView .astro-legacy-toggle,html:not(.radi-live) #indexesView .v235-index-finder,html:not(.radi-live) #indexesView .study-tools-grid{display:none!important}
.radi-static-library{margin-top:22px}.radi-static-intro{font-size:12px;line-height:2;color:var(--muted);margin:0 0 20px}.radi-static-poem{border:1px solid var(--line);border-radius:10px;background:var(--paper);margin:0 0 12px;scroll-margin-top:100px}.radi-static-poem:target{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.radi-static-poem>details>summary{list-style:none;cursor:pointer;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 23px}.radi-static-poem summary::-webkit-details-marker{display:none}.radi-static-poem summary b{display:block;font:400 27px/1.7 "Noto Naskh Arabic",serif}.radi-static-poem summary small{display:block;color:var(--muted);font-size:10px}.radi-static-open{color:var(--accent);font-size:11px;white-space:nowrap}.radi-static-poem details[open]>.radi-static-verses{border-top:1px solid var(--line);padding:20px}.radi-static-verse{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:17px 20px;border-bottom:1px solid var(--line);font:400 26px/2 "Noto Naskh Arabic",serif;text-align:center}.radi-static-verse>small{position:absolute;right:0;top:22px;font:10px "Noto Sans Arabic",sans-serif;color:var(--muted)}.radi-static-citation{font-size:10px;color:var(--muted);text-align:center;padding-top:20px}.radi-static-tool-note{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;padding:17px 20px;font-size:13px;line-height:2;margin-bottom:22px}.radi-static-tool-note a{color:var(--accent);text-decoration:underline}.radi-static-index-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.radi-static-index-links a{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:14px;color:var(--accent)}.radi-static-index{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:15px}.radi-static-index summary{cursor:pointer;font-family:"Noto Naskh Arabic",serif;font-size:24px}.radi-static-index summary small{font:10px "Noto Sans Arabic",sans-serif;color:var(--muted);margin-inline:12px}.radi-static-index>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.radi-static-index a{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;color:var(--accent)}
html:not(.radi-live) .mobile-nav{grid-template-columns:repeat(4,1fr)!important}.mobile-nav>a[data-static-mobile]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--accent);font-size:10px;min-height:44px}
@supports selector(:has(*)){
 html:not(.radi-live) #mainContent:has(> .radi-route-marker:target,#libraryView :target) > .view{display:none!important}
 html:not(.radi-live) #mainContent:has(> .radi-route-marker:target,#libraryView :target) > .radi-route-marker:target + .view{display:block!important}
 html:not(.radi-live) #mainContent:has(#libraryView :target) > #libraryView{display:block!important}
}
@media(max-width:760px){.radi-runtime-hint{padding:13px 15px;font-size:11px;margin-bottom:20px}.radi-runtime-hint span{font-size:10px}.radi-static-verse{grid-template-columns:1fr;gap:0;font-size:25px;padding:15px}.radi-static-poem>details>summary{padding:16px}.radi-static-poem summary b{font-size:25px}.radi-static-poem summary small{font-size:9px}.radi-static-open{font-size:9px}.radi-static-poem details[open]>.radi-static-verses{padding:8px 12px}.radi-static-intro{font-size:11px}.radi-static-index-links{gap:9px}.radi-static-index-links a{font-size:12px;padding:16px}.radi-static-index summary{font-size:23px}.radi-static-index{padding:13px}.radi-static-tool-note{font-size:11px;padding:15px}}
@supports not selector(:has(*)){
 html:not(.radi-live) #libraryView{display:block!important}
 html:not(.radi-live) .radi-route-marker:target + .view{display:block!important}
}



/* 24.2 — واجهة زجاجية هادئة: واجهة وظيفية بلا عبارات إنشائية. */
:root,
:root[data-theme="light"] {
  --bg: #eaf0f7;
  --paper: rgba(255,255,255,.53);
  --paper-strong: rgba(255,255,255,.77);
  --paper-soft: rgba(229,239,248,.57);
  --ink: #1c3043;
  --muted: #647689;
  --line: rgba(255,255,255,.62);
  --line-dark: rgba(112,140,163,.32);
  --accent: #486c88;
  --accent-deep: #274962;
  --gold: #7892aa;
  --gold-soft: #d9e5f0;
  --sage: rgba(227,236,247,.68);
  --shadow: 0 15px 42px rgba(37,68,99,.075);
  --glass-bg: rgba(255,255,255,.53);
  --glass-bg-soft: rgba(255,255,255,.4);
  --glass-bg-hover: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.75);
  --glass-highlight: rgba(255,255,255,.85);
  --glass-shadow: 0 17px 38px rgba(36,65,94,.08), inset 0 1px 0 rgba(255,255,255,.85);
  --glass-shadow-soft: 0 8px 22px rgba(36,65,94,.06);
  --glass-filter: blur(20px) saturate(125%);
  --glass-radius: 19px;
}
:root[data-theme="dark"] {
  --bg: #111d2b;
  --paper: rgba(35,50,68,.66);
  --paper-strong: rgba(47,65,84,.82);
  --paper-soft: rgba(65,86,105,.48);
  --ink: #eef5fa;
  --muted: #b6c6d3;
  --line: rgba(214,230,242,.15);
  --line-dark: rgba(204,230,248,.24);
  --accent: #a6d2ed;
  --accent-deep: #d1e8f5;
  --gold: #9eb4c5;
  --gold-soft: #40576b;
  --sage: rgba(57,77,98,.55);
  --shadow: 0 18px 45px rgba(0,0,0,.20);
  --glass-bg: rgba(39,56,76,.62);
  --glass-bg-soft: rgba(40,57,76,.4);
  --glass-bg-hover: rgba(67,90,114,.68);
  --glass-border: rgba(218,238,255,.2);
  --glass-highlight: rgba(245,252,255,.16);
  --glass-shadow: 0 20px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(245,252,255,.12);
  --glass-shadow-soft: 0 8px 24px rgba(0,0,0,.13);
  --glass-filter: blur(18px) saturate(120%);
}
html, body { color-scheme:light; }
html[data-theme="dark"], html[data-theme="dark"] body {color-scheme:dark;}
body {
  background:
    radial-gradient(ellipse 58vw 51vw at 96% 7%, rgba(169,201,228,.38), transparent 74%),
    radial-gradient(ellipse 49vw 55vw at 2% 54%, rgba(215,226,246,.65), transparent 73%),
    radial-gradient(ellipse 53vw 49vw at 77% 102%, rgba(205,227,234,.5), transparent 72%),
    var(--bg) !important;
  background-attachment: fixed !important;
}
html[data-theme="dark"] body {
  background:
    radial-gradient(ellipse 56vw 49vw at 100% 5%, rgba(48,90,117,.37), transparent 72%),
    radial-gradient(ellipse 52vw 62vw at -9% 62%, rgba(66,66,111,.27), transparent 72%),
    var(--bg) !important;
}
/* المعالم الرئيسة شفافة وليست مساحات ممتلئة باللون. */
.radi-sidebar,
.topbar,
.mobile-nav {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  box-shadow: var(--glass-shadow-soft) !important;
}
.radi-sidebar {border-left:1px solid var(--line-dark)!important;}
.topbar {border-bottom:1px solid var(--glass-border)!important;}
.radi-brand .radi-brand-name{color:var(--ink)!important;letter-spacing:-2px!important;}
.radi-brand>span:nth-child(2){color:var(--muted)!important;letter-spacing:0!important;}
.sidebar-rule {color:var(--muted)!important;opacity:.33;}
.sidebar-label {font-weight:500;letter-spacing:0;}
.radi-menu > a {
  border: 1px solid transparent!important;
  border-radius: 13px!important;
  color: var(--muted) !important;
}
.radi-menu > a:hover,
.radi-menu > a.active {
  background: var(--glass-bg-hover) !important;
  border-color: var(--glass-border) !important;
  color:var(--accent-deep)!important;
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 5px 15px rgba(35,65,94,.055)!important;
}
.radi-menu > a.active:after {width:4px;height:4px;background:var(--accent)!important;}
.ui-icon {stroke-width:1.55!important;stroke-linecap:round;stroke-linejoin:round;}
.radi-menu .ui-icon{opacity:.78;}
.top-actions .iconbtn,
.iconbtn,
.mode-toggle,
.radi-command,
.radi-primary,.radi-secondary,
.radi-search-zone .searchbox button,
.radi-mood-options button,
.radi-studio-entry button {
  background:var(--glass-bg-soft)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:12px!important;
  color:var(--accent-deep)!important;
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 5px 13px rgba(40,70,101,.052)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
.top-actions .iconbtn:hover,.iconbtn:hover,
.radi-command:hover,.radi-primary:hover,.radi-secondary:hover,
.radi-mood-options button:hover,.radi-studio-entry button:hover {
  background:var(--glass-bg-hover)!important;
  border-color:var(--glass-border)!important;
  transform:none!important;
}
.radi-primary {background:rgba(40,74,99,.82)!important;color:#fff!important;border-color:rgba(255,255,255,.52)!important;}
.radi-primary:hover {background:rgba(40,74,99,.94)!important;color:#fff!important;}
html[data-theme="dark"] .radi-primary {background:rgba(134,185,216,.26)!important;color:var(--ink)!important;}
.mode-toggle .mode-dot,.breadcrumb-dot {background:var(--accent)!important;}
kbd {border-color:var(--line-dark)!important;background:var(--glass-bg-soft)!important;box-shadow:none!important;}
/* بطاقة العنوان؛ زجاج حقيقي بإضاءة وحافة رقيقة. */
.radi-welcome {display:none!important;}
.radi-hero {
  background:linear-gradient(124deg,rgba(255,255,255,.76),rgba(244,249,254,.35) 72%)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:26px!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:var(--glass-filter)!important;
  backdrop-filter:var(--glass-filter)!important;
  min-height:345px!important;
  overflow:hidden;
}
html[data-theme="dark"] .radi-hero {
  background:linear-gradient(128deg,rgba(69,88,111,.52),rgba(29,47,68,.42))!important;
}
.radi-hero::before {
  content:"";position:absolute;inset:-2px 0 auto 0;height:55%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);
  opacity:.75;z-index:0;
}
.radi-hero-copy {padding:44px 46px!important;}
.radi-tag {color:var(--muted)!important;font-size:11px!important;}
.radi-tag>span{background:var(--accent)!important;}
.radi-hero h1 {font:600 clamp(38px,4.1vw,59px)/1.38 "Noto Naskh Arabic",serif!important;color:var(--ink)!important;margin:19px 0 14px!important;letter-spacing:-.8px!important;}
.radi-hero h1 em {color:var(--ink)!important;}
.radi-hero h1 em:after {display:none!important;}
.radi-hero-copy>p {font-size:13px!important;color:var(--muted)!important;line-height:2!important;max-width:490px;}
.radi-hero .hero-count {font-size:11px!important;color:var(--muted)!important;}
.radi-hero-art {
  background:radial-gradient(ellipse at center,rgba(176,209,233,.34),transparent 67%)!important;
  min-height:330px;
  isolation:isolate;
}
.radi-hero-art>* {display:none!important;}
/* لوحان شبه شفافين يحلان محل الختم المتشعب والزخرفة المكتوبة. */
.radi-hero-art::before, .radi-hero-art::after {
  content:"";position:absolute;display:block;z-index:1;
  border:1px solid rgba(255,255,255,.79);
  box-shadow:16px 24px 42px rgba(42,79,112,.12), inset 2px 2px 1px rgba(255,255,255,.64);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.radi-hero-art::before {
  width:200px;height:255px;right:calc(50% - 92px);top:calc(50% - 138px);
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(186,214,237,.27));
  border-radius:21px;transform:rotate(-12deg);
}
.radi-hero-art::after {
  width:200px;height:255px;right:calc(50% - 110px);top:calc(50% - 124px);
  background:linear-gradient(140deg,rgba(255,255,255,.39),rgba(145,185,217,.18));
  border-radius:21px;transform:rotate(9deg);
}
html[data-theme="dark"] .radi-hero-art::before,
html[data-theme="dark"] .radi-hero-art::after {
  background:linear-gradient(140deg,rgba(204,233,252,.21),rgba(112,150,188,.08));
  border-color:rgba(234,247,255,.26);
}
/* عناصر التصفح والبحث والبطاقات */
.radi-search-zone .searchbox,
.searchbox, .library-toolbar,.radi-daily,.radi-mood,.radi-pathway,
.radi-curated .poem-card,.poem-card,.hub-card,.index-card,
.radi-studio-entry,.resume-card,.index-block,
.indexes-hero,.astrolabe-experiment,.radi-static-poem,
.reader-wrap .poem-sheet,.glass,.glass-panel,
.settings-panel,.overlay-card,.drawer,
.stats-card,.about-card,.library-toolbar,
.view:not(#homeView) .library-toolbar,
.view:not(#homeView) .poem-card,
.view:not(#homeView) .empty,
.view:not(#homeView) .atlas-side .glass-panel,
.view:not(#homeView) .rhyme-side {
  background:var(--glass-bg)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:19px!important;
  box-shadow:var(--glass-shadow-soft),inset 0 1px 0 var(--glass-highlight)!important;
  -webkit-backdrop-filter:var(--glass-filter)!important;
  backdrop-filter:var(--glass-filter)!important;
}
.radi-search-zone .searchbox {min-height:58px!important;border-radius:17px!important;}
.radi-search-zone .searchbox input {font-size:13px!important;}
.radi-search-hints{color:var(--muted)!important;}
.radi-search-hints button {color:var(--accent)!important;}
.radi-home-duo {gap:16px!important;}
.radi-daily {background:linear-gradient(139deg,var(--glass-bg),var(--glass-bg-soft))!important;}
.radi-daily .quote,.radi-daily .quote-meta,.radi-daily .radi-card-heading,
.radi-daily .quote-open{color:var(--ink)!important;}
.radi-daily .quote-meta {border-color:var(--line-dark)!important;}
.radi-quote-mark {color:var(--muted)!important;opacity:.22!important;}
.radi-card-heading .tiny-star {display:none!important;}
.radi-mood h2 {color:var(--ink)!important;}
.radi-mood-options button span {display:none!important;}
.radi-pathway {transition:background .2s,border-color .2s!important;}
.radi-pathway:hover,.radi-curated .poem-card:hover,.poem-card:hover {
  background:var(--glass-bg-hover)!important;transform:none!important;
  box-shadow:var(--glass-shadow-soft)!important;
}
.radi-pathway .pathway-top .ui-icon{
  width:42px!important;height:42px!important;padding:10px!important;
  background:var(--glass-bg-soft);border:1px solid var(--glass-border);
  border-radius:13px;color:var(--accent)!important;
  filter:drop-shadow(0 1px 2px rgba(45,80,113,.04));
}
.radi-pathway .pathway-top > span {color:var(--muted)!important;opacity:.63;}
.radi-section-head h2,.radi-mood h2,.radi-studio-entry h2{font-weight:500!important;}
.radi-section-head>a {color:var(--accent)!important;}
.radi-curated .poem-card,.poem-card {overflow:hidden;}
.chip,.meta .chip {background:var(--paper-soft)!important;color:var(--accent-deep)!important;border:1px solid var(--line-dark)!important;}
.radi-studio-entry {overflow:hidden;}
.radi-studio-entry .studio-star {display:none!important;}
.radi-studio-entry .studio-mini-art {
  background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(210,229,244,.36))!important;
  color:var(--ink)!important;border:1px solid var(--glass-border)!important;
  border-radius:14px!important;box-shadow:inset 0 1px 0 var(--glass-highlight)!important;
}
.view:not(#homeView) .searchbox,.view:not(#homeView) .constraint select,
select,input,textarea,.radi-command-dialog {
  border-color:var(--line-dark)!important;
}
/* التخلص من الزخارف غير الوظيفية لا من محتوى القصائد. */
.sidebar-bottom>span {display:none!important;}
.sidebar-verse {display:none!important;}
.radi-pathway .pathway-arrow{opacity:.55;}
.radi-quote-mark {pointer-events:none;}
.eyebrow,.radi-overline {color:var(--muted)!important;}
.footer {background:transparent!important;border-color:var(--line-dark)!important;}
.radi-runtime-hint,.radi-static-tool-note {background:var(--glass-bg)!important;border-color:var(--glass-border)!important;}
.radi-static-poem { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
@media(max-width:1000px){
  .radi-hero-copy{padding:34px 30px!important;}
  .radi-hero h1{font-size:clamp(37px,5.4vw,53px)!important;}
  .radi-hero-art::before,.radi-hero-art::after{scale:.78;}
}
@media(max-width:760px){
  .radi-hero {display:block!important;min-height:0!important;border-radius:19px!important;}
  .radi-hero-copy{padding:29px 25px 27px!important;width:100%!important;}
  .radi-hero h1{font-size:clamp(36px,10vw,49px)!important;max-width:100%;}
  .radi-hero-copy>p{font-size:12px!important;max-width:100%;}
  .radi-hero-art {display:none!important;}
  .radi-home-duo {gap:14px!important;}
  .radi-pathway .pathway-top .ui-icon{width:37px!important;height:37px!important;padding:9px!important;}
  .topbar,.mobile-nav{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;}
  .radi-primary,.radi-secondary {gap:8px!important;}
  .radi-sidebar{display:none!important;}
  .radi-static-poem {border-radius:14px!important;}
}
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more){
  .radi-sidebar,.topbar,.mobile-nav,.radi-hero,.radi-daily,.radi-mood,.radi-pathway,.poem-card,.glass-panel,.library-toolbar {
    background:var(--paper-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-color:var(--line-dark)!important;
  }
}
@media print{
  body{background:#fff!important;}
  .reader-wrap .poem-sheet,.radi-static-poem{background:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}


/* القراءة والوضوح في الوضعين */
input::placeholder,textarea::placeholder {color:var(--muted)!important;opacity:.88!important;}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder {color:#c0cfdb!important;opacity:.86!important;}
.v2356-theme-icon,.astro-ornament {display:none!important;}

@font-face{font-family:"Radi Amiri";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-df464193d824.woff2") format("woff2")}
@font-face{font-family:"Radi Naskh";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-cdd16b00f3df.woff2") format("woff2")}
@font-face{font-family:"Radi Kufi";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-c9463f09f137.woff2") format("woff2")}
@font-face{font-family:"Radi Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-30088c0f0d44.woff2") format("woff2")}
@font-face{font-family:"Radi Amiri Quran";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-f5464403b26b.woff2") format("woff2")}
@font-face{font-family:"Radi FreeSerif";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-2beff57610eb.woff2") format("woff2")}
@font-face{font-family:"Radi FreeSans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-7157f252312d.woff2") format("woff2")}
@font-face{font-family:"Radi DejaVu";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/font-a54061282afe.woff2") format("woff2")}

/* v24.3 — map touch targets and clear labels */
#atlasStage .radi-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 7px}
.radi-map-zoom{display:flex;gap:6px}
.radi-map-zoom button,.radi-map-directory-toggle{background:var(--paper-strong);color:var(--ink);border:1px solid var(--line-dark);border-radius:11px;min-width:43px;min-height:43px;padding:8px 13px;cursor:pointer}
.radi-map-directory{border:1px solid var(--glass-border);background:var(--paper-strong);border-radius:14px;padding:12px;margin:5px 0 12px}
.radi-map-directory[hidden]{display:none!important}
.radi-map-directory label{display:block;margin:0 0 6px;font-size:12px;color:var(--muted)}
.radi-map-directory input{width:100%;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:9px;color:var(--ink);background:var(--paper)}
.radi-map-place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));gap:7px;max-height:245px;overflow-y:auto;padding:9px 0}
.radi-map-place-grid button{padding:9px 7px;border:1px solid var(--line);background:var(--glass-bg);color:var(--ink);border-radius:9px;min-height:44px;cursor:pointer}
.radi-map-place-grid button[hidden]{display:none}
#atlasStage .atlas-svg{touch-action:none;user-select:none;cursor:grab;min-height:0;aspect-ratio:1.6;max-height:620px}
#atlasStage .atlas-svg:active{cursor:grabbing}
#atlasStage .atlas-region-shape{pointer-events:none}
#atlasStage .atlas-node{outline-offset:3px}
#atlasStage .atlas-node text:not(.atlas-count){pointer-events:none;font-size:13px}
#atlasStage .atlas-node .atlas-count{pointer-events:none}
#atlasStage .radi-map-cluster{cursor:pointer;outline:none}
#atlasStage .radi-map-cluster circle{fill:var(--accent);stroke:var(--paper-strong);stroke-width:2;vector-effect:non-scaling-stroke}
#atlasStage .radi-map-cluster text{fill:#fff;font-family:var(--ui-font);font-weight:700;pointer-events:none}
#atlasStage .radi-map-cluster:focus-visible circle{stroke:#fff;stroke-width:4}
/* v24.3 — true separate Arabic fonts and poem layout */
.radi-font-setting,.radi-layout-setting{flex-wrap:wrap;gap:7px}
.radi-font-setting select,.radi-layout-setting select{max-width:65%!important;min-width:155px;border-radius:10px!important;padding:9px!important}
.radi-font-preview{font-family:"Radi Amiri",serif;min-height:68px;padding:11px 8px;text-align:center;font-size:27px;line-height:1.7;border:1px solid var(--line);border-radius:12px;background:var(--glass-bg);color:var(--ink)}
.radi-font-import{display:grid;gap:7px;margin:10px 0;font-size:12px;line-height:1.7}
.radi-font-import .radi-file-label{font-size:12px;color:var(--ink)}
.radi-font-import input{min-width:0;width:100%;font-size:11px}
.radi-font-import small{font-size:10px;color:var(--muted)}
.radi-font-import a{text-decoration:underline;color:var(--accent)}
#readerView .verse-body{min-width:0}
#readerView .hemistich{min-width:0;white-space:nowrap!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;font-size:var(--radi-fitted-size,var(--poem-size))!important;line-height:1.95!important}
#readerView .poem-sheet{padding-inline:clamp(6px,2vw,26px)!important;overflow:visible!important}
#readerView .verse{padding-inline:clamp(8px,1.6vw,24px)!important}
html[data-verse-layout="stacked"] #readerView .verse-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
html[data-verse-layout="horizontal"] #readerView .verse-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
html[data-verse-layout="horizontal"] #readerView .hemistich{padding:0!important}
@media(max-width:760px){
 #atlasStage .atlas-svg{aspect-ratio:1.15;min-height:290px;max-height:480px}
 #atlasStage .atlas-region-shape text,#atlasStage .atlas-river-group text{display:none!important}
 #readerView .poem-sheet{padding-inline:7px!important}
 #readerView .verse{padding:14px 4px!important}
 #readerView .verse-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 #readerView .hemistich{padding-inline:1px!important;text-align:center!important}
 html[data-verse-layout="horizontal"] #readerView .verse-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .radi-font-preview{font-size:22px}
}


/* v24.7 — Arabic heritage typography; exact online faces from Google Fonts under OFL.
   Offline: bundled Radi Amiri / Radi Sans / Noto faces maintain legibility and function. */
html.radi-next,html.radi-next[data-theme]{
  --radi-typ-ui:"Tajawal","Radi Sans","Noto Sans Arabic",sans-serif;
  --radi-typ-display:"Katibeh","Radi Amiri","Noto Naskh Arabic",serif;
  --radi-typ-poem:"Radi Amiri","Amiri","Noto Naskh Arabic",serif;
  --radi-typ-poem-head:"Aref Ruqaa","Radi Amiri","Noto Naskh Arabic",serif;
  --radi-typ-decor:"Rakkas","Katibeh","Radi Amiri",serif;
  --ui-font:var(--radi-typ-ui);
  --display-font:var(--radi-typ-display);
  --display:var(--radi-typ-display);
  --text:var(--radi-typ-poem);
}
html.radi-next body,
html.radi-next button,html.radi-next input,html.radi-next textarea,
html.radi-next select,html.radi-next option,html.radi-next .mobile-nav,
html.radi-next .topbar,html.radi-next .sidebar,html.radi-next .command-result-note,
html.radi-next .command-item,html.radi-next .radi-map-directory,
html.radi-next .radi-map-toolbar,html.radi-next .setting-row,
html.radi-next .v23-setting,html.radi-next .filter-chip,
html.radi-next .radi-breadcrumb{font-family:var(--radi-typ-ui)}
/* Katibeh is deliberately kept regular: artificial bold distorts its calligraphic shapes. */
html.radi-next :is(h1,h2,h3,h4,.hero-title,.section-title,.page-title,
 .modal-title,.brand-name,.radi-brand-name,.radi-static-title,
 .footer-signature,.radi-welcome h2,.radi-pathway h3,.radi-hero h1,
 #radiHeroTitle,.astro-node b,.astrolabe-center b){
 font-family:var(--radi-typ-display)!important;font-weight:400!important;
 font-synthesis:none;
}
/* Distinctive handwritten poetry headings, never used for dense body text. */
html.radi-next :is(.reader-head h1,.poem-title,.poem-card h3,
 .reader-poem-title,.poem-heading,.poem-card-title){
 font-family:var(--radi-typ-poem-head)!important;font-weight:700!important;
 font-synthesis:none;line-height:1.9;
}
html.radi-next :is(.verse,.hemistich,.poem-excerpt,.poem-snippet,.verse-body,
 .poem-sheet,.reader-sheet,.verse-card,.sidebar-verse,.quotation-text,
 .poem-footnotes,.notes,.lexicon-entry,.radi-static-verse){
 font-family:var(--poem-font,var(--radi-typ-poem));
}
html.radi-next :is(.description,.summary,.intro,.intro-text,.biography,
 .source-notes,.about-text,.essay-body,.poem-intro,.reader-intro p){
 font-family:var(--radi-typ-poem);font-weight:400;
}
html.radi-next :is(.meta,.small,.eyebrow,.chip,.badge,.pill,.nav,.top-actions){
 font-family:var(--radi-typ-ui);
}
html.radi-next :is(.radi-hero h1,#radiHeroTitle){
 font-size:clamp(54px,8.2vw,102px)!important;
 line-height:1.34!important;letter-spacing:0!important;
 overflow-wrap:normal!important;word-break:normal!important;
 text-wrap:balance;
}
html.radi-next :is(.radi-hero p,.radi-hero .hero-count){line-height:1.85}
html.radi-next .radi-hero p{font-family:var(--radi-typ-ui);font-size:clamp(15px,2vw,19px)}
html.radi-next :is(.radi-pathway h3,.unified-card b,.portal-card b,
 .astro-node b,.index-card h3){line-height:1.65}
html.radi-next :is(.radi-astrolabe-title,.astrolabe-title,.radi-constellation-title){
 font-family:var(--radi-typ-decor)!important;font-weight:400!important;
}
html.radi-next #readerView .hemistich{
 font-family:var(--poem-font,var(--radi-typ-poem))!important;
 line-height:2.05!important;font-synthesis:none;
}
html.radi-next #readerView .poem-sheet{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1}
html.radi-next :is(#radiReaderFontPreview,.radi-font-preview){
 font-family:var(--poem-font,var(--radi-typ-poem));
}
html.radi-next :is(#poemFontSelect,#v23Font){font-size:16px;line-height:1.6}
html.radi-next :is(#poemFontSelect option,#v23Font option){font-size:16px}
@media(max-width:620px){
 html.radi-next :is(.radi-hero h1,#radiHeroTitle){font-size:clamp(52px,14vw,75px)!important;line-height:1.28!important}
 html.radi-next :is(.radi-welcome h2,.section-head h2){line-height:1.55}
 html.radi-next .mobile-nav{font-size:13px}
 html.radi-next :is(.radi-pathway h3,.index-card h3){line-height:1.5}
 html.radi-next #readerView .hemistich{letter-spacing:0;word-spacing:0;line-height:1.95!important}
}
@media print{
 html.radi-next #readerView .hemistich{color:#111!important}
}
/* Offline-only typographic fallback: give headings enough strength without synthetic bolding Katibeh. */
html.radi-next[data-radi-fonts-fallback="true"] :is(.radi-hero h1,#radiHeroTitle,.radi-welcome h2,.radi-pathway h3,.section-head h2,.radi-brand-name){
 font-family:"Noto Naskh Arabic","Radi Amiri",serif!important;font-weight:700!important;
}



/* v24.8 — unify verse typography across the reader and all previews */
html.radi-next :is(.radi-curated .poem-card .preview-verse,
  .poem-card .preview-verse, .home-verse-card .quote,
  #dailyQuote, .sidebar-verse, .poem-excerpt, .poem-snippet,
  .radi-static-verse) {
  font-family:var(--poem-font,var(--radi-typ-poem))!important;
  font-synthesis:none;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;
}
/* Preserve the existing glass design while reducing off-screen layout/paint work. */
@supports (content-visibility:auto) {
  #homeView .radi-curated,
  #homeView .radi-mood,
  #homeView .radi-pathway,
  #homeView .radi-studio-entry {
    content-visibility:auto;
    contain-intrinsic-size:auto 580px;
  }
}
/* Numbered source notes, arranged as in a printed divan, without link actions. */
#bio-23-14 .bio-note-ref {
  display:inline-block; vertical-align:super; font-size:.64em; line-height:1;
  color:var(--accent-deep); font-family:var(--ui-font); font-weight:700;
  white-space:nowrap; margin-inline:2px;
}
#bio-23-14 .bio-footnotes { list-style:none; padding:0; margin:12px 0 0; }
#bio-23-14 .bio-footnote {
  padding:9px 1px; margin:0; font-family:var(--radi-typ-poem);
  font-size:clamp(14px,1.3vw,17px); line-height:1.9;
  color:var(--ink); border-top:1px solid var(--line);
}
#bio-23-14 .bio-footnote-number {font-family:var(--ui-font);font-size:.85em;color:var(--muted);margin-inline-end:6px;}
#bio-23-14 .bio-criticism blockquote {margin-block:0!important;}

/* Focused mobile review. Source text and desktop astrolabe are preserved. */
#readerView .verse-note-rail{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:6px 36px 0 40px;position:relative}
#readerView .verse-note-rail .verse-note-marker{position:static;vertical-align:baseline;font:500 12px/1.5 var(--ui-font);min-height:36px;min-width:48px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink)}
#readerView .verse-no{font-family:var(--ui-font);font-variant-numeric:tabular-nums;opacity:1}
.radi-reader-help{margin:12px 0 18px;color:var(--muted);font:13px/1.9 var(--ui-font)}
.radi-reader-help summary{cursor:pointer;padding:10px 0;min-height:44px;color:var(--accent)}
.radi-reader-help p{margin:5px 0;padding:0 10px;border-inline-start:2px solid var(--line)}
.phrase-list span{direction:rtl;unicode-bidi:isolate;line-height:1.9}
.phrase-list b{color:var(--accent)}
.radi-map-legend,#atlasStage .atlas-map-credit{font:12px/1.8 var(--ui-font);color:var(--ink);padding:8px;margin:0}
#atlasStage .atlas-node circle:first-of-type{vector-effect:non-scaling-stroke}
#atlasStage .atlas-node:focus-visible circle:first-of-type{stroke:var(--ink);stroke-width:3}
#atlasStage .radi-map-cluster text{fill:var(--paper)!important}
#atlasStage .radi-map-toolbar{flex-wrap:wrap;gap:8px}
#atlasStage .radi-map-zoom{flex-wrap:wrap}
#atlasStage .radi-map-zoom button{font:500 13px/1.5 var(--ui-font)}
#atlasStage .radi-map-directory-toggle{font:500 13px/1.5 var(--ui-font)}
@media(max-width:760px){
 html.radi-next .topbar-inner{padding:7px 12px!important;gap:8px}
 html.radi-next .top-actions .iconbtn{width:36px;min-width:36px!important;min-height:40px!important}
 html.radi-next .top-actions .mode-toggle{min-height:40px;font-size:11px!important;padding:4px 8px}
 html.radi-next .mobile-nav{padding:4px 8px calc(5px + env(safe-area-inset-bottom))!important}
 html.radi-next .mobile-nav button{min-height:44px!important;font-size:11px!important}
 #readerView .verse{padding-top:30px!important;padding-bottom:12px!important}
 #readerView .verse-no{top:0;right:0;left:auto;font-size:12px;width:34px;min-width:34px;height:30px;transform:none}
 #readerView .verse-lens-btn{bottom:9px;width:34px;height:34px}
 #readerView .verse-note-rail{margin-top:8px}
 #indexesView .astrolabe-experiment{padding:16px 12px;gap:16px}
 #indexesView .astrolabe-frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;aspect-ratio:auto;width:100%;max-width:none;margin:0}
 #indexesView .astrolabe-frame:before,#indexesView .astrolabe-frame:after,#indexesView .astro-ornament{display:none}
 #indexesView .astrolabe-center{position:static;grid-column:1/-1;border:0;background:none;box-shadow:none;border-radius:0;padding:4px;backdrop-filter:none}
 #indexesView .astro-node{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:82px;border-radius:14px;transform:none!important;scale:1!important;padding:12px;gap:8px;animation:none!important}
 #indexesView .astro-node b{font-size:21px}
 #indexesView .astro-side{min-height:0;padding:14px}
 :is(.lab-panel,.profile-panel,.atlas-detail){padding:16px!important;border-radius:16px!important}
 :is(.lexicon-grid,.profile-columns){gap:12px!important}
 :is(.profile-hero,.lexicon-hero){padding:18px!important;gap:14px}
 :is(.lab-panel,.profile-panel) h3{margin-block:0 12px}
 :is(.lab-panel,.profile-panel,.atlas-detail,.atlas-caption) p{font-size:14px;line-height:1.9}
 :is(.index-card,.hub-card) small,:is(.profile-kpis,.lab-kpis,.atlas-kpis) span,.context-card small,.atlas-caption>span,.note-source-citation,.note-unlocated{font-size:12px!important;line-height:1.8!important;opacity:1!important;color:var(--muted)}
 .index-card{padding:16px 12px!important}
 .index-card h3{margin-block:0 8px}
 .collocate-cloud small,.phrase-list small,.word-rel-list b{font:500 12px/1.5 var(--ui-font);opacity:1}
 #radiCommand .command-footer{display:none}
 #radiCommandClose{min-width:48px;min-height:44px;font:500 13px var(--ui-font)}
 #radiCommandInput{min-width:0;font-size:16px}
 .constraints select{font-size:14px!important;min-height:44px}
 #clearFilters{font-size:13px;min-height:44px}
}
@media print{.verse-note-rail,.radi-reader-help{display:none!important}}

/* A discreet, keyboard-friendly visitor corrections panel. */
.radi-report-fab,.radi-report-footer,.radi-report-verse,.radi-report-note,.radi-report-lens{font:inherit;cursor:pointer}
.radi-report-fab{position:fixed;z-index:99;inset-inline-end:14px;bottom:calc(17px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line,#d7cdb7);border-radius:999px;background:var(--paper,#faf7f0);color:var(--accent,#6c4e34);box-shadow:0 2px 10px #00000014;font-size:12px;font-weight:700;line-height:1.25}
.radi-report-fab:hover,.radi-report-footer:hover,.radi-report-verse:hover,.radi-report-note:hover,.radi-report-lens:hover{color:var(--gold,#ae7f3c);border-color:var(--gold,#ae7f3c)}
.radi-report-footer{border:0;background:none;color:inherit;padding:6px 10px;font-size:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#readerView .verse .radi-report-verse{position:absolute;top:4px;right:41px;z-index:2;display:grid;place-items:center;min-width:30px;min-height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted,#7a6d5e);font-family:system-ui,sans-serif;font-size:18px;line-height:1;opacity:.65}
#readerView .verse:hover .radi-report-verse,#readerView .verse .radi-report-verse:focus-visible{opacity:1}
#readerView .radi-report-note{display:block;max-width:max-content;margin-top:8px;padding:5px 7px;border:1px solid var(--line,#d7cdb7);background:transparent;color:var(--muted,#7a6d5e);border-radius:6px;font-size:11px}
#verseLensBody .radi-report-lens{padding:8px;border:1px solid var(--line,#d7cdb7);border-radius:8px;background:var(--paper,#faf7f0);color:var(--accent,#6c4e34);font-size:12px}
.radi-report-dialog{box-sizing:border-box;position:fixed;inset:0;max-width:min(470px,calc(100vw - 24px));width:100%;max-height:min(90dvh,750px);overflow:auto;margin:auto;padding:0;border:1px solid var(--line,#d7cdb7);border-radius:15px;background:var(--paper,#faf7f0);color:var(--ink,#2b251e);box-shadow:0 16px 50px #0004;text-align:right;direction:rtl}
.radi-report-dialog::backdrop{background:#14100bbf;backdrop-filter:blur(2px)}
.radi-report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 3px}
.radi-report-overline{color:var(--muted,#7a6d5e);font-size:10px;letter-spacing:.3px}
.radi-report-heading h2{font-family:var(--radi-typ-display,var(--display-font),serif);font-size:clamp(24px,4vw,30px);font-weight:600;margin:4px 0}
#radiReportClose{flex:none;width:37px;height:37px;border:1px solid var(--line,#d7cdb7);border-radius:50%;background:transparent;color:inherit;font-family:system-ui,sans-serif;font-size:25px;line-height:1}
.radi-report-intro{padding:0 23px;margin:0 0 12px;color:var(--muted,#7a6d5e);font-size:13px;line-height:1.9}
#radiReportForm{padding:0 23px 23px;display:grid;gap:7px;font-size:13px}
#radiReportForm label{margin-top:9px;font-size:12px;color:var(--ink,#2b251e);font-weight:700}
#radiReportForm select,#radiReportForm textarea,#radiReportForm input[type=email]{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid var(--line,#d7cdb7);border-radius:7px;padding:11px 13px;background:var(--paper-strong,var(--paper,#fff));color:var(--ink,#2b251e);font:inherit;font-size:14px;line-height:1.7;direction:rtl}
#radiReportForm textarea{resize:vertical;min-height:100px}
#radiReportForm input[type=email]{direction:ltr;text-align:right}
#radiReportForm :is(select,textarea,input):focus-visible,#radiReportForm button:focus-visible,.radi-report-fab:focus-visible,.radi-report-verse:focus-visible{outline:2px solid var(--accent,#8c633b);outline-offset:2px}
.radi-report-context{background:var(--paper-soft,#efece4);padding:8px 11px;border-inline-start:3px solid var(--gold,#b68a46);border-radius:5px;color:var(--muted,#6f665a);font-size:11px;line-height:1.8;margin:5px 0 0}
.radi-report-quoted{white-space:pre-wrap;border:0;border-inline-start:2px solid var(--line,#d7cdb7);padding:6px 11px;margin:0;font-family:var(--poem-font,serif);line-height:1.9;font-size:14px;max-height:115px;overflow:auto}
.radi-report-privacy,.radi-report-pending{font-size:11px;line-height:1.75;color:var(--muted,#7a6d5e);margin:3px 0}
.radi-report-pending{font-weight:700}
.radi-report-status{font-size:12px;min-height:18px;line-height:1.6;margin:0}
.radi-report-status[data-state=error]{color:#a13d30}
.radi-report-status[data-state=success]{color:#306c53}
.radi-report-controls{display:flex;gap:9px;margin-top:7px}
.radi-report-controls button{border:1px solid var(--line,#d7cdb7);border-radius:7px;padding:10px 14px;background:transparent;color:inherit;font-size:13px;font-weight:700}
#radiReportSubmit{flex:1;background:var(--accent,#765537);color:var(--paper,#fff);border-color:var(--accent,#765537)}
#radiReportSubmit:disabled{opacity:.6;cursor:wait}
.radi-report-trap{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.radi-report-fab{bottom:calc(78px + env(safe-area-inset-bottom));inset-inline-end:9px;padding:7px 10px;font-size:11px;z-index:100}#readerView .verse .radi-report-verse{right:39px;top:0px;opacity:.85;min-width:30px;min-height:30px}.radi-report-heading{padding:17px 16px 2px}.radi-report-intro{padding-inline:16px}#radiReportForm{padding:0 16px 18px}.radi-report-dialog{max-height:calc(100dvh - 25px)}}
@media print{.radi-report-fab,.radi-report-dialog,.radi-report-footer,.radi-report-verse,.radi-report-note,.radi-report-lens{display:none!important}}

/* Focused readability repairs; preserve the existing Arabic visual identity. */
:root{--muted:#526575}
body.dark,body[data-theme="dark"],html[data-theme="dark"]{--muted:#c0cedb}
.reader-kicker,.text-mode-status,.note-source-citation,.radi-overline,.radi-home-search-hints,.reader-intro-hint{opacity:1!important;color:var(--muted)!important}
.reader-kicker,.text-mode-status,.note-source-citation{font-size:13px!important;line-height:1.8!important}
#readerView .verse{padding-top:16px!important;padding-bottom:14px!important}
#readerView .verse .radi-report-verse,#copyPoemInline,#selectPoemVerses{display:none!important}
.edition-card{padding:12px 0;font:15px/1.9 var(--ui-font);color:var(--ink)}
.edition-card p{margin:6px 0}.edition-card a{display:inline-block;margin:6px 0 6px 18px;text-decoration:underline}
.note-review-state{display:block;font:13px/1.8 var(--ui-font);color:var(--muted);margin-top:8px}
.optional-astrolabe{margin-block:20px}.optional-astrolabe>summary{cursor:pointer;padding:16px;font-size:16px}
.optional-astrolabe .astrolabe-experiment{margin-top:16px}
.coverage-note,.lexicon-progress{font:14px/1.9 var(--ui-font);color:var(--muted)}
.compare-controls input[type=search]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin-block:8px;background:var(--paper);color:inherit}
:where(button,a,input,select,summary):focus-visible{outline:3px solid #8b6028!important;outline-offset:4px}
.radi-font-more{padding:8px 0}.radi-font-more summary{cursor:pointer;font:14px/1.8 var(--ui-font)}
@media(max-width:760px){
 .reader-intro{margin:12px 0!important}.reader-head-main{margin-block:10px!important}
 #readerHead h1{font-size:38px!important;line-height:1.35!important}
 .reader-textbar{padding:12px!important;margin-block:12px!important}
 .reader-floating{gap:8px!important}.reader-floating button{min-height:44px}
 #readerView .verse{padding-block:14px!important}
 .radi-hero{padding-block:24px!important;min-height:0!important}
 #radiHeroTitle{font-size:clamp(36px,10vw,50px)!important;line-height:1.3!important}
 .radi-hero p{font-size:15px!important;line-height:1.9!important}
 .edition-card{font-size:14px}.radi-report-fab{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html.radi-next{--muted:#526575!important}
html.radi-next[data-theme="dark"]{--muted:#c0cedb!important}
.radi-menu a{font-size:14px!important}
.verse-no{font-size:13px!important;min-width:36px;min-height:36px}
.radi-section-head a,.radi-hero-actions a{font-size:14px!important}
.reader-dock button{font-size:13px!important;min-height:40px}
/* Keep the reading surface clear; reporting remains in the verse lens and footer. */
@media(max-width:760px){body:has(#readerView.active) #radiReportFab{display:none!important}}

/* v24.8.5 — clear manual shuffle affordance; no change to site identity. */
#anotherHomeVerse{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px!important;min-width:115px!important;width:auto!important;padding:8px 13px!important;border:1px solid currentColor!important;border-radius:999px!important;font-family:var(--ui-font)!important;font-size:13px!important;line-height:1.5!important;white-space:nowrap!important;cursor:pointer!important}
#anotherHomeVerse .ui-icon{width:17px!important;height:17px!important;flex:none}
#anotherHomeVerse span{display:inline!important;font:inherit!important}
#anotherHomeVerse:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
@media(max-width:450px){#anotherHomeVerse{min-width:110px!important;min-height:44px!important;padding-inline:10px!important;font-size:12px!important}}

/* 24.8.30: each half has its own line on phones, even with a saved horizontal setting. */
@media(max-width:760px){
 html[data-verse-layout] #readerView .verse-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
 html[data-verse-layout] #readerView .hemistich{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.95!important}
 #readerBack{min-height:44px;min-width:120px}
}

@font-face{font-family:"Radi Uthman Regular";src:url(/assets/font-f4a2b776261e.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap;}@font-face{font-family:"Radi Uthman Bold";src:url(/assets/font-c881678c4f96.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap;}

html:has(#readerView.active){--paper:#f8f6f0;--paper-strong:#fcfbf7;--ink:#24333c;--muted:#596975;--accent:#476c80;--line:#d7dcd9}
body:has(#readerView.active){background:#f8f6f0!important;background-image:none!important}
body:has(#readerView.active)::before,body:has(#readerView.active)::after{display:none!important}
#readerView{padding-top:4px!important}
#readerView .reader-dock{display:none!important}
#readerView .reader-head{padding:0 0 12px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#readerView .back{padding:0 0 10px!important;font-size:13px;color:#476c80}
#readerView .reader-head-main{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}
#readerView .reader-title-block{display:flex;flex-direction:column;align-items:center;gap:3px}
#readerView .reader-title-block h1{order:-1;font-size:clamp(34px,6vw,48px)!important;margin:0!important;line-height:1.45!important}
#readerView .reader-kicker{font-size:12px!important;margin:0!important}
#readerView .reader-quick{display:flex!important;flex-wrap:nowrap;justify-content:center;gap:0!important;width:100%}
#readerView .reader-quick .btn{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:8px 12px!important;min-height:40px!important;font-size:13px!important}
#readerView .reader-quick .btn+[class]{border-inline-start:1px solid var(--line)!important}
#readerView .reader-progress{margin:4px 0!important;height:2px!important}
#readerView .poem-sheet{padding:4px 0 16px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
#readerView .verse{background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid #d7dcd950!important;margin:0!important;padding:16px 24px!important}
#readerView .verse.selected{background:#476c8015!important}
#readerView .hemistich{font-family:var(--poem-font)!important;color:var(--ink)!important}
#readerView .reader-after{margin-top:24px;border-top:1px solid var(--line)}
#readerView .reader-after details{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:14px 0!important}
#readerView .reader-after summary{font-size:15px!important;color:var(--ink)}
#readerView .reader-intro summary::before{content:none!important}
#readerView .reader-intro-hint{display:none}
#readerView .reader-floating{margin:16px 0!important}
#readerView .reader-floating button{background:none!important;border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:none!important}
#readerView .poem-nav{margin-top:20px!important;gap:12px}
#readerView .poem-nav button{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--accent)!important}
#readerView .reader-textbar{margin:10px 0!important;border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
#readerView .reader-textbar-actions{display:none!important}
#readerView .text-mode-status{font-size:12px;line-height:1.8}
@media(max-width:700px){#readerView .verse-body{display:flex!important;flex-direction:column!important;gap:3px!important}#readerView .hemistich{display:block!important;flex:none!important;width:100%!important;text-align:center!important}body:has(#readerView.active) .main{padding-top:14px!important}#readerView .reader-wrap{width:100%!important}}
html[data-theme="dark"]:has(#readerView.active){--paper:#182027;--paper-strong:#202b33;--ink:#ece9df;--muted:#bdc5cb;--line:#3e4c55;--accent:#adc7d6}
html[data-theme="dark"] body:has(#readerView.active){background:#182027!important}


#readerView #readerFav{color:var(--ink,#24333c)!important}
#readerView #readerFav[aria-pressed="true"],#readerView #readerFav.primary{color:#36596b!important;background:transparent!important}
#readerView #readerFav svg,#readerView #readerFav span{color:inherit!important}
html[data-theme="dark"] #readerView #readerFav[aria-pressed="true"],html[data-theme="dark"] #readerView #readerFav.primary{color:#b9d7e6!important}
#readerView #readerFav:focus-visible{outline:2px solid currentColor;outline-offset:3px}

@font-face{font-family:"Radi KSA Heavy";src:url(/assets/font-62d9282338c5.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}html:root{--display-font:"Radi KSA Heavy",serif}h1,h2,h3,h4,h5,h6,.reader-head h1,.poem-card h3,.section-head h2,.hero-name{font-family:"Radi KSA Heavy",serif!important;font-weight:900!important;font-synthesis:none;letter-spacing:normal!important}

#settings .radi-font-setting,#settings .radi-font-more,#settings .radi-font-preview,#settings .radi-font-import{display:none!important}
#readerView .reader-quick #readerFontToggle{font-family:"Radi Uthman Regular",serif!important;font-size:27px!important;line-height:1!important;min-width:44px;min-height:44px;color:var(--ink)!important;border:0!important;padding:4px 10px!important}
#readerView #readerFontToggle[aria-pressed="true"]{font-family:"Radi Uthman Bold",serif!important;color:var(--accent)!important}
#readerFontToggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#settings .settings-panel{background:#f8f6f0!important;color:#24333c!important;backdrop-filter:none!important;max-height:85dvh;overflow:auto;border:1px solid #d7dcd9!important;border-radius:14px!important}
html[data-theme="dark"] #settings .settings-panel{background:#202b33!important;color:#ece9df!important;border-color:#3e4c55!important}
#settings .settings-panel>b{font-family:"Radi KSA Heavy",serif;font-size:25px}
#settings select{max-width:65%;color:inherit;background:transparent}
#settings input{accent-color:#476c80}
#settings .settings-close{float:left;background:none;border:0;color:inherit;font-size:26px;min-width:44px;min-height:44px}

#v23Studio .v23-studio-settings{background:#f8f6f0!important;color:#24333c!important}#v23Studio select,#v23Studio .v23-choice{color:#24333c!important;background:#fffdf8!important;border:1px solid #cbd3d5!important}#v23Studio .v23-choice[aria-pressed="true"]{background:#476c80!important;color:white!important}#v23Studio input{accent-color:#476c80}#v23Studio .v236-inline-toggle{display:flex;align-items:center;gap:10px;padding:6px 0}#v23Studio .v23-color[aria-pressed="true"]{outline:2px solid #476c80;outline-offset:3px}

#v23Studio,#v23Studio *{box-sizing:border-box}
#v23Studio{overflow:hidden!important;padding:12px!important;max-width:100vw!important}
#v23Studio .v23-studio-shell{width:min(1100px,100%)!important;max-width:100%!important;min-width:0!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;grid-template-columns:minmax(0,360px) minmax(0,1fr)!important}
#v23Studio .v23-studio-settings,#v23Studio .v23-studio-preview{min-width:0!important;max-width:100%!important;width:100%!important}
#v23Studio .v23-studio-settings{overflow-y:auto!important;overflow-x:hidden!important;font-size:14px!important}
#v23Studio .v23-studio-preview{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:16px!important;gap:10px!important;background:#20282e!important}
#v23Studio #v23Preview{display:block!important;flex:0 1 auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100dvh - 160px)!important;object-fit:contain!important;min-width:0!important;box-shadow:none!important}
#v23Studio .v236-pages{display:flex!important;flex:0 0 auto;align-items:center;justify-content:center;gap:16px!important;width:auto!important;font-size:14px!important}
#v23Studio .v236-pages button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;padding:0!important;border-radius:50%!important;font-size:25px!important;line-height:1!important}
#v23Studio .v23-preview-note{display:none!important}
#v23Studio .v23-formats{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
#v23Studio .v23-choice{flex:1 1 75px!important;width:auto!important;min-width:0!important;min-height:42px!important;padding:8px 5px!important;font-size:13px!important;white-space:normal!important}
#v23Studio select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:15px!important}
#v23Studio input[type="range"]{width:100%!important;max-width:100%!important}
#v23Studio .v23-studio-top h2{font-size:23px!important;line-height:1.6!important}
#v23Studio .v23-studio-top{display:flex!important;justify-content:space-between;align-items:center}
#v23Studio .v23-studio-close{flex:0 0 40px;width:40px!important;height:40px!important;font-size:25px!important}
#v23Studio .v23-setting{min-width:0!important;margin-bottom:14px!important}
#v23Studio .v23-color{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important}
@media(max-width:760px){#v23Studio{padding:6px!important}#v23Studio .v23-studio-shell{height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,43%) minmax(0,57%)!important;border-radius:12px!important}#v23Studio .v23-studio-preview{grid-row:1!important;padding:10px!important;gap:6px!important}#v23Studio .v23-studio-settings{grid-row:2!important;padding:15px!important}#v23Studio #v23Preview{max-height:calc(43dvh - 75px)!important;max-width:100%!important}#v23Studio .v236-pages button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}

@font-face{font-family:"Radi Signature Nastaliq";src:url(/assets/font-fdfd0acfd870.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
#v23Studio #v23Colors{display:flex;gap:12px}#v23Studio #v23Colors .v23-color{width:auto!important;height:52px!important;min-width:90px!important;flex:1 1 0!important;border-radius:7px!important;font-size:16px!important;border:1px solid #9caeb8!important}#v23Studio #v23Colors .card-style-paper{background:#f8f6f0!important;color:#24333c!important}#v23Studio #v23Colors .card-style-night{background:#182027!important;color:#f5f1e8!important}
#v23Studio .v23-setting:has(#v23Font){display:none!important}

#selectionBar[hidden]{display:none!important}
#selectionBar{position:fixed!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;display:flex!important;align-items:center;gap:8px!important;width:max-content!important;max-width:calc(100vw - 20px)!important;flex-wrap:wrap!important;justify-content:center;padding:10px 12px!important;border:1px solid #c5cfd2!important;border-radius:12px!important;background:#f8f6f0!important;color:#24333c!important;backdrop-filter:none!important;z-index:900!important}
#selectionBar #selectAllVerses,#selectionBar #copySelectedCitation,#selectionBar #linkSelected,#selectionBar #shareSelected{display:none!important}
#selectionBar button{font-size:13px!important;min-height:44px;padding:7px!important;color:inherit!important;background:transparent!important;border:0!important}
#selectionBar #selectedCount{font-size:12px!important}
html[data-theme="dark"] #selectionBar{background:#202b33!important;color:#ece9df!important;border-color:#475862!important}
body.v23-studio-active #selectionBar{display:none!important}
#readerView .verse{touch-action:pan-y;-webkit-touch-callout:none}
body.verse-select-mode #readerView .verse{user-select:none;-webkit-user-select:none;cursor:pointer!important}
body.verse-select-mode #readerView .verse::before{display:none!important}
#readerView .verse.selected{background:color-mix(in srgb,var(--accent) 13%,transparent)!important;box-shadow:inset -2px 0 var(--accent)!important}
body.verse-select-mode #readerView{padding-bottom:85px!important}

#readerView #poemSheet,#readerView #poemSheet .verse,#readerView #poemSheet .verse-body,#readerView #poemSheet .hemistich{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}#readerView .verse-no{cursor:pointer;touch-action:manipulation}#selectionBar{z-index:10050!important}

.topbar .topbar-inner{gap:10px!important}
.topbar #modeSwitch,.topbar #randomTop,.topbar #favoritesTop{display:none!important}
.topbar .iconbtn{box-shadow:none!important;border-radius:8px!important;min-width:42px;min-height:42px}
.topbar .radi-command{box-shadow:none!important}
.mobile-nav{background:#f8f6f0!important;border-top:1px solid #d0d8da!important;backdrop-filter:none!important;box-shadow:none!important;padding-bottom:env(safe-area-inset-bottom)!important}
.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;color:#596975!important;text-decoration:none;font-size:11px!important;border-radius:0!important;background:none!important;position:relative}
.mobile-nav a[aria-current="page"]{color:#36596b!important;font-weight:700}
.mobile-nav a[aria-current="page"]::before{content:'';position:absolute;top:0;width:24px;height:2px;background:currentColor}
.mobile-nav .ui-icon{width:21px;height:21px}
html[data-theme="dark"] .mobile-nav{background:#182027!important;border-color:#3e4c55!important}
html[data-theme="dark"] .mobile-nav a{color:#bcc6cd!important}
html[data-theme="dark"] .mobile-nav a[aria-current="page"]{color:#b9d7e6!important}
body.verse-select-mode .mobile-nav,body.v23-studio-active .mobile-nav{display:none!important}
#settings .settings-panel{box-shadow:0 12px 40px #0002!important}
#settings .setting-row{gap:12px;min-height:52px}
#settings .settings-panel :is(button,select,input):focus-visible,.topbar button:focus-visible,.mobile-nav a:focus-visible{outline:2px solid #476c80;outline-offset:3px}
@media(max-width:700px){.topbar .radi-breadcrumb{font-size:13px!important}.topbar .radi-top-left{gap:5px!important}.topbar .top-actions{gap:5px!important}.topbar .radi-command kbd{display:none!important}.topbar .radi-command{min-height:42px}.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

@media(max-width:900px){.mobile-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:58px!important;gap:0!important;height:calc(59px + env(safe-area-inset-bottom))!important;min-height:0!important;align-items:stretch!important}.mobile-nav>button,.mobile-nav>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:0!important;height:58px!important;margin:0!important;padding:5px 2px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#596975!important;font-size:11px!important;line-height:1.4!important}.mobile-nav .ui-icon{width:21px!important;height:21px!important}.mobile-nav>[aria-current="page"]{color:#36596b!important}html[data-theme="dark"] .mobile-nav>button{color:#bcc6cd!important}html[data-theme="dark"] .mobile-nav>[aria-current="page"]{color:#b9d7e6!important}}

/* One palette, three surface depths. Exported poetry canvases keep their own palette. */
:root,html[data-theme="light"]{
 color-scheme:light;--bg:#e9f0f4;--glass-ink:#203844;--glass-muted:#4d6573;--glass-accent:#35677f;
 --glass-solid:#edf3f6;--glass-bg:rgba(255,255,255,.48);--glass-raised:rgba(249,253,255,.82);--glass-edge:rgba(255,255,255,.92);
 --glass-sheen:rgba(255,255,255,.52);--glass-line:rgba(48,86,108,.18);--glass-tint:rgba(66,113,139,.12);
 --glass-shadow:0 12px 32px rgba(38,71,93,.09),inset 0 1px 0 rgba(255,255,255,.9);
 --glass-overlay:rgba(21,41,56,.25);--glass-field:rgba(255,255,255,.64);--glass-on-accent:#fff;
 --paper:var(--glass-bg);--paper-strong:var(--glass-raised);--paper-soft:var(--glass-tint);--ink:var(--glass-ink);--muted:var(--glass-muted);--accent:var(--glass-accent);--accent-deep:#2b5369;--gold:var(--glass-accent);--gold-soft:#b5ceda;--line:var(--glass-line);--line-dark:rgba(48,86,108,.3);--shadow:var(--glass-shadow)
}
html[data-theme="dark"]{
 color-scheme:dark;--bg:#101c27;--glass-ink:#e8f0f5;--glass-muted:#adbfcc;--glass-accent:#b0d4e6;
 --glass-solid:#1b2c39;--glass-bg:rgba(30,49,65,.58);--glass-raised:rgba(25,43,58,.86);--glass-edge:rgba(191,222,240,.23);
 --glass-sheen:rgba(181,218,240,.08);--glass-line:rgba(170,203,224,.2);--glass-tint:rgba(147,198,225,.14);
 --glass-shadow:0 14px 36px rgba(0,8,17,.24),inset 0 1px 0 rgba(211,235,248,.12);
 --glass-overlay:rgba(3,12,22,.48);--glass-field:rgba(13,29,42,.55);--glass-on-accent:#142d3c;
 --accent-deep:#c9e4f1;--gold-soft:#3e647b;--line-dark:rgba(170,203,224,.36)
}
html body,html body:has(#readerView.active){
 background:radial-gradient(ellipse at 0% 0%,#b9d6e4 0,transparent 52%),radial-gradient(ellipse at 100% 58%,#d5dbea 0,transparent 52%),radial-gradient(ellipse at 15% 100%,#d2e5e5 0,transparent 45%),var(--bg)!important;
 background-attachment:fixed!important;background-size:cover!important;color:var(--glass-ink)!important
}
html[data-theme="dark"] body,html[data-theme="dark"] body:has(#readerView.active){background:radial-gradient(ellipse at 0% 0%,#23495d 0,transparent 55%),radial-gradient(ellipse at 100% 58%,#29364f 0,transparent 50%),radial-gradient(ellipse at 10% 100%,#183a43 0,transparent 45%),var(--bg)!important}
html body::before,html body::after{display:none!important}
html:has(#readerView.active){--ink:var(--glass-ink)!important;--muted:var(--glass-muted)!important;--accent:var(--glass-accent)!important;--line:var(--glass-line)!important;--paper:var(--glass-bg)!important;--paper-strong:var(--glass-raised)!important}
/* Content surfaces use a quieter finish than the floating controls. */
html body :is(.glass-panel,.poem-card,.quote-card,.index-card,.stat-card,.research-panel,.source-card,.lab-panel,.profile-panel,.about-panel,.edition-card,.opening-card,.context-card,.reader-after,.poem-footnotes){
 background:linear-gradient(135deg,var(--glass-sheen),transparent 62%),var(--glass-bg)!important;
 color:var(--glass-ink)!important;border:1px solid var(--glass-edge)!important;border-radius:20px!important;box-shadow:var(--glass-shadow)!important;
 backdrop-filter:blur(16px) saturate(125%)!important;-webkit-backdrop-filter:blur(16px) saturate(125%)!important
}
html body :is(.about-panel,.lab-panel,.profile-panel){padding:24px!important}
html body :is(.topbar,.sidebar,.mobile-nav,.settings-panel,.drawer,.radi-command-dialog,.overlay-card,#selectionBar){
 background:linear-gradient(125deg,var(--glass-sheen),transparent 55%),var(--glass-raised)!important;
 color:var(--glass-ink)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important;
 backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important
}
html body .topbar{border-radius:0!important;border-inline:0!important;border-top:0!important;background-color:var(--glass-bg)!important}
html body .sidebar{border-radius:0!important;border-block:0!important}
html body .radi-welcome,html body .radi-menu{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html body #settings .settings-panel,html[data-theme="dark"] body #settings .settings-panel{background:linear-gradient(125deg,var(--glass-sheen),transparent 55%),var(--glass-raised)!important;color:var(--glass-ink)!important;border:1px solid var(--glass-edge)!important;border-radius:24px!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important}
html body :is(.settings,.overlay,.drawer-scrim){background:var(--glass-overlay)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
html body :is(.drawer,.overlay-card,.radi-command-dialog){border-radius:24px!important}
/* A single treatment for controls and clear selected / saved states. */
html body :is(.btn,.iconbtn,.chip,.heart,.radi-command,.menu-action,.v23-choice){background:var(--glass-field)!important;color:var(--glass-ink)!important;border:1px solid var(--glass-line)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 var(--glass-sheen)!important;transition:background .18s,border-color .18s,box-shadow .18s}
html body :is(.btn,.iconbtn,.menu-action){min-height:44px}
html body :is(.btn.primary,.heart.on,.chip.active,.v23-choice[aria-pressed="true"]){background:var(--glass-accent)!important;color:var(--glass-on-accent)!important;border-color:transparent!important}
html body :is(input[type="search"],input[type="text"],select,textarea){background:var(--glass-field)!important;color:var(--glass-ink)!important;border:1px solid var(--glass-line)!important;border-radius:12px!important;box-shadow:inset 0 1px 3px rgba(18,42,58,.04)!important}
html body :is(input,textarea)::placeholder{color:var(--glass-muted);opacity:1}
html body input:is([type="range"],[type="checkbox"]){accent-color:var(--glass-accent)}
html body :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--glass-accent)!important;outline-offset:4px}
html body button:disabled{opacity:.42;cursor:default}
html body :is(.meta,.eyebrow,.count,.reader-kicker,.footer,.setting-note){color:var(--glass-muted)!important}
html body :is(.nav,.radi-menu) button.active{background:var(--glass-tint)!important;color:var(--glass-accent)!important;border-color:var(--glass-line)!important}
/* Calm poem reading; glass is carried by the tools around the text. */
html body #readerView .poem-sheet{background:transparent!important}
html body #readerView .hemistich{color:var(--glass-ink)!important}
html body #readerView .verse{border-bottom-color:var(--glass-line)!important}
html body #readerView .verse.selected{background:var(--glass-tint)!important;box-shadow:inset -3px 0 0 var(--glass-accent)!important}
html body #readerView .reader-quick{width:fit-content!important;max-width:100%;margin:4px auto 8px;padding:4px!important;background:var(--glass-bg)!important;border:1px solid var(--glass-edge)!important;border-radius:16px!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html body #readerView .reader-quick .btn{color:var(--glass-ink)!important;border-radius:10px!important;min-height:44px!important}
html body #readerView #readerFav.primary{color:var(--glass-accent)!important;background:var(--glass-tint)!important}
html body #readerView .reader-after{padding:0 20px!important}
html body #readerView .back{color:var(--glass-accent)!important}
html body #selectionBar{border-radius:18px!important;background:var(--glass-raised)!important;color:var(--glass-ink)!important}
/* Editor chrome only. The exported ivory / navy artwork is unchanged. */
html body #v23Studio .v23-studio-shell{background:var(--glass-raised)!important;border:1px solid var(--glass-edge)!important;border-radius:24px!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;overflow:hidden}
html body #v23Studio .v23-studio-settings{background:transparent!important;color:var(--glass-ink)!important}
html body #v23Studio .v23-studio-preview{background:rgba(15,29,41,.28)!important}
html body #v23Studio .v23-choice{background:var(--glass-field)!important;color:var(--glass-ink)!important;border-color:var(--glass-line)!important}
html body #v23Studio .v23-choice[aria-pressed="true"]{background:var(--glass-accent)!important;color:var(--glass-on-accent)!important}
@media(hover:hover){html body :is(.btn,.iconbtn,.chip,.menu-action):not(:disabled):hover{border-color:var(--glass-accent)!important;box-shadow:0 3px 12px var(--glass-tint)!important}html body .poem-card:hover{border-color:var(--glass-accent)!important}}
@media(max-width:900px){
 html body .mobile-nav{inset-inline:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:520px!important;margin-inline:auto!important;height:66px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important;padding:5px!important;gap:4px!important;border:1px solid var(--glass-edge)!important;border-radius:22px!important;background-color:var(--glass-bg)!important}
 html body .mobile-nav>button,html[data-theme="dark"] body .mobile-nav>button{min-width:0!important;min-height:0!important;height:54px!important;gap:3px!important;padding:4px 1px!important;border:0!important;background:transparent!important;color:var(--glass-muted)!important;border-radius:16px!important;font-size:11px!important;line-height:1.3!important;box-shadow:none!important}
 html body .mobile-nav>[aria-current="page"],html[data-theme="dark"] body .mobile-nav>[aria-current="page"]{background:var(--glass-tint)!important;color:var(--glass-accent)!important;box-shadow:inset 0 0 0 1px var(--glass-line)!important}
 html body .mobile-nav>button::before,html body .mobile-nav>button::after{display:none!important}
 html body .mobile-nav .ui-icon{width:21px!important;height:21px!important}
 html body .main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
 html body :is(.about-panel,.lab-panel,.profile-panel){padding:18px!important}
 html body #readerView .reader-quick .btn{padding-inline:10px!important}
}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{transition:none!important;scroll-behavior:auto!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body :is(.topbar,.sidebar,.mobile-nav,.glass-panel,.poem-card,.settings-panel,.drawer,.overlay-card,.radi-command-dialog,#selectionBar){background:var(--glass-solid)!important}}
@media(prefers-reduced-transparency:reduce){html body :is(.topbar,.sidebar,.mobile-nav,.glass-panel,.poem-card,.settings-panel,.drawer,.overlay-card,.radi-command-dialog,#selectionBar){background:var(--glass-solid)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

html body:has(#readerView.active){background:radial-gradient(ellipse at 0% 0%,#d9e7ed 0,transparent 65%),#edf2f5!important}
html[data-theme="dark"] body:has(#readerView.active){background:radial-gradient(ellipse at 0% 0%,#1d3443 0,transparent 70%),#15232f!important}
html body #readerView .reader-head{padding-bottom:4px!important}
html body #readerView .reader-head-main{gap:5px!important}
html body #readerView .reader-title-block{gap:0!important}
html body #readerView .reader-kicker{margin:0 0 5px!important}
html body #readerView .reader-quick{display:flex!important;gap:4px!important;padding:4px!important;margin:7px auto 12px!important;width:max-content!important;max-width:100%!important;border-radius:17px!important}
html body #readerView .reader-quick .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;white-space:nowrap!important;line-height:1!important;font-size:0!important;gap:0!important}
html body #readerView .reader-quick .btn[hidden]{display:none!important}
html body #readerView .reader-quick .btn span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body #readerView .reader-quick .btn svg{width:21px!important;height:21px!important;flex:none!important}
html body #readerView .reader-quick #readerFontToggle{font-size:27px!important;padding:0!important}
html body #readerView .reader-quick .btn+[class]{border-inline-start:0!important}
html body #readerView .reader-progress{margin:0 0 5px!important}
html body #readerView .verse{padding-block:16px 20px!important;border-bottom-color:color-mix(in srgb,var(--glass-ink) 10%,transparent)!important}
html body #readerView .verse-no{color:var(--glass-muted)!important;font-size:11px!important;min-width:32px!important;min-height:32px!important}
@media(max-width:900px){
 html body #readerView .hemistich{line-height:1.72!important}
 html body #readerView .hemistich.ajuz{padding-top:0!important;margin-top:0!important}
 html body #readerView .verse-body{gap:0!important}
 html body .mobile-nav{transition:transform .22s ease,opacity .22s ease,visibility .22s!important}
 html body.reader-nav-away .mobile-nav{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom)))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){html body .mobile-nav{transition:none!important}}

.seo-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 16px 110px;font-size:14px;color:var(--muted)}body.reader-context .seo-footer-links{display:none}