:root{
  --font:'Vazirmatn',Tahoma,Arial,sans-serif;
  --bg:#fffdfd;--surface:#ffffff;--surface-2:#faf8ff;--surface-3:#fff8ed;
  --text:#171128;--muted:#726a82;--line:#ebe6f4;--line-strong:#ded5ef;
  --purple:#6538d7;--purple-2:#7a4ce6;--purple-soft:#efe9ff;--orange:#ff8a18;--yellow:#ffc43d;--rose:#ef4779;
  --grad:linear-gradient(135deg,#6b37d8 0%,#814fe6 48%,#ff8b1d 100%);
  --grad-warm:linear-gradient(135deg,#fff0c8 0%,#ffe4b0 50%,#ffd27a 100%);
  --shadow:0 16px 44px rgba(58,35,96,.10);--shadow-sm:0 8px 22px rgba(58,35,96,.075);
  --hero-overlay:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 42%,rgba(255,255,255,.18) 75%,rgba(255,255,255,.08) 100%);
  --header:rgba(255,255,255,.90);--footer:#fbf9ff;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#100b1b;--surface:#171022;--surface-2:#1d142b;--surface-3:#221827;
  --text:#fbf8ff;--muted:#b8aec8;--line:#332645;--line-strong:#49375f;
  --purple:#9a72ff;--purple-2:#b090ff;--purple-soft:#2a1d41;--orange:#ff9f2f;--yellow:#ffd45a;--rose:#ff6894;
  --grad:linear-gradient(135deg,#7a43ee 0%,#9a5cff 47%,#ff9325 100%);
  --grad-warm:linear-gradient(135deg,#3a2c13 0%,#402917 50%,#4c2d15 100%);
  --shadow:0 20px 56px rgba(0,0,0,.30);--shadow-sm:0 8px 26px rgba(0,0,0,.24);
  --hero-overlay:linear-gradient(90deg,rgba(16,11,27,.97) 0%,rgba(16,11,27,.80) 42%,rgba(16,11,27,.28) 74%,rgba(16,11,27,.15) 100%);
  --header:rgba(16,11,27,.90);--footer:#0d0916;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.muted{color:var(--muted)}.accent{color:var(--orange)}.purple{color:var(--purple)}.nowrap{white-space:nowrap}

.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.header-row{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:linear-gradient(145deg,#fff2c6,#ff9a23);color:#7d3d00;font-size:20px;box-shadow:0 8px 20px rgba(255,142,27,.22)}.brand-copy{display:grid;line-height:1.15}.brand-copy b{font-family:var(--font);font-size:27px;font-weight:900;letter-spacing:-1.3px;color:var(--purple)}.brand-copy small{font-size:11.5px;font-weight:700;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:24px;margin-inline:auto}.main-nav a{position:relative;font-weight:700;color:var(--text);opacity:.79;padding:25px 0 22px}.main-nav a:hover,.main-nav a.active{opacity:1;color:var(--purple)}.main-nav a.active:after{content:"";position:absolute;bottom:0;inset-inline:8px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--yellow))}.header-actions{display:flex;align-items:center;gap:10px}.header-search{height:42px;display:flex;align-items:center;width:245px;border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.header-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:0 13px}.header-search input::placeholder{color:var(--muted)}.header-search button{width:42px;height:100%;border:0;background:transparent;color:var(--purple);font-size:21px}.theme-toggle,.menu-toggle{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.theme-toggle{position:relative}.theme-toggle .sun,.theme-toggle .moon{position:absolute;transition:.2s}.theme-toggle .moon{opacity:0;transform:scale(.6)}html[data-theme="dark"] .theme-toggle .sun{opacity:0;transform:scale(.6)}html[data-theme="dark"] .theme-toggle .moon{opacity:1;transform:scale(1)}.menu-toggle{display:none}

.import-strip{background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 11%,var(--surface)));border-bottom:1px solid var(--line)}.import-strip .container{display:flex;align-items:center;gap:14px;padding:8px 0}.import-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px color-mix(in srgb,var(--orange) 18%,transparent)}.import-copy{display:flex;gap:8px;align-items:center;min-width:max-content;font-size:12px}.import-bar{height:5px;border-radius:20px;background:var(--line);flex:1;overflow:hidden}.import-bar>i{display:block;height:100%;width:0;background:var(--grad);border-radius:20px;transition:width .4s}.import-pct{font-weight:900;color:var(--purple);font-size:12px}.import-strip.complete{display:none}

.hero{position:relative;isolation:isolate;min-height:530px;border-bottom:1px solid var(--line);background-image:var(--hero-overlay),url('images/hero-garden.webp');background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 22%,rgba(255,190,71,.18),transparent 30%),radial-gradient(circle at 23% 74%,rgba(104,55,217,.13),transparent 32%)}.hero-content{padding:72px 0;display:grid;grid-template-columns:minmax(0,620px) 1fr;gap:40px;align-items:center}.hero-copy{padding:34px 34px 30px;border-radius:32px;background:color-mix(in srgb,var(--surface) 58%,transparent);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(48,24,89,.10)}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--purple) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));font-size:12px;color:var(--purple);font-weight:800}.hero h1{margin:13px 0 0;font-size:clamp(54px,7.4vw,90px);line-height:1;font-family:var(--font);font-weight:900;letter-spacing:-4px;color:var(--purple);text-shadow:0 8px 30px rgba(78,40,165,.12)}.hero h1 .feather{font-size:.52em;color:var(--orange);vertical-align:22%;margin-inline-start:10px}.hero-subtitle{font-size:22px;font-weight:900;margin:11px 0 4px}.hero-description{font-size:16px;color:var(--muted);max-width:520px;margin:0 0 23px}.hero-search{display:flex;min-height:58px;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 16px 40px rgba(65,42,99,.14);overflow:hidden}.hero-search input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--text);padding:0 18px}.hero-search button{border:0;color:white;background:var(--grad);font-weight:900;padding:0 24px;min-width:112px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hero-tags a{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);backdrop-filter:blur(8px)}.hero-quote{align-self:end;justify-self:start;max-width:320px;margin-bottom:10px;padding:21px 22px;border-radius:22px;background:rgba(20,14,29,.48);color:#fff;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px rgba(0,0,0,.20)}html[data-theme="dark"] .hero-quote{background:rgba(12,8,18,.64)}.hero-quote p{font-size:18px;font-weight:700;margin:0}.hero-quote small{opacity:.75}

.section{padding:62px 0}.section.compact{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.7px}.section-title .accent{font-weight:900}.section-note{color:var(--muted);font-size:13px}.see-all{display:inline-flex;align-items:center;gap:6px;color:var(--purple);font-weight:800;font-size:13px}.see-all:hover{color:var(--orange)}

.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:-32px;position:relative;z-index:3}.feature-card{display:grid;place-items:center;text-align:center;min-height:150px;padding:22px 12px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);transition:.22s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--purple) 30%,var(--line));box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:24px;margin-bottom:10px}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:#fff1db;color:var(--orange)}html[data-theme="dark"] .feature-card:nth-child(2) .feature-icon,html[data-theme="dark"] .feature-card:nth-child(5) .feature-icon{background:#362511}.feature-card:nth-child(3) .feature-icon{background:#ffe7f0;color:var(--rose)}html[data-theme="dark"] .feature-card:nth-child(3) .feature-icon{background:#3b1726}.feature-card strong{font-size:16px;font-weight:900}.feature-card small{font-size:12.5px;color:var(--muted)}

.poet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.poet-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);transition:.22s}.poet-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.poet-photo{height:205px;background:linear-gradient(145deg,#fff4d9,#eee7ff);overflow:hidden}.poet-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.poet-card:hover .poet-photo img{transform:scale(1.035)}.poet-info{padding:15px 16px 17px}.poet-info h3{margin:0;font-size:18px;font-weight:900}.poet-info p{margin:4px 0 0;font-size:12.5px;color:var(--muted)}.poet-meta{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}

.spotlight-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.daily-poem,.quote-card{min-height:250px;border-radius:26px;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.daily-poem{background-image:linear-gradient(90deg,rgba(88,40,190,.90),rgba(135,71,220,.74)),url('images/quote-garden.webp');background-size:cover;background-position:center;color:#fff;padding:32px}.daily-poem .badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12.5px}.daily-poem blockquote{font-size:23px;font-weight:800;line-height:2;margin:23px 0 12px;max-width:650px}.daily-poem .poet-name{color:#ffd35a;font-weight:900}.quote-card{background:var(--grad-warm);color:#2d2419;padding:32px}.quote-card:after{content:"❞";position:absolute;left:24px;top:7px;font-size:90px;color:rgba(124,78,10,.14);line-height:1}.quote-card h3{font-size:14px;color:#9a5f00;margin:0 0 20px}.quote-card blockquote{font-size:21px;font-weight:800;line-height:2.1;margin:0;position:relative;z-index:1}.quote-card small{display:block;margin-top:14px;font-weight:800}

.poem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.poem-card{position:relative;padding:19px 18px 17px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-sm);transition:.2s;min-height:190px}.poem-card:before{content:"";position:absolute;right:0;top:20px;width:3px;height:46px;border-radius:4px;background:var(--orange)}.poem-card:nth-child(2n):before{background:var(--purple)}.poem-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--purple) 30%,var(--line))}.poem-card .bookmark{position:absolute;left:16px;top:15px;color:var(--purple);font-size:19px}.poem-card h3{margin:0 0 3px;padding-left:28px;font-size:16px;font-weight:900}.poem-card .by{font-size:12.5px;color:var(--muted)}.poem-card .excerpt{margin:18px 0 12px;color:var(--text);opacity:.82;font-size:13px;line-height:2}.pill{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:11.5px;font-weight:800}.pill.orange{background:#fff0dc;color:#c76400}html[data-theme="dark"] .pill.orange{background:#372414;color:#ffb35e}

.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);overflow:hidden}.stat{display:flex;align-items:center;justify-content:center;gap:13px;padding:23px 14px;border-left:1px solid var(--line)}.stat:last-child{border-left:0}.stat-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:21px}.stat:nth-child(2n) .stat-icon{background:#fff0dc;color:var(--orange)}html[data-theme="dark"] .stat:nth-child(2n) .stat-icon{background:#352312}.stat b{display:block;font-size:22px;line-height:1.1;color:var(--purple);font-weight:900}.stat:nth-child(2n) b{color:var(--orange)}.stat span{font-size:12.5px;color:var(--muted)}

.page-hero{padding:48px 0 34px;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 6%,var(--bg)),var(--bg));border-bottom:1px solid var(--line)}.page-hero h1{font-size:34px;margin:0 0 6px;font-weight:900}.page-hero p{margin:0;color:var(--muted)}.page-tools{display:flex;gap:10px;margin-top:20px}.search-wide{display:flex;max-width:620px;width:100%;height:50px;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.search-wide input,.search-wide select{border:0;outline:0;background:transparent;color:var(--text);padding:0 15px;flex:1;min-width:0}.search-wide button{border:0;background:var(--grad);color:#fff;font-weight:900;padding:0 22px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.filter-row select,.filter-row input{height:44px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);outline:none}

.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.list-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);transition:.2s}.list-card:hover{border-color:color-mix(in srgb,var(--purple) 34%,var(--line));transform:translateY(-2px)}.list-card h3{font-size:16px;margin:0 0 5px;font-weight:900}.list-card p{font-size:12px;color:var(--muted);margin:0}.list-card .meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:11.5px;color:var(--muted)}

.poet-profile{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.profile-photo{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.profile-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.profile-body h1{font-size:38px;margin:0;font-weight:900}.profile-body .description{color:var(--muted);max-width:780px}.profile-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.fact{padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:12.5px}.category-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat-card{padding:16px 17px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.cat-card b{font-size:14px}.cat-card span{font-size:11.5px;color:var(--muted)}

.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:18px}.breadcrumb a:hover{color:var(--purple)}.breadcrumb i{font-style:normal;opacity:.45}.reader-wrap{max-width:880px;margin-inline:auto}.reader-head{text-align:center;padding:32px 22px;background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 0 0}.reader-head h1{font-size:30px;line-height:1.65;margin:5px 0 6px;font-weight:900}.reader-head .reader-meta{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.poem-reader{padding:35px 34px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;box-shadow:var(--shadow-sm)}.couplet{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 44px 16px 12px;border-bottom:1px dashed var(--line);font-size:18px;line-height:2.1;transition:.18s}.couplet:hover{background:var(--surface-2)}.couplet:before{content:attr(data-couplet);position:absolute;right:12px;top:22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-size:10.5px;font-weight:900}.couplet p{margin:0;text-align:center}.prose-line{font-size:17px;line-height:2.4;margin:0;padding:11px 8px;border-bottom:1px dashed var(--line)}.reader-actions{display:flex;justify-content:center;gap:9px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:13px;padding:0 16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:800}.btn.primary{background:var(--grad);color:white;border:0}.btn:hover{transform:translateY(-1px)}

.search-results{display:grid;gap:20px}.result-group{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:21px}.result-group h2{margin:0 0 14px;font-size:19px}.result-item{display:block;padding:13px 3px;border-bottom:1px solid var(--line)}.result-item:last-child{border-bottom:0}.result-item b{font-size:14px}.result-item p{margin:3px 0 0;font-size:12px;color:var(--muted)}.empty-state{text-align:center;padding:50px 20px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:20px;color:var(--muted)}

.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.pagination .current{background:var(--purple);color:#fff;border-color:var(--purple)}

.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px 32px;border-radius:24px;background:linear-gradient(110deg,#6333cd,#8553e5 55%,#f79a2d);color:#fff;overflow:hidden;position:relative}.cta:after{content:"❋";position:absolute;left:30px;top:-35px;font-size:150px;color:rgba(255,255,255,.09)}.cta h3{font-size:22px;margin:0}.cta p{margin:4px 0 0;opacity:.78;font-size:12px}.cta a{background:white;color:#5d35c8;padding:11px 18px;border-radius:13px;font-weight:900;position:relative;z-index:1}

.site-footer{margin-top:65px;background:var(--footer);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding:48px 0}.footer-grid h4{margin:0 0 11px;font-size:14px}.footer-grid p{max-width:390px;font-size:12px;color:var(--muted)}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:var(--muted);margin:6px 0}.footer-grid>div>a:hover{color:var(--purple)}.footer-brand{margin-bottom:14px}.copyright{padding:15px 0;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);text-align:center}

@media(max-width:1050px){.header-search{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.poet-grid{grid-template-columns:repeat(3,1fr)}.poem-grid{grid-template-columns:repeat(2,1fr)}.list-grid{grid-template-columns:repeat(2,1fr)}.category-tree{grid-template-columns:repeat(2,1fr)}.hero-content{grid-template-columns:1fr}.hero-quote{display:none}}
@media(max-width:820px){.container{width:min(100% - 24px,1180px)}.header-row{height:68px}.brand-copy b{font-size:23px}.main-nav{position:absolute;top:68px;right:12px;left:12px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 13px;border-radius:11px}.main-nav a.active:after{display:none}.menu-toggle{display:grid}.hero{min-height:500px;background-position:58% center}.hero-content{padding:50px 0}.hero-copy{padding:27px 23px}.hero h1{font-size:58px}.hero-subtitle{font-size:19px}.feature-grid{grid-template-columns:repeat(2,1fr);margin-top:-20px}.spotlight-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.poet-profile{grid-template-columns:150px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.couplet{grid-template-columns:1fr;gap:2px}.couplet p{text-align:right}.import-copy span:last-child{display:none}}
@media(max-width:560px){body{font-size:14px}.brand-copy small{display:none}.brand-mark{width:35px;height:35px}.theme-toggle,.menu-toggle{width:38px;height:38px}.hero{min-height:510px;background-position:62% center}.hero-copy{background:color-mix(in srgb,var(--surface) 78%,transparent)}.hero h1{font-size:51px}.hero-description{font-size:13px}.hero-search{min-height:52px}.hero-search button{min-width:90px;padding:0 14px}.hero-tags a:nth-child(n+5){display:none}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:126px;padding:17px 8px}.feature-card:nth-child(5){grid-column:1/-1}.feature-icon{width:42px;height:42px}.section{padding:43px 0}.section-title{font-size:23px}.poet-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.poet-card{min-width:210px;scroll-snap-align:start}.poem-grid,.list-grid,.category-tree{grid-template-columns:1fr}.stats-bar{grid-template-columns:1fr 1fr}.stat{padding:16px 8px}.stat b{font-size:18px}.stat-icon{width:39px;height:39px}.page-hero{padding:34px 0 26px}.page-hero h1{font-size:27px}.poet-profile{grid-template-columns:1fr;text-align:center}.profile-photo{max-width:180px;margin:auto}.profile-facts{justify-content:center}.reader-head{padding:24px 16px}.reader-head h1{font-size:24px}.poem-reader{padding:22px 15px}.couplet{padding:14px 38px 14px 7px;font-size:16px}.footer-grid{grid-template-columns:1fr;gap:22px}.cta{grid-template-columns:1fr;padding:24px}.cta a{justify-self:start}}

/* === Folanja Premium UI Hotfix v1.2 === */
:root{
  --premium-glow:0 18px 55px rgba(101,56,215,.13),0 2px 10px rgba(255,138,24,.04);
  --card-grad:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,244,255,.96));
}
html[data-theme="dark"]{
  --premium-glow:0 20px 60px rgba(117,70,224,.22),0 4px 24px rgba(0,0,0,.38);
  --card-grad:linear-gradient(145deg,rgba(28,19,43,.98),rgba(20,13,33,.98));
}
body{overflow-x:hidden;background:
 radial-gradient(circle at 8% 14%,color-mix(in srgb,var(--purple) 6%,transparent),transparent 28rem),
 radial-gradient(circle at 92% 28%,color-mix(in srgb,var(--orange) 5%,transparent),transparent 26rem),var(--bg)}
.container{width:min(1180px,calc(100% - 28px))}
.site-header{box-shadow:0 10px 36px rgba(39,21,77,.06)}
.header-row{height:68px;gap:14px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-copy b{font-size:24px;letter-spacing:-1px}.brand-copy small{font-size:10.5px}
.main-nav{gap:19px}.main-nav a{padding:21px 0 18px;font-size:13px}.header-actions{gap:8px}.header-search{height:40px;width:224px;border-radius:13px}
.theme-toggle,.menu-toggle{width:40px;height:40px;border-radius:13px}
.ajax-poet-search{position:relative}.poet-suggest{position:absolute;top:calc(100% + 9px);inset-inline-start:0;width:min(370px,88vw);background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:18px;box-shadow:0 22px 65px rgba(44,20,84,.2);padding:7px;z-index:80;backdrop-filter:blur(18px)}
.poet-suggest[hidden]{display:none}.poet-suggest a{display:flex;align-items:center;gap:10px;padding:9px;border-radius:13px;transition:.18s}.poet-suggest a:hover,.poet-suggest a:focus{background:color-mix(in srgb,var(--purple) 9%,var(--surface));outline:0}.poet-suggest img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--purple-soft);border:1px solid var(--line)}.poet-suggest .sg-copy{display:grid;min-width:0}.poet-suggest b{font-size:13px}.poet-suggest small{font-size:11.5px;color:var(--muted)}.poet-suggest .sg-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px}

.hero{min-height:300px;height:clamp(292px,34vw,365px);background-position:center 42%;border-bottom:0}.hero:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-content{padding:32px 0;grid-template-columns:minmax(0,580px) 1fr;gap:28px}.hero-copy{padding:22px 24px 20px;border-radius:25px;background:color-mix(in srgb,var(--surface) 68%,transparent);border-color:color-mix(in srgb,var(--purple) 15%,var(--line));box-shadow:0 20px 54px rgba(45,19,84,.12)}.hero-kicker{padding:5px 10px;font-size:11.5px}.hero h1{font-size:clamp(42px,5.2vw,66px);letter-spacing:-3px;margin-top:8px}.hero-subtitle{font-size:18px;margin:7px 0 2px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:13px;max-width:500px}.hero-search{min-height:47px;border-radius:14px}.hero-search input{font-size:12px;padding:0 14px}.hero-search button{min-width:92px;padding:0 17px;font-size:12px}.hero-tags{margin-top:9px;gap:5px}.hero-tags a{padding:3px 9px;font-size:10.5px}.hero-quote{max-width:270px;padding:15px 17px;border-radius:18px;margin-bottom:4px}.hero-quote p{font-size:14px;line-height:2}.hero-quote small{font-size:11.5px}

.feature-grid{margin-top:4px;gap:12px}.feature-card,.poet-card,.poem-card,.cat-card,.list-card,.quote-card,.daily-poem,.stats-bar,.cta{position:relative;background:var(--card-grad);border-color:color-mix(in srgb,var(--purple) 13%,var(--line));box-shadow:var(--premium-glow);overflow:hidden}.feature-card:before,.poet-card:before,.poem-card:before,.cat-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--purple) 14%,transparent),transparent 70%);inset:-78px -58px auto auto;pointer-events:none}.feature-card{min-height:126px;border-radius:19px}.feature-card:hover,.poet-card:hover,.poem-card:hover,.cat-card:hover{border-color:color-mix(in srgb,var(--purple) 37%,var(--line));box-shadow:0 24px 64px color-mix(in srgb,var(--purple) 18%,transparent);transform:translateY(-4px)}
.section{padding:48px 0}.section.compact{padding:30px 0}.section-title{font-size:25px}.section-head{margin-bottom:18px}.poet-grid{gap:14px}.poet-card{border-radius:20px}.poet-photo{height:186px}.poet-info{padding:13px 14px 15px}.poet-info h3{font-size:16px}.poem-card{border-radius:19px;min-height:180px}
html[data-theme="dark"] .feature-card,html[data-theme="dark"] .poet-card,html[data-theme="dark"] .poem-card,html[data-theme="dark"] .cat-card,html[data-theme="dark"] .list-card,html[data-theme="dark"] .quote-card,html[data-theme="dark"] .daily-poem,html[data-theme="dark"] .stats-bar,html[data-theme="dark"] .cta{background:linear-gradient(145deg,#1e1530 0%,#150f22 70%);border-color:#392557;box-shadow:0 18px 55px rgba(100,55,201,.18),inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .quote-card{background:linear-gradient(135deg,#2a1a15,#191020)}
html[data-theme="dark"] .daily-poem{background:linear-gradient(135deg,rgba(89,45,191,.72),rgba(43,23,81,.9)),url('images/quote-garden.webp') center/cover}

/* Mobile-first premium navigation */
@media(max-width:820px){
  .container{width:min(100% - 22px,720px)}.site-header{position:sticky}.header-row{height:62px;gap:8px}.brand{order:1}.brand-copy small{display:none}.brand-copy b{font-size:21px}.brand-mark{width:34px;height:34px}.header-actions{order:2;margin-inline-start:auto}.ajax-poet-search{display:none}.theme-toggle,.menu-toggle{width:38px;height:38px}.menu-toggle{display:grid}.main-nav{position:fixed;top:70px;left:11px;right:11px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:0;padding:11px;background:color-mix(in srgb,var(--surface) 97%,transparent);border:1px solid var(--line);border-radius:21px;box-shadow:0 24px 70px rgba(35,17,67,.24);transform:translateY(-12px) scale(.98);opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(20px)}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:11px 12px;border-radius:13px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));text-align:center;font-size:12px}.main-nav a.active:after{display:none}.main-nav a.active{background:color-mix(in srgb,var(--purple) 11%,var(--surface));color:var(--purple)}
  .hero{height:auto;min-height:315px;background-position:58% center}.hero-content{padding:22px 0 25px;display:block}.hero-copy{padding:18px 16px;border-radius:22px;max-width:100%;background:color-mix(in srgb,var(--surface) 78%,transparent)}.hero h1{font-size:44px;letter-spacing:-2px}.hero-subtitle{font-size:16px}.hero-description{font-size:12px;line-height:1.85;margin-bottom:11px}.hero-search{min-height:44px}.hero-search button{min-width:78px}.hero-tags{display:none}.hero-quote{display:none}
  .feature-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.feature-card{min-height:108px;padding:15px 8px}.feature-card:last-child{grid-column:1/-1}.feature-icon{width:40px;height:40px;font-size:20px;margin-bottom:6px}.feature-card strong{font-size:13px}.feature-card small{font-size:10.5px}.section{padding:36px 0}.section.compact{padding:24px 0}.section-head{align-items:center}.section-title{font-size:21px}.section-note{font-size:11.5px}.see-all{font-size:11.5px}.poet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poet-photo{height:160px}.poet-info h3{font-size:15px}.poet-info p{font-size:11.5px}.poem-grid{grid-template-columns:1fr;gap:10px}.spotlight-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:430px){.container{width:calc(100% - 18px)}.brand-mark{display:none}.hero{min-height:300px}.hero-copy{padding:16px 14px}.hero h1{font-size:40px}.hero-description{max-width:95%}.poet-photo{height:145px}.poet-info{padding:11px}.poet-meta{font-size:10.5px}.section-title{font-size:19px}}

/* === Folanja Premium Cards Hotfix v1.3 === */
:root{
  --card-light-1:#fffefe;
  --card-light-2:#faf6ff;
  --card-light-3:#f2eaff;
  --purple-aura:rgba(111,67,221,.22);
  --orange-aura:rgba(255,145,26,.14);
  --gold-edge:rgba(255,195,53,.72);
  --orange-edge:rgba(255,139,24,.72);
  --purple-edge:rgba(111,67,221,.54);
}
html[data-theme="dark"]{
  --card-light-1:#21162f;
  --card-light-2:#1b1229;
  --card-light-3:#160f23;
  --purple-aura:rgba(136,91,255,.30);
  --orange-aura:rgba(255,149,36,.13);
  --gold-edge:rgba(255,204,75,.55);
  --orange-edge:rgba(255,145,32,.62);
  --purple-edge:rgba(151,106,255,.62);
}

/* remove the old quarter-circle decoration */
.feature-card:before,.poet-card:before,.poem-card:before,.cat-card:before{display:none!important}

/* premium luminous card language */
.feature-card,.poet-card,.poem-card,.cat-card,.list-card{
  isolation:isolate;
  border:1px solid transparent!important;
  background:
    radial-gradient(120% 100% at 92% -15%,rgba(116,71,226,.13),transparent 55%) padding-box,
    radial-gradient(90% 90% at -5% 110%,rgba(255,155,32,.09),transparent 58%) padding-box,
    linear-gradient(145deg,var(--card-light-1),var(--card-light-2) 55%,var(--card-light-3)) padding-box,
    linear-gradient(135deg,var(--purple-edge) 0%,rgba(126,83,225,.34) 35%,var(--orange-edge) 72%,var(--gold-edge) 100%) border-box!important;
  box-shadow:
    0 18px 52px var(--purple-aura),
    0 8px 24px var(--orange-aura),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html[data-theme="dark"] .feature-card,html[data-theme="dark"] .poet-card,html[data-theme="dark"] .poem-card,html[data-theme="dark"] .cat-card,html[data-theme="dark"] .list-card{
  background:
    radial-gradient(120% 100% at 92% -15%,rgba(139,93,255,.16),transparent 55%) padding-box,
    radial-gradient(90% 90% at -5% 110%,rgba(255,147,31,.08),transparent 58%) padding-box,
    linear-gradient(145deg,#22172f,#1b1229 54%,#140e20) padding-box,
    linear-gradient(135deg,var(--purple-edge) 0%,rgba(126,83,225,.34) 35%,var(--orange-edge) 72%,var(--gold-edge) 100%) border-box!important;
  box-shadow:0 20px 58px rgba(103,61,220,.24),0 8px 28px rgba(255,139,24,.07),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.feature-card:after,.poet-card:after,.poem-card:after,.cat-card:after,.list-card:after{
  content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:-18px;height:42px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(104,60,218,.30),rgba(104,60,218,0) 70%);filter:blur(13px);pointer-events:none
}
.feature-card:hover,.poet-card:hover,.poem-card:hover,.cat-card:hover,.list-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 68px rgba(108,66,219,.25),0 11px 28px rgba(255,145,25,.12),inset 0 1px 0 rgba(255,255,255,.78)!important
}

/* featured poet cards: image inset, elegant edge, useful stats */
.poet-grid{gap:18px}
.poet-card{overflow:visible!important;border-radius:24px!important;padding-top:1px}
.poet-photo{
  height:190px!important;margin:10px 10px 0;border-radius:18px!important;overflow:hidden;
  background:linear-gradient(145deg,#f3e8ff,#fff0d8)!important;
  border:1px solid rgba(124,79,224,.20);
  box-shadow:0 10px 26px rgba(90,50,177,.11),inset 0 0 0 1px rgba(255,255,255,.42)
}
html[data-theme="dark"] .poet-photo{background:linear-gradient(145deg,#2b1c41,#21162e)!important;border-color:rgba(155,110,255,.25)}
.poet-photo img{border-radius:17px;object-position:center 18%}
.poet-info{padding:14px 15px 16px!important}
.poet-info h3{font-size:17px!important;letter-spacing:-.35px}
.poet-info p{min-height:42px;line-height:1.9;color:var(--muted);font-size:12px!important}
.poet-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 9px}
.poet-stats span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:10px;background:rgba(108,61,218,.07);border:1px solid rgba(108,61,218,.11);font-size:10.5px;color:var(--muted)}
.poet-stats b{font-size:12.5px;color:var(--purple);font-weight:900}
html[data-theme="dark"] .poet-stats span{background:rgba(142,94,255,.10);border-color:rgba(151,106,255,.13)}
.poet-meta{padding-top:9px!important;margin-top:0!important;border-top:1px dashed color-mix(in srgb,var(--purple) 15%,var(--line))!important;font-size:11px!important}
.poet-meta span:last-child{color:var(--orange);font-weight:800}

/* light theme must feel designed, not plain white */
html:not([data-theme="dark"]) .feature-card,
html:not([data-theme="dark"]) .poet-card,
html:not([data-theme="dark"]) .poem-card,
html:not([data-theme="dark"]) .cat-card,
html:not([data-theme="dark"]) .list-card{
  color:#1d1530
}
html:not([data-theme="dark"]) .poem-card .pill{background:#eee5ff;color:#6336d4}

/* spotlight: guarantee contrast in both themes */
.daily-poem{
  color:#fff!important;
  background:
    linear-gradient(125deg,rgba(82,39,179,.93),rgba(122,68,218,.83) 58%,rgba(255,139,24,.42)),
    url('images/quote-garden.webp') center/cover!important;
  border:1px solid rgba(255,189,62,.38)!important;
  box-shadow:0 20px 58px rgba(100,55,207,.24),0 8px 28px rgba(255,145,28,.10)!important
}
.daily-poem blockquote,.daily-poem .poet-name,.daily-poem .badge{color:#fff!important}
.quote-card{
  color:#2e1c11!important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,186,56,.22),transparent 42%),
    linear-gradient(145deg,#fffaf0,#fff0c8 68%,#ffe3a3)!important;
  border:1px solid rgba(255,166,34,.34)!important;
  box-shadow:0 18px 50px rgba(255,149,30,.12),0 8px 25px rgba(103,61,219,.08)!important
}
.quote-card h3{color:#a85d00}.quote-card blockquote{color:#2e1c11!important}.quote-card small{color:#7a4b15!important}
html[data-theme="dark"] .quote-card{
  color:#fff7e8!important;
  background:radial-gradient(circle at 100% 0,rgba(255,168,42,.14),transparent 44%),linear-gradient(145deg,#2c1d20,#211527 65%,#1a1124)!important;
  border-color:rgba(255,174,49,.30)!important
}
html[data-theme="dark"] .quote-card h3{color:#ffc052}.quote-card blockquote,html[data-theme="dark"] .quote-card blockquote{color:inherit!important}html[data-theme="dark"] .quote-card small{color:#e4c18a!important}

@media(max-width:820px){
  .poet-grid{display:flex!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:4px 3px 18px;scrollbar-width:none}
  .poet-grid::-webkit-scrollbar{display:none}.poet-card{min-width:208px;max-width:208px;scroll-snap-align:start}.poet-photo{height:165px!important}.poet-info p{min-height:38px}.poet-stats{gap:5px}.poet-stats span{padding:4px 7px}
}
@media(max-width:430px){.poet-card{min-width:196px;max-width:196px}.poet-photo{height:154px!important;margin:8px 8px 0}.poet-info{padding:12px!important}}

/* === Folanja Premium v1.4: poet detail + poets list priority === */
.poet-page-container{width:min(1100px,calc(100% - 72px));margin-inline:auto}
.poet-page-hero{padding:34px 0 28px;background:
  radial-gradient(700px 240px at 86% 0%,rgba(115,67,221,.11),transparent 65%),
  radial-gradient(520px 220px at 10% 15%,rgba(255,162,36,.07),transparent 65%),
  linear-gradient(180deg,color-mix(in srgb,var(--purple) 4%,var(--bg)),var(--bg));
}
.poet-page-hero .poet-profile{grid-template-columns:188px minmax(0,1fr);gap:34px;align-items:center}
.poet-page-hero .profile-photo{border-radius:26px;padding:5px;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,#7444e8,#ff9e25,#ffd34b) border-box;box-shadow:0 20px 56px rgba(99,56,207,.17),0 10px 24px rgba(255,151,31,.07)}
.poet-page-hero .profile-photo img{border-radius:20px;aspect-ratio:1/1;object-fit:cover}
.poet-page-hero .profile-body{padding-inline:4px}.poet-page-hero .profile-body h1{font-size:36px;line-height:1.35}.poet-page-hero .profile-body .description{max-width:none;line-height:2.25;font-size:13px}
.poet-page-hero .profile-facts{margin-top:14px}.poet-page-hero .fact{background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 5%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--purple) 14%,var(--line));box-shadow:0 7px 20px rgba(91,53,181,.06)}

.poet-categories-section{padding-top:38px;padding-bottom:34px;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--purple) 2.5%,var(--bg)))}
.work-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.work-category-card{position:relative;isolation:isolate;min-height:190px;padding:19px 19px 17px;border:1px solid transparent;border-radius:22px;background:
  radial-gradient(170px 105px at 88% -10%,rgba(112,63,222,.15),transparent 72%) padding-box,
  radial-gradient(160px 95px at 0% 105%,rgba(255,164,39,.09),transparent 72%) padding-box,
  linear-gradient(145deg,#fff,#fbf8ff 65%,#fffaf1) padding-box,
  linear-gradient(135deg,rgba(112,63,222,.55),rgba(152,98,255,.24) 42%,rgba(255,151,31,.56) 76%,rgba(255,206,62,.72)) border-box;
  box-shadow:0 16px 44px rgba(105,61,211,.12),0 8px 22px rgba(255,148,27,.05);transition:.22s ease;overflow:visible}
.work-category-card:after{content:"";position:absolute;z-index:-1;left:13%;right:13%;bottom:-18px;height:42px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(107,62,218,.27),rgba(107,62,218,0) 72%);filter:blur(12px)}
.work-category-card:hover{transform:translateY(-5px);box-shadow:0 25px 64px rgba(105,61,211,.19),0 11px 29px rgba(255,148,27,.10)}
.work-cat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.work-cat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#7040de,#935cf4);color:white;box-shadow:0 10px 24px rgba(111,63,219,.22)}.work-cat-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff3de;color:#b96700;font-weight:900}
.work-category-card h3{margin:0 0 8px;font-size:17px;font-weight:900}.work-category-card p{margin:0;min-height:52px;color:var(--muted);font-size:12.5px;line-height:1.95}.work-cat-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed rgba(110,63,220,.15)}.work-cat-stats span{padding:5px 8px;border-radius:10px;background:rgba(109,62,219,.06);font-size:11px;color:var(--muted)}.work-cat-stats b{color:var(--purple);font-size:12.5px}
html[data-theme="dark"] .work-category-card{background:radial-gradient(170px 105px at 88% -10%,rgba(143,91,255,.19),transparent 72%) padding-box,radial-gradient(160px 95px at 0% 105%,rgba(255,165,38,.08),transparent 72%) padding-box,linear-gradient(145deg,#21162f,#171020 70%,#1a1225) padding-box,linear-gradient(135deg,rgba(148,94,255,.66),rgba(120,74,226,.28) 42%,rgba(255,151,31,.56) 76%,rgba(255,204,61,.66)) border-box;box-shadow:0 19px 55px rgba(96,53,203,.24),0 8px 24px rgba(255,149,31,.06)}
html[data-theme="dark"] .work-cat-arrow{background:rgba(255,159,35,.12);color:#ffc15c}html[data-theme="dark"] .work-cat-stats span{background:rgba(142,91,255,.09)}

.poet-direct-works{padding-top:26px;padding-bottom:58px}.poet-works-grid .poem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.poet-works-grid .poem-card{min-height:205px;border-radius:22px;padding:20px 19px 18px}.poet-works-grid .poem-card h3{font-size:16px}.poet-works-grid .poem-card .excerpt{font-size:12px;line-height:2.05}

/* On the poets index there is no extra "featured" section: famous photo-backed poets are simply first. */
.poets-list-section .poet-grid{align-items:stretch}.poets-list-section .poet-card:nth-child(-n+5){box-shadow:0 22px 58px rgba(105,61,211,.16),0 9px 25px rgba(255,151,31,.07)}
.poets-list-section .poet-card:nth-child(-n+5) .poet-photo{border-color:rgba(255,166,43,.30)}

@media(max-width:1050px){.poet-page-container{width:min(920px,calc(100% - 42px))}.work-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poet-works-grid .poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.poet-page-container{width:calc(100% - 24px)}.poet-page-hero{padding:25px 0 22px}.poet-page-hero .poet-profile{grid-template-columns:135px minmax(0,1fr);gap:18px}.poet-page-hero .profile-body h1{font-size:29px}.poet-page-hero .profile-body .description{font-size:11.5px;line-height:2.15}.poet-page-hero .profile-facts{gap:7px}.poet-page-hero .fact{padding:6px 9px}.work-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.work-category-card{min-height:175px;padding:16px}.poet-works-grid .poem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
@media(max-width:560px){.poet-page-container{width:calc(100% - 18px)}.poet-page-hero{padding:20px 0 18px}.poet-page-hero .poet-profile{grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:start;text-align:right}.poet-page-hero .profile-photo{border-radius:20px;padding:3px}.poet-page-hero .profile-photo img{border-radius:16px}.poet-page-hero .profile-body h1{font-size:25px}.poet-page-hero .profile-body .description{margin-top:6px;font-size:12px;line-height:2;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.poet-page-hero .profile-facts{grid-column:1/-1;justify-content:flex-start}.poet-categories-section{padding-top:28px}.work-category-grid{grid-template-columns:1fr}.work-category-card{min-height:0}.poet-works-grid .poem-grid{grid-template-columns:1fr}.poet-direct-works .section-head{align-items:flex-start;gap:10px}.poet-direct-works .see-all{white-space:nowrap}.poets-list-hero p{font-size:12.5px}}

/* === Folanja Hybrid AJAX + Inline Category Explorer v1.5 === */
.poet-inline-browser-shell{position:relative;margin-top:24px;scroll-margin-top:92px}
.poet-inline-browser-content{min-height:160px}
.ajax-inline-loader{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;gap:11px;min-height:180px;border-radius:28px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(11px);color:var(--purple);font-weight:800;font-size:12px}
.ajax-inline-loader[hidden]{display:none}.ajax-inline-loader i{width:24px;height:24px;border-radius:50%;border:3px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-top-color:var(--purple);animation:folanjaSpin .7s linear infinite}
@keyframes folanjaSpin{to{transform:rotate(360deg)}}
.inline-category-panel{position:relative;overflow:hidden;padding:24px;border-radius:28px;border:1px solid transparent;background:
 radial-gradient(560px 220px at 92% -12%,rgba(111,66,224,.13),transparent 68%) padding-box,
 radial-gradient(420px 200px at 0% 108%,rgba(255,160,38,.08),transparent 72%) padding-box,
 linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#f2ecff),color-mix(in srgb,var(--surface) 95%,#fff7e7)) padding-box,
 linear-gradient(120deg,rgba(111,62,221,.54),rgba(139,90,238,.20) 36%,rgba(255,145,26,.44) 73%,rgba(255,202,58,.55)) border-box;
 box-shadow:0 30px 80px rgba(101,56,215,.13),0 10px 34px rgba(255,145,26,.05)}
.inline-category-panel:before{content:"";position:absolute;pointer-events:none;inset:-80px auto auto -80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(119,73,230,.14),transparent 70%);filter:blur(5px)}
html[data-theme="dark"] .inline-category-panel{background:
 radial-gradient(560px 240px at 92% -10%,rgba(130,79,244,.20),transparent 70%) padding-box,
 radial-gradient(420px 190px at 0% 108%,rgba(255,151,31,.09),transparent 72%) padding-box,
 linear-gradient(145deg,#20152f,#15101f 74%,#191121) padding-box,
 linear-gradient(120deg,rgba(151,96,255,.62),rgba(111,68,209,.24) 38%,rgba(255,151,31,.48) 75%,rgba(255,209,69,.58)) border-box;
 box-shadow:0 30px 82px rgba(85,43,181,.28),0 10px 32px rgba(0,0,0,.30)}
.inline-category-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px}.inline-category-kicker{display:block;color:var(--purple);font-size:11.5px;font-weight:900;margin-bottom:2px}.inline-category-head h2{margin:0;font-size:26px;font-weight:950;letter-spacing:-.7px}.inline-category-head p{margin:5px 0 0;max-width:760px;color:var(--muted);font-size:11.5px;line-height:2.05}.inline-category-summary{display:flex;align-items:stretch;gap:8px}.inline-category-summary>span{min-width:82px;display:grid;place-items:center;padding:9px 11px;border-radius:16px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.inline-category-summary b{font-size:18px;color:var(--purple)}.inline-category-summary small{font-size:10.5px;color:var(--muted);font-weight:700}
.inline-crumbs{position:relative;z-index:1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 22px;padding:8px 10px;border-radius:14px;background:color-mix(in srgb,var(--purple) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));font-size:11.5px}.inline-crumbs a{color:var(--purple);font-weight:800}.inline-crumbs a:hover{color:var(--orange)}.inline-crumbs i{font-style:normal;color:var(--muted)}.inline-crumbs span{font-weight:800;color:var(--text)}
.inline-subsection-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 12px}.inline-subsection-head span{font-size:10.5px;color:var(--orange);font-weight:900}.inline-subsection-head h3{margin:0;font-size:19px;font-weight:900}.inline-subsection-head>small{font-size:11.5px;color:var(--muted)}.inline-subsection-head.works-head{margin-top:28px;padding-top:20px;border-top:1px dashed color-mix(in srgb,var(--purple) 18%,var(--line))}
.inline-category-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.inline-category-card{position:relative;isolation:isolate;overflow:hidden;min-height:178px;padding:17px;border:1px solid transparent;border-radius:21px;background:
 radial-gradient(180px 110px at 90% -10%,rgba(107,61,220,.12),transparent 72%) padding-box,
 linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#f3edff),color-mix(in srgb,var(--surface) 94%,#fff6e6)) padding-box,
 linear-gradient(135deg,rgba(116,68,226,.42),rgba(134,80,229,.13) 42%,rgba(255,147,26,.34) 76%,rgba(255,204,63,.44)) border-box;
 box-shadow:0 17px 42px rgba(94,51,191,.10);transition:transform .2s,box-shadow .2s,border-color .2s}.inline-category-card:after{content:"";position:absolute;z-index:-1;left:15%;right:15%;bottom:-18px;height:35px;border-radius:50%;background:radial-gradient(ellipse,rgba(113,62,224,.24),rgba(113,62,224,0) 72%);filter:blur(10px)}.inline-category-card:hover{transform:translateY(-4px);box-shadow:0 25px 58px rgba(102,56,211,.18),0 8px 24px rgba(255,153,31,.08)}
html[data-theme="dark"] .inline-category-card{background:
 radial-gradient(190px 115px at 90% -10%,rgba(145,90,255,.19),transparent 72%) padding-box,
 linear-gradient(145deg,#211630,#181020 72%) padding-box,
 linear-gradient(135deg,rgba(151,95,255,.58),rgba(113,68,210,.22) 42%,rgba(255,151,31,.43) 76%,rgba(255,210,70,.52)) border-box;
 box-shadow:0 18px 46px rgba(86,43,184,.24),0 6px 20px rgba(0,0,0,.22)}
.inline-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.inline-folder{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 9%,var(--surface)));color:var(--purple);border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));font-size:18px}.inline-arrow{color:var(--orange);font-size:16px;font-weight:900}.inline-category-card h4{margin:0 0 5px;font-size:15px;font-weight:900}.inline-category-card p{margin:0;min-height:48px;color:var(--muted);font-size:11.5px;line-height:1.95}.inline-card-stats{display:flex;gap:7px;margin-top:12px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--purple) 14%,var(--line))}.inline-card-stats span{display:flex;align-items:baseline;gap:4px;padding:4px 7px;border-radius:10px;background:color-mix(in srgb,var(--purple) 6%,var(--surface))}.inline-card-stats b{font-size:12.5px;color:var(--purple)}.inline-card-stats small{font-size:10px;color:var(--muted)}
.inline-poem-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inline-poem-card{position:relative;overflow:hidden;min-height:165px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#f4efff),color-mix(in srgb,var(--surface) 96%,#fff7e8));box-shadow:0 16px 38px rgba(91,49,184,.08);transition:.2s}.inline-poem-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;inset:-70px auto auto -55px;background:radial-gradient(circle,rgba(110,62,222,.11),transparent 70%)}.inline-poem-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 34%,var(--line));box-shadow:0 22px 50px rgba(99,54,199,.14)}html[data-theme="dark"] .inline-poem-card{background:linear-gradient(145deg,#1e142c,#15101f);border-color:#3b2856;box-shadow:0 16px 38px rgba(69,31,143,.20)}.inline-poem-top{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:15px}.inline-poem-cat{font-size:10px;color:var(--muted);padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 11%,var(--line))}.inline-poem-card h4{position:relative;margin:9px 0 5px;font-size:14px;font-weight:900}.inline-poem-card p{position:relative;margin:0;color:var(--muted);font-size:11.5px;line-height:2;min-height:43px}.inline-poem-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:9px;border-top:1px dashed color-mix(in srgb,var(--purple) 13%,var(--line));font-size:10.5px;color:var(--muted)}.inline-poem-foot b{color:var(--orange);font-size:10.5px}
.category-browser-empty{display:grid;place-items:center;text-align:center;min-height:180px;padding:28px;border-radius:24px;border:1px dashed color-mix(in srgb,var(--purple) 26%,var(--line));background:color-mix(in srgb,var(--purple) 4%,var(--surface));color:var(--muted)}.category-browser-empty.compact{min-height:130px}.category-browser-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--purple-soft);color:var(--purple);font-size:21px;margin-bottom:6px}.category-browser-empty h3{margin:0;color:var(--text);font-size:15px}.category-browser-empty p{margin:4px 0 0;font-size:11.5px}
.work-category-card.active-inline{transform:translateY(-3px);box-shadow:0 24px 60px rgba(102,56,210,.19),0 8px 26px rgba(255,151,31,.09)}.work-category-card.active-inline:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 45%,transparent),inset 0 0 30px color-mix(in srgb,var(--purple) 5%,transparent)}
.ajax-page-progress{position:fixed;z-index:9999;top:0;left:0;right:0;height:3px;pointer-events:none;opacity:0;transition:opacity .15s}.ajax-page-progress.on{opacity:1}.ajax-page-progress i{display:block;width:34%;height:100%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--purple),var(--orange),var(--yellow));box-shadow:0 0 18px color-mix(in srgb,var(--purple) 42%,transparent);animation:folanjaProgress 1.05s ease-in-out infinite}.ajax-navigating main{opacity:.72;transition:opacity .15s}@keyframes folanjaProgress{0%{transform:translateX(-110%);width:30%}55%{width:46%}100%{transform:translateX(330%);width:30%}}

@media(max-width:980px){.inline-category-grid,.inline-poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-category-head{grid-template-columns:1fr}.inline-category-summary{justify-content:flex-start}}
@media(max-width:620px){.poet-inline-browser-shell{margin-top:17px;scroll-margin-top:78px}.inline-category-panel{padding:15px;border-radius:22px}.inline-category-head{gap:10px;margin-bottom:8px}.inline-category-head h2{font-size:21px}.inline-category-head p{font-size:11.5px}.inline-category-summary{gap:6px}.inline-category-summary>span{min-width:72px;padding:7px 9px;border-radius:13px}.inline-category-summary b{font-size:16px}.inline-crumbs{overflow:auto;flex-wrap:nowrap;white-space:nowrap;margin:9px -2px 17px}.inline-subsection-head{align-items:flex-start;flex-direction:column;gap:2px}.inline-subsection-head>small{font-size:10.5px}.inline-category-grid,.inline-poem-grid{grid-template-columns:1fr;gap:9px}.inline-category-card{min-height:0;padding:14px;border-radius:17px}.inline-category-card p{min-height:0}.inline-poem-card{min-height:0;padding:14px;border-radius:17px}.ajax-inline-loader{border-radius:22px}.poet-categories-section .section-head{margin-bottom:13px}}
.work-cat-inline-action{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--orange) 13%,var(--line));font-size:10.5px;font-weight:850;color:var(--purple)}.work-cat-inline-action b{color:var(--orange);font-size:14px}

/* === Folanja Premium v1.6: compact poet hero + advanced poets directory === */
.poet-page-hero{padding:22px 0 20px!important}
.poet-profile-premium{display:grid!important;grid-template-columns:150px minmax(0,1fr) 300px!important;gap:24px!important;align-items:stretch!important}
.poet-profile-premium .profile-photo{align-self:start}
.poet-profile-premium .profile-body{align-self:center;min-width:0}
.poet-profile-premium .profile-body h1{font-size:33px!important;margin-bottom:4px}
.poet-profile-premium .profile-body .description{font-size:11.5px!important;line-height:2.05!important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.poet-profile-premium .profile-facts{margin-top:10px!important;gap:6px!important}
.poet-profile-premium .fact{padding:6px 9px!important;font-size:11px!important;border-radius:10px!important}

.poet-library-summary-card{position:relative;isolation:isolate;overflow:hidden;padding:17px;border-radius:23px;border:1px solid transparent;background:
 radial-gradient(210px 140px at 100% 0,rgba(110,62,225,.18),transparent 72%) padding-box,
 radial-gradient(170px 120px at 0 100%,rgba(255,157,32,.10),transparent 72%) padding-box,
 linear-gradient(145deg,#fff,#faf7ff 60%,#fff9ef) padding-box,
 linear-gradient(135deg,rgba(116,68,226,.64),rgba(142,88,239,.22) 42%,rgba(255,150,28,.55) 78%,rgba(255,207,64,.74)) border-box;
 box-shadow:0 18px 52px rgba(101,57,205,.15),0 8px 24px rgba(255,150,28,.06);align-self:stretch}
.poet-library-summary-card:after{content:"";position:absolute;z-index:-1;inset:auto 13% -21px;height:50px;border-radius:50%;background:radial-gradient(ellipse,rgba(106,60,219,.28),transparent 70%);filter:blur(13px)}
.library-summary-head{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px dashed color-mix(in srgb,var(--purple) 17%,var(--line))}
.library-summary-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#7140df,#985ff6);color:#fff;font-size:18px;box-shadow:0 10px 25px rgba(108,59,217,.25)}
.library-summary-head b{display:block;font-size:14px;font-weight:950}.library-summary-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.7}
.library-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}
.library-summary-stats span{display:grid;place-items:center;padding:7px 4px;border-radius:12px;background:color-mix(in srgb,var(--purple) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line))}
.library-summary-stats b{font-size:14px;color:var(--purple)}.library-summary-stats small{font-size:10px;color:var(--muted);font-weight:700}
.library-quick-links{display:grid;gap:5px}.library-quick-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:10px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));font-size:10.5px;font-weight:800;transition:.18s}.library-quick-links a:hover{transform:translateX(-2px);border-color:color-mix(in srgb,var(--orange) 35%,var(--line));color:var(--purple)}.library-quick-links span{color:var(--orange);font-size:12px}
.library-jump{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--orange) 12%,var(--line));font-size:10px;font-weight:900;color:var(--purple)}.library-jump span{color:var(--orange);font-size:12px}
html[data-theme="dark"] .poet-library-summary-card{background:
 radial-gradient(220px 150px at 100% 0,rgba(143,88,255,.22),transparent 72%) padding-box,
 radial-gradient(170px 120px at 0 100%,rgba(255,157,32,.08),transparent 72%) padding-box,
 linear-gradient(145deg,#21152f,#171020 72%) padding-box,
 linear-gradient(135deg,rgba(151,95,255,.68),rgba(114,68,211,.25) 42%,rgba(255,151,31,.50) 78%,rgba(255,208,67,.62)) border-box;
 box-shadow:0 20px 58px rgba(81,40,177,.29),0 9px 28px rgba(0,0,0,.22)}

.compact-categories{padding:18px 0 28px!important;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--purple) 2.2%,var(--bg)))!important}
.compact-category-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 12px}.compact-category-heading>div>span{display:block;color:var(--orange);font-size:10.5px;font-weight:950}.compact-category-heading h2{margin:1px 0 0;font-size:20px;font-weight:950}.compact-category-heading>small{color:var(--muted);font-size:10.5px}
.compact-categories .work-category-grid{gap:11px}.compact-categories .work-category-card{min-height:145px!important;padding:14px!important;border-radius:18px!important}.compact-categories .work-cat-top{margin-bottom:8px}.compact-categories .work-cat-icon{width:34px;height:34px;border-radius:11px}.compact-categories .work-cat-arrow{width:29px;height:29px;border-radius:10px}.compact-categories .work-category-card h3{font-size:14px;margin-bottom:5px}.compact-categories .work-category-card p{min-height:36px;font-size:10.5px;line-height:1.8}.compact-categories .work-cat-stats{margin-top:9px;padding-top:8px}.compact-categories .work-cat-inline-action{margin-top:7px;padding-top:6px}
.compact-categories .poet-inline-browser-shell{margin-top:16px}

/* poets directory: professional filters + SSR pagination, AJAX navigated by the hybrid router */
.poets-list-hero{padding:28px 0 22px!important;background:
 radial-gradient(620px 230px at 90% -10%,rgba(112,63,221,.11),transparent 68%),
 radial-gradient(440px 190px at 5% 20%,rgba(255,160,35,.06),transparent 68%),var(--bg)!important}
.poets-list-hero .container{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(640px,1.65fr);gap:24px;align-items:end}
.poets-hero-copy h1{margin:2px 0 5px;font-size:30px}.poets-hero-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.poets-hero-copy p b{color:var(--purple);font-size:13px}
.poets-filter-panel{display:grid;grid-template-columns:minmax(250px,1.5fr) 1fr .9fr .62fr auto;gap:8px;align-items:end;padding:11px;border:1px solid transparent;border-radius:20px;background:
 linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#f4efff),color-mix(in srgb,var(--surface) 96%,#fff7e9)) padding-box,
 linear-gradient(120deg,rgba(112,63,222,.40),rgba(112,63,222,.12) 48%,rgba(255,153,31,.35),rgba(255,204,61,.45)) border-box;box-shadow:0 16px 44px rgba(94,50,194,.10)}
.poets-filter-panel label{display:block;margin:0 2px 4px;color:var(--muted);font-size:10px;font-weight:850}.pro-search{height:39px;display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));background:var(--surface);border-radius:12px;padding:0 7px}.pro-search>span{color:var(--purple);font-size:14px}.pro-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--text);font:inherit;font-size:11.5px}.pro-search button{height:29px;padding:0 12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--purple),#8b54ed 58%,var(--orange));color:#fff;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}
.filter-select select{width:100%;height:39px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));border-radius:12px;background:var(--surface);color:var(--text);padding:0 9px;font:inherit;font-size:10.5px;outline:0}.filter-select select:focus,.pro-search:focus-within{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 7%,transparent)}
.filter-reset{align-self:end;display:grid;place-items:center;height:39px;padding:0 10px;border-radius:12px;background:color-mix(in srgb,var(--orange) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 20%,var(--line));color:var(--orange);font-size:10px;font-weight:900;white-space:nowrap}
html[data-theme="dark"] .poets-filter-panel{background:linear-gradient(145deg,#21162f,#171020) padding-box,linear-gradient(120deg,rgba(149,94,255,.56),rgba(110,65,207,.18) 45%,rgba(255,151,31,.38),rgba(255,207,63,.48)) border-box;box-shadow:0 17px 50px rgba(73,35,164,.24)}
.poets-list-section{padding-top:24px!important}.poets-list-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;padding:9px 12px;border-radius:14px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))}.poets-list-summary>div{display:flex;align-items:baseline;gap:5px}.poets-list-summary b{font-size:16px;color:var(--purple)}.poets-list-summary span,.poets-list-summary p{font-size:10px;color:var(--muted);margin:0}
.poets-list-section .poet-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;gap:13px!important;padding-bottom:4px!important}.poets-list-section .poet-card{min-width:0!important;max-width:none!important}.poets-list-section .poet-photo{height:155px!important}
.poets-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px dashed color-mix(in srgb,var(--purple) 16%,var(--line))}.page-num,.page-arrow,.page-dots{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border-radius:11px;font-size:10.5px;font-weight:850}.page-num,.page-arrow{border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#f4efff),var(--surface));transition:.18s}.page-num:hover,.page-arrow:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--purple) 38%,var(--line));box-shadow:0 8px 22px rgba(101,57,207,.10)}.page-num.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--purple),#8f57f0 58%,var(--orange));box-shadow:0 9px 25px rgba(105,60,214,.24)}.page-arrow{gap:5px;grid-auto-flow:column;padding-inline:12px}.page-arrow.disabled{opacity:.38;cursor:not-allowed}.page-dots{min-width:20px;padding:0;color:var(--muted)}

@media(max-width:1180px){.poet-profile-premium{grid-template-columns:130px minmax(0,1fr) 270px!important;gap:17px!important}.poets-list-hero .container{grid-template-columns:1fr}.poets-filter-panel{grid-template-columns:minmax(230px,1.35fr) 1fr 1fr .65fr auto}.poets-list-section .poet-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.poet-profile-premium{grid-template-columns:118px minmax(0,1fr)!important}.poet-library-summary-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .85fr;gap:10px}.library-summary-head{grid-column:1/-1}.library-summary-stats{margin:0}.library-quick-links{grid-template-columns:1fr 1fr}.library-jump{grid-column:1/-1}.poets-filter-panel{grid-template-columns:1fr 1fr 1fr}.filter-search-block{grid-column:1/-1}.filter-reset{align-self:end}.poets-list-section .poet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.poet-page-hero{padding:15px 0 13px!important}.poet-profile-premium{grid-template-columns:78px minmax(0,1fr)!important;gap:11px!important}.poet-profile-premium .profile-photo{border-radius:18px!important;padding:3px!important}.poet-profile-premium .profile-photo img{border-radius:14px!important}.poet-profile-premium .profile-body h1{font-size:23px!important}.poet-profile-premium .profile-body .description{font-size:11px!important;line-height:1.85!important;-webkit-line-clamp:4}.poet-profile-premium .profile-facts{grid-column:1/-1}.poet-library-summary-card{grid-template-columns:1fr;padding:13px;border-radius:18px}.library-summary-head{grid-column:auto}.library-quick-links{grid-template-columns:1fr 1fr}.library-jump{grid-column:auto}.compact-category-heading{align-items:flex-start;flex-direction:column;gap:3px}.compact-category-heading h2{font-size:17px}.compact-category-heading>small{font-size:10px}.compact-categories .work-category-grid{grid-template-columns:1fr 1fr!important}.compact-categories .work-category-card{min-height:128px!important}.compact-categories .work-category-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poets-list-hero{padding:20px 0 16px!important}.poets-hero-copy h1{font-size:25px}.poets-filter-panel{grid-template-columns:1fr 1fr;padding:9px}.filter-search-block{grid-column:1/-1}.compact-select{grid-column:auto}.filter-reset{grid-column:1/-1;height:34px}.poets-list-section .poet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.poets-list-section .poet-photo{height:145px!important}.poets-list-section .poet-card{min-width:0!important}.poets-pagination{gap:4px}.page-num,.page-arrow{min-width:32px;height:32px;padding:0 7px}.page-arrow span{display:none}.poets-list-summary{margin-bottom:9px}}
@media(max-width:390px){.compact-categories .work-category-grid{grid-template-columns:1fr!important}.poets-filter-panel{grid-template-columns:1fr}.filter-search-block,.filter-reset{grid-column:auto}.poets-list-section .poet-grid{grid-template-columns:1fr 1fr!important}.poets-list-section .poet-photo{height:128px!important}.poets-list-section .poet-info{padding:9px!important}.poets-list-section .poet-info p{display:none}.poets-list-section .poet-stats{margin-top:6px}}


/* === Folanja Hero + AJAX Poetry Loader Hotfix v1.7 === */
:root{
  /* Keep the new artwork visible; only a very soft veil remains for readability. */
  --hero-overlay:linear-gradient(270deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.17) 40%,rgba(255,255,255,.055) 72%,rgba(255,255,255,0) 100%);
}
html[data-theme="dark"]{
  --hero-overlay:linear-gradient(270deg,rgba(15,9,25,.52) 0%,rgba(15,9,25,.28) 42%,rgba(15,9,25,.08) 74%,rgba(15,9,25,0) 100%);
}
.hero{
  background-image:var(--hero-overlay),url('images/hero-garden.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
}
.hero:before{
  background:
    radial-gradient(circle at 73% 20%,rgba(255,190,71,.075),transparent 28%),
    radial-gradient(circle at 22% 76%,rgba(104,55,217,.055),transparent 30%)!important;
}
.hero:after{
  height:38px!important;
  background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--bg) 70%,transparent))!important;
}
.hero-copy{
  background:color-mix(in srgb,var(--surface) 56%,transparent)!important;
  backdrop-filter:blur(8px) saturate(1.04)!important;
}
html[data-theme="dark"] .hero-copy{
  background:color-mix(in srgb,var(--surface) 63%,transparent)!important;
}
@media(max-width:820px){
  .hero{background-position:47% center!important}
  .hero-copy{background:color-mix(in srgb,var(--surface) 66%,transparent)!important}
}
@media(max-width:560px){
  .hero{background-position:42% center!important}
  .hero-copy{background:color-mix(in srgb,var(--surface) 72%,transparent)!important}
}

/* Professional Hybrid AJAX loader with a random Persian couplet. */
.ajax-loading-stage{
  position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:18px;
  background:rgba(255,253,255,.48);backdrop-filter:blur(12px) saturate(1.08);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;
}
.ajax-loading-stage.on{opacity:1;visibility:visible;pointer-events:auto}
.ajax-loading-stage.leaving{opacity:0;pointer-events:none}
html[data-theme="dark"] .ajax-loading-stage{background:rgba(10,6,18,.60)}
.ajax-loading-card{
  position:relative;isolation:isolate;width:min(560px,calc(100vw - 30px));overflow:hidden;
  border-radius:30px;padding:28px 28px 24px;text-align:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#f4ecff),color-mix(in srgb,var(--surface) 91%,#fff1d8));
  border:1px solid transparent;
  box-shadow:0 34px 100px rgba(73,39,128,.24),0 0 0 1px rgba(125,73,232,.07) inset;
}
.ajax-loading-card:before{
  content:"";position:absolute;inset:0;z-index:-2;padding:1px;border-radius:inherit;
  background:linear-gradient(125deg,rgba(119,70,229,.76),rgba(255,145,27,.66),rgba(255,207,70,.78),rgba(119,70,229,.58));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
}
.ajax-loading-card:after{
  content:"";position:absolute;width:330px;height:220px;z-index:-3;inset:-120px auto auto -80px;border-radius:50%;
  background:radial-gradient(circle,rgba(116,66,224,.23),transparent 68%);filter:blur(2px);
}
html[data-theme="dark"] .ajax-loading-card{
  background:linear-gradient(145deg,rgba(31,21,48,.97),rgba(21,14,34,.97));
  box-shadow:0 36px 110px rgba(0,0,0,.52),0 0 70px rgba(119,70,229,.14);
}
.ajax-loader-emblem{position:relative;width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center}
.ajax-loader-ring{
  position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--purple),var(--orange),var(--yellow),var(--purple));
  animation:folanjaLoaderSpin 1.25s linear infinite;box-shadow:0 0 28px rgba(111,59,219,.25);
}
.ajax-loader-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
html[data-theme="dark"] .ajax-loader-ring:after{background:#1c132b}
.ajax-loader-mark{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:900;color:var(--purple);background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 8%,var(--surface)),color-mix(in srgb,var(--orange) 9%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 12%,transparent)}
.ajax-loader-title{font-size:15px;font-weight:900;margin:0 0 14px;color:var(--text)}
.ajax-loader-title span{color:var(--purple)}
.ajax-loader-verse{min-height:74px;margin:0 auto 15px;padding:14px 18px;border-radius:20px;background:color-mix(in srgb,var(--purple) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));transition:opacity .16s}
.ajax-loader-verse.is-refreshing{opacity:.45}
.ajax-loader-verse p{margin:0;font-size:15px;line-height:2.05;font-weight:750;color:var(--text)}
.ajax-loader-verse p+p{margin-top:1px}
.ajax-loader-verse small{display:block;margin-top:7px;color:var(--orange);font-size:12.5px;font-weight:800}
.ajax-loader-track{height:5px;border-radius:999px;background:color-mix(in srgb,var(--purple) 8%,var(--line));overflow:hidden;margin:0 18px 9px}
.ajax-loader-track i{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--orange),var(--yellow));animation:folanjaLoaderTrack 1.15s ease-in-out infinite;box-shadow:0 0 16px rgba(121,70,229,.30)}
.ajax-loader-note{font-size:11.5px;color:var(--muted);font-weight:650}
.ajax-page-progress{z-index:10000!important}
.ajax-navigating main{opacity:.90!important;filter:saturate(.96);transition:opacity .15s}
@keyframes folanjaLoaderSpin{to{transform:rotate(360deg)}}
@keyframes folanjaLoaderTrack{0%{transform:translateX(-120%)}55%{width:48%}100%{transform:translateX(310%);width:34%}}
@media(max-width:560px){
  .ajax-loading-stage{padding:12px;backdrop-filter:blur(9px)}
  .ajax-loading-card{padding:22px 15px 19px;border-radius:24px}
  .ajax-loader-emblem{width:64px;height:64px;margin-bottom:11px}.ajax-loader-mark{width:44px;height:44px;font-size:19px}
  .ajax-loader-title{font-size:13px;margin-bottom:10px}.ajax-loader-verse{padding:12px 11px;min-height:70px;border-radius:17px}
  .ajax-loader-verse p{font-size:13px;line-height:2}.ajax-loader-track{margin-inline:8px}
}
@media(prefers-reduced-motion:reduce){.ajax-loader-ring,.ajax-loader-track i{animation-duration:2.8s}}

/* === Folanja Performance + Fal Hotfix v1.8 === */
/* Button cards keep exactly the same visual language as links. */
button.feature-card{width:100%;font-family:var(--font);color:var(--text);appearance:none;-webkit-appearance:none}
.feature-fortune{border-color:color-mix(in srgb,var(--purple) 28%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),color-mix(in srgb,var(--orange) 6%,var(--surface)))}
.feature-fortune .feature-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 18%,var(--surface)),color-mix(in srgb,var(--yellow) 25%,var(--surface)));color:var(--purple)}

.main-nav .nav-fortune{border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 11%,var(--surface)));color:var(--purple);border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));border-radius:999px;padding:8px 14px;font-weight:900;display:inline-flex;align-items:center;gap:7px;box-shadow:0 8px 22px rgba(100,55,211,.09);transition:.2s}
.main-nav .nav-fortune:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--orange) 48%,var(--line));box-shadow:0 10px 26px rgba(100,55,211,.15)}
.main-nav .nav-fortune span{color:var(--orange)}

.poet-fortune-btn{margin-top:13px;display:inline-grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--purple) 25%,var(--line));border-radius:16px;padding:8px 13px 8px 15px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 8%,var(--surface)),color-mix(in srgb,var(--yellow) 12%,var(--surface)));box-shadow:0 9px 25px rgba(92,47,190,.09);transition:.2s}
.poet-fortune-btn>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--purple),var(--orange));color:#fff;font-size:14px;box-shadow:0 7px 16px rgba(106,57,215,.22)}
.poet-fortune-btn b{font-size:13px;line-height:1.15;text-align:right}.poet-fortune-btn small{font-size:10px;color:var(--muted);line-height:1.2;text-align:right}.poet-fortune-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--orange) 48%,var(--line));box-shadow:0 13px 30px rgba(92,47,190,.15)}

.category-browser-invite{margin-top:4px;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 5%,var(--surface)),color-mix(in srgb,var(--orange) 3%,var(--surface)));border-style:dashed!important}

/* Fortune modal */
body.fortune-open{overflow:hidden}
.fortune-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.fortune-modal[hidden]{display:none}.fortune-modal.open{opacity:1;visibility:visible}
.fortune-backdrop{position:absolute;inset:0;background:rgba(28,15,48,.35);backdrop-filter:blur(11px) saturate(1.05)}
html[data-theme="dark"] .fortune-backdrop{background:rgba(5,3,10,.65)}
.fortune-dialog{position:relative;isolation:isolate;width:min(480px,calc(100vw - 28px));overflow:hidden;border-radius:32px;padding:31px 28px 26px;text-align:center;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#f0e8ff),color-mix(in srgb,var(--surface) 93%,#fff0d5));box-shadow:0 35px 110px rgba(52,27,92,.30),0 0 0 1px rgba(116,65,224,.08) inset;transform:translateY(12px) scale(.975);transition:transform .22s ease}
.fortune-modal.open .fortune-dialog{transform:none}
.fortune-dialog:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(125deg,rgba(118,68,229,.75),rgba(255,146,28,.72),rgba(255,204,54,.82),rgba(118,68,229,.62));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.fortune-dialog:after{content:"";position:absolute;z-index:-2;width:310px;height:240px;top:-150px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(122,75,230,.23),transparent 68%)}
html[data-theme="dark"] .fortune-dialog{background:linear-gradient(145deg,#20152f,#160f22);box-shadow:0 38px 120px rgba(0,0,0,.58),0 0 70px rgba(118,68,229,.14)}
.fortune-close{position:absolute;top:13px;left:13px;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:22px;display:grid;place-items:center;line-height:1}
.fortune-sigil{width:66px;height:66px;margin:0 auto 10px;border-radius:24px;display:grid;place-items:center;color:#fff;font-size:26px;background:linear-gradient(145deg,var(--purple),#8b55ea 48%,var(--orange));box-shadow:0 15px 36px rgba(104,56,212,.28),0 0 0 7px color-mix(in srgb,var(--purple) 7%,transparent)}
.fortune-kicker{display:block;color:var(--orange);font-size:11.5px;font-weight:900;letter-spacing:.2px}.fortune-dialog h2{margin:5px 0 8px;font-size:22px;line-height:1.55;font-weight:900;letter-spacing:-.5px}.fortune-dialog>p{margin:0 auto 17px;max-width:390px;color:var(--muted);font-size:12px;line-height:2}
.fortune-intent{width:100%;min-height:67px;border:0;border-radius:20px;color:#fff;background:linear-gradient(120deg,var(--purple),#8050e4 52%,var(--orange));box-shadow:0 15px 34px rgba(105,58,215,.26);display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-content:center;padding:11px 18px;transition:.2s}
.fortune-intent:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(105,58,215,.32)}.fortune-intent:disabled{cursor:wait;opacity:.82;transform:none}.fortune-intent>span{grid-row:1/3;font-size:20px}.fortune-intent b{font-size:16px;line-height:1.2;text-align:right}.fortune-intent small{font-size:10.5px;opacity:.78;text-align:right}.fortune-intent.loading>span{animation:fortunePulse 1s ease-in-out infinite}
.fortune-selected{margin:0 0 14px;padding:11px 14px;border-radius:16px;background:color-mix(in srgb,var(--purple) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));display:grid;gap:2px}.fortune-selected[hidden]{display:none}.fortune-selected span{font-size:10px;color:var(--muted)}.fortune-selected b{font-size:14px;color:var(--purple)}.fortune-selected small{font-size:11.5px;color:var(--text)}
.fortune-note{margin-top:13px;color:var(--muted);font-size:10px}.fortune-note:before{content:"◆";color:var(--yellow);margin-left:5px}
@keyframes fortunePulse{50%{transform:scale(1.25) rotate(20deg)}}

/* Lazy verse search: the heavy LIKE over verses happens after the page paints. */
.lazy-search-loading{min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12.5px;border:1px dashed color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--purple) 3%,var(--surface))}.lazy-search-loading i{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-top-color:var(--purple);animation:folanjaLoaderSpin .8s linear infinite}.search-light-note{padding:13px 14px;border-radius:15px;color:var(--muted);font-size:12.5px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid var(--line)}

@media(max-width:820px){
  .main-nav .nav-fortune{width:100%;justify-content:center;margin-top:3px;padding:11px 14px}
}
@media(max-width:560px){
  .fortune-modal{padding:10px}.fortune-dialog{padding:27px 16px 20px;border-radius:25px}.fortune-dialog h2{font-size:18px}.fortune-dialog>p{font-size:12px}.fortune-intent{min-height:61px;border-radius:17px}.poet-fortune-btn{margin-top:9px;padding:7px 10px}.poet-fortune-btn small{display:none}
}
/* v1.9: direct poet categories — no duplicated outer classification box */
.poet-categories-direct{padding:14px 0 34px;background:transparent}
.poet-categories-direct .work-category-grid{margin-top:0}
.poet-categories-direct .poet-inline-browser-shell{margin-top:16px}
@media(max-width:560px){.poet-categories-direct{padding:10px 0 26px}}


/* === Folanja v1.10 consolidated UI + performance hotfix === */
/* One authoritative hero/brand block. Old v1.9.4–v1.9.9 cascade overrides were removed. */
.brand-logo{width:38px;height:38px;object-fit:contain;display:block;flex:0 0 auto;filter:drop-shadow(0 7px 14px rgba(96,50,180,.13))}
.site-header .brand-logo{width:57px!important;height:57px!important;filter:drop-shadow(0 8px 17px rgba(95,47,177,.18)) drop-shadow(0 2px 4px rgba(232,158,36,.10))}
.site-header .brand{gap:8px}.footer-brand .brand-logo{width:44px!important;height:44px!important}
.brand-copy b{background:linear-gradient(118deg,#6432d5 0%,#9147e5 42%,#ff8a20 76%,#e2a928 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 7px 22px rgba(111,54,218,.10)}

:root{--hero-overlay:linear-gradient(270deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.055) 45%,rgba(255,255,255,.008) 75%,rgba(255,255,255,0) 100%)}
html[data-theme="dark"]{--hero-overlay:linear-gradient(270deg,rgba(15,9,25,.30) 0%,rgba(15,9,25,.13) 45%,rgba(15,9,25,.025) 75%,rgba(15,9,25,0) 100%)}
.hero{height:clamp(330px,34vw,365px)!important;min-height:330px!important;background-size:auto 100%!important;background-repeat:no-repeat!important;background-position:left center!important;background-color:color-mix(in srgb,#f4d9c1 72%,var(--bg))!important;overflow:hidden}
html[data-theme="dark"] .hero{background-color:color-mix(in srgb,#22172d 78%,var(--bg))!important}
.hero-content{height:100%;padding:22px 0!important;grid-template-columns:minmax(0,580px) minmax(290px,1fr)!important;gap:28px!important;align-items:center!important}
.hero-copy{background:color-mix(in srgb,var(--surface) 54%,transparent)!important;backdrop-filter:blur(7px) saturate(1.03)!important;border-color:color-mix(in srgb,var(--purple) 16%,var(--line))!important}
html[data-theme="dark"] .hero-copy{background:color-mix(in srgb,var(--surface) 59%,transparent)!important}
.hero-copy .hero-kicker{display:flex!important;width:max-content!important;max-width:100%;margin:0 0 8px!important;clear:both!important}
/* Critical: gradient is sized to the WORD, not the full card. This fixes the all-orange wordmark. */
.hero-copy h1{display:block!important;clear:both!important;width:max-content!important;max-width:100%!important;margin:7px 0 0!important;font-size:clamp(48px,5.6vw,72px)!important;letter-spacing:-3px!important;background:linear-gradient(92deg,#5826c8 0%,#8240df 30%,#b34ed4 47%,#ff7e18 72%,#efb42a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:0 0 19px rgba(111,55,220,.16),0 9px 24px rgba(255,126,22,.10)!important;filter:drop-shadow(0 2px 0 rgba(255,255,255,.22)) drop-shadow(0 8px 17px rgba(94,45,175,.12))!important}
.hero-copy h1 .feather{color:#ff861a!important;-webkit-text-fill-color:#ff861a!important;filter:drop-shadow(0 5px 11px rgba(255,132,19,.25))!important}

/* Desktop left identity: motto half-a-card further left; old dark quote aligns to hero card bottom. */
.hero-side-identity{align-self:stretch!important;justify-self:start!important;width:330px!important;max-width:330px!important;margin:0!important;transform:translateX(-142px)!important;position:relative!important;z-index:3}
.hero-side-stack{position:relative!important;width:100%!important;height:100%!important;display:block!important}
.hero-side-glass{position:absolute!important;top:58px!important;left:0!important;width:fit-content!important;max-width:305px!important;padding:9px 14px 8px!important;border-radius:18px!important;text-align:center!important;color:#2d2140!important;background:linear-gradient(140deg,rgba(255,255,255,.20),rgba(239,224,255,.10))!important;border:1px solid rgba(255,255,255,.42)!important;backdrop-filter:blur(4.5px) saturate(1.03)!important;box-shadow:0 13px 31px rgba(67,35,105,.08),0 0 30px rgba(112,59,220,.10),inset 0 1px 0 rgba(255,255,255,.42)!important;overflow:hidden}
.hero-side-glass:before{content:"";position:absolute;inset:-70% auto auto -18%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(122,66,226,.20),transparent 69%);pointer-events:none}
.hero-side-glass strong{position:relative;display:block;font-size:clamp(18px,1.45vw,23px)!important;line-height:1.55!important;font-weight:900!important;white-space:nowrap!important;color:#302044!important;text-shadow:0 2px 12px rgba(255,255,255,.30)}
.hero-side-glass small{position:relative;display:block;font-size:10px!important;margin-top:3px!important;padding-top:4px!important;color:#705d79!important;border-top:1px solid rgba(95,61,120,.12)!important}
.hero-side-stack .hero-quote{display:block!important;position:absolute!important;left:0!important;bottom:0!important;width:fit-content!important;max-width:305px!important;margin:0!important;padding:13px 16px!important;border-radius:17px!important;background:rgba(28,20,36,.60)!important;color:#fff!important;backdrop-filter:blur(10px) saturate(1.05)!important;border:1px solid rgba(255,255,255,.19)!important;box-shadow:0 17px 42px rgba(24,13,37,.22)!important}
.hero-side-stack .hero-quote p{font-size:13.5px!important;white-space:nowrap!important;line-height:1.85!important;font-weight:850!important;margin:0 0 3px!important}.hero-side-stack .hero-quote small{display:block;font-size:10px!important;opacity:.78!important}
html[data-theme="dark"] .hero-side-glass{background:linear-gradient(140deg,rgba(74,36,123,.28),rgba(30,18,47,.18))!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 17px 38px rgba(0,0,0,.25),0 0 38px rgba(126,69,232,.17)!important}
html[data-theme="dark"] .hero-side-glass strong{color:#f7f1ff!important}html[data-theme="dark"] .hero-side-glass small{color:#d8cce5!important}html[data-theme="dark"] .hero-side-stack .hero-quote{background:rgba(11,7,17,.72)!important}

/* Imported low-resolution Ganjoor portraits live inside our own ornamental portrait stage instead of being stretched. */
.poet-photo.imported-portrait,.profile-photo.imported-portrait{position:relative!important;isolation:isolate;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96) 0 23%,rgba(237,226,255,.88) 48%,rgba(255,237,203,.78) 100%)!important}
.poet-photo.imported-portrait:before,.profile-photo.imported-portrait:before{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px solid rgba(117,63,219,.28);box-shadow:inset 0 0 0 4px rgba(255,255,255,.42),0 0 26px rgba(117,63,219,.12);z-index:0}
.poet-photo.imported-portrait:after,.profile-photo.imported-portrait:after{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(125,67,224,.14),rgba(255,178,43,.07) 48%,transparent 70%);z-index:0}
.poet-photo.imported-portrait img{position:relative!important;z-index:2!important;width:auto!important;height:auto!important;max-width:62%!important;max-height:78%!important;object-fit:contain!important;border-radius:46% 46% 42% 42%!important;border:3px solid rgba(255,255,255,.92)!important;outline:1px solid rgba(224,159,38,.58)!important;box-shadow:0 12px 28px rgba(58,31,90,.22),0 0 0 5px rgba(115,61,219,.07)!important;transform:none!important}
.profile-photo.imported-portrait{aspect-ratio:1/1!important}.profile-photo.imported-portrait img{position:relative!important;z-index:2!important;width:auto!important;height:auto!important;max-width:65%!important;max-height:76%!important;object-fit:contain!important;border-radius:46% 46% 42% 42%!important;border:4px solid rgba(255,255,255,.92)!important;outline:1px solid rgba(224,159,38,.60)!important;box-shadow:0 14px 32px rgba(58,31,90,.22),0 0 0 6px rgba(115,61,219,.07)!important}
.portrait-ornament{position:absolute;z-index:3;color:#8850df;text-shadow:0 2px 8px rgba(255,151,25,.20);font-size:13px}.portrait-ornament.top{top:18px}.portrait-ornament.bottom{bottom:17px;color:#d69b25}
html[data-theme="dark"] .poet-photo.imported-portrait,html[data-theme="dark"] .profile-photo.imported-portrait{background:radial-gradient(circle at 50% 42%,rgba(62,40,91,.96),rgba(42,26,66,.94) 48%,rgba(56,37,48,.92) 100%)!important}

/* Home First Paint: lower content is lazy/AJAX; these skeletons are visual only and execute no DB work. */
.home-lazy-shell{min-height:230px}.home-skeleton-section{padding-top:46px}.home-skeleton-head{width:220px;height:28px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),color-mix(in srgb,var(--orange) 7%,var(--surface)),color-mix(in srgb,var(--purple) 7%,var(--surface)));background-size:220% 100%;animation:homeShimmer 1.5s linear infinite;margin:0 0 18px auto}.home-skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.home-skeleton-grid i{height:220px;border-radius:22px;background:linear-gradient(105deg,color-mix(in srgb,var(--purple) 5%,var(--surface)) 20%,color-mix(in srgb,var(--surface) 95%,white) 46%,color-mix(in srgb,var(--orange) 5%,var(--surface)) 72%);background-size:240% 100%;animation:homeShimmer 1.55s linear infinite;border:1px solid color-mix(in srgb,var(--purple) 8%,var(--line))}.home-retry{display:block;margin:auto;border:1px solid var(--line);border-radius:14px;padding:11px 18px;background:var(--surface);color:var(--purple);font:800 13px var(--font)}@keyframes homeShimmer{to{background-position:-220% 0}}

/* Fortune result can show a two-line preview before navigation. */
.fortune-selected em{display:block;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));font-style:normal;font-size:12px;line-height:2;color:var(--text)}
.poet-inline-browser-content:empty{display:none}.poet-inline-browser-shell:has(.poet-inline-browser-content:empty){min-height:0;margin-top:0}.category-browser-invite{display:none!important}
.ajax-loader-mark{overflow:hidden;background:transparent!important;box-shadow:none!important}.ajax-loader-mark img{width:54px;height:54px;display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(101,52,191,.18))}.ajax-loader-ring:after{inset:7px!important}.ajax-loader-title span{background:linear-gradient(100deg,var(--purple),var(--orange),var(--yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

@media(max-width:1100px){
  .site-header .brand-logo{width:52px!important;height:52px!important}.hero-side-identity{transform:translateX(-58px)!important;width:315px!important}.hero-side-glass strong{white-space:normal!important}.hero-side-stack .hero-quote p{white-space:normal!important}.home-skeleton-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .site-header .brand-logo{width:44px!important;height:44px!important}.hero{height:auto!important;min-height:390px!important;background-size:cover!important;background-position:45% center!important}.hero-content{display:block!important;padding:21px 0 24px!important}.hero-copy{background:color-mix(in srgb,var(--surface) 70%,transparent)!important}.hero-copy h1{font-size:46px!important}.hero-side-identity{display:block!important;position:absolute!important;left:16px!important;bottom:16px!important;width:auto!important;max-width:250px!important;height:auto!important;transform:none!important}.hero-side-stack{height:auto!important}.hero-side-glass{position:relative!important;top:auto!important;left:auto!important;max-width:240px!important;background:linear-gradient(145deg,rgba(111,55,216,.15),rgba(255,255,255,.20))!important;box-shadow:0 12px 30px rgba(104,55,210,.13),0 0 30px rgba(127,72,230,.16)!important;backdrop-filter:blur(4px)!important}.hero-side-glass strong{font-size:16px!important;white-space:normal!important}.hero-side-glass small{font-size:10px!important}.hero-side-stack .hero-quote{display:none!important}.home-skeleton-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.site-header .brand-logo{width:40px!important;height:40px!important}.hero{min-height:380px!important;background-position:43% center!important}.hero-copy h1{font-size:42px!important}.hero-side-identity{left:12px!important;bottom:12px!important;max-width:220px!important}.hero-side-glass{max-width:215px!important;padding:8px 12px!important}.home-skeleton-grid{grid-template-columns:1fr 1fr;gap:10px}.home-skeleton-grid i{height:150px}}

/* v1.11 — premium poem/category reading experience */
.premium-glow-hero,.category-page-hero{position:relative;overflow:hidden;background:
  radial-gradient(420px 180px at 8% 12%,rgba(124,76,231,.10),transparent 72%),
  radial-gradient(360px 160px at 92% 12%,rgba(255,170,41,.10),transparent 72%),
  radial-gradient(320px 150px at 50% 0%,rgba(255,211,86,.10),transparent 76%),
  linear-gradient(180deg,color-mix(in srgb,var(--purple) 7%,var(--bg)),var(--bg));}
.category-hero-card,.premium-reader-head{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));border-radius:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 98%,#ffffff),color-mix(in srgb,var(--surface) 97%,#fff7ec));box-shadow:0 20px 58px rgba(105,61,211,.08),0 10px 26px rgba(255,146,28,.06),inset 0 1px 0 rgba(255,255,255,.55)}
.category-hero-card:before,.premium-reader-head:before{content:"";position:absolute;inset:-55% auto auto -8%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(121,67,230,.18),transparent 70%)}
.category-hero-card:after,.premium-reader-head:after{content:"";position:absolute;inset:auto -8% -62% auto;width:280px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,171,34,.18),transparent 72%)}
.category-hero-card{padding:30px 30px 24px}
.category-hero-card h1,.premium-reader-head h1{position:relative;z-index:1}
.category-hero-card p,.premium-reader-head .reader-meta{position:relative;z-index:1}
.premium-reader-wrap{max-width:940px}
.premium-reader-head{padding:34px 26px;margin-bottom:0;border-radius:30px 30px 0 0}
.premium-reader-head h1{font-size:36px;line-height:1.5}
.poem-reader-premium-section{padding-top:26px}
.poem-reader-shell{position:relative}
.premium-poem-reader{position:relative;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));border-top:0;border-radius:0 0 30px 30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 99%,#fff),color-mix(in srgb,var(--surface) 98%,#fbf7ff));box-shadow:0 24px 70px rgba(104,58,214,.10),0 8px 24px rgba(255,162,47,.06);overflow:hidden}
.premium-poem-reader:before{content:"";position:absolute;right:-88px;top:12%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(119,61,230,.13),transparent 70%);pointer-events:none}
.premium-poem-reader:after{content:"";position:absolute;left:-90px;bottom:8%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,25,.12),transparent 72%);pointer-events:none}
.couplet{padding:20px 64px 20px 20px;font-size:19px;line-height:2.2}
.couplet-no{position:absolute;right:16px;top:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7a4be5,#ff9d2b);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 24px rgba(110,62,220,.18)}
.couplet:before{display:none}
.prose-line{position:relative;padding:14px 14px 14px 56px;font-size:18px;line-height:2.35;text-align:center}
.prose-line .couplet-no.inline{position:absolute;right:12px;top:11px;width:31px;height:31px;font-size:13px}
.poem-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;min-width:66px;padding:12px 10px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff),color-mix(in srgb,var(--surface) 94%,#fff4e4));border:1px solid color-mix(in srgb,var(--purple) 16%,var(--line));box-shadow:0 15px 34px rgba(100,56,205,.10),0 4px 18px rgba(255,158,34,.05);font-weight:900;color:var(--text)}
.poem-nav span{font-size:20px;line-height:1;color:var(--purple)}
.poem-nav small{font-size:12.5px;color:var(--muted)}
.poem-nav:hover{transform:translateY(-50%) scale(1.03)}
.poem-nav-next{right:-78px}
.poem-nav-prev{left:-78px}
.category-poems-premium .premium-head{margin-bottom:14px}
.category-search-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.category-search-inline .search-wide{max-width:760px;box-shadow:0 10px 28px rgba(106,61,213,.06)}
.poem-card .excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="dark"] .category-hero-card,html[data-theme="dark"] .premium-reader-head,html[data-theme="dark"] .premium-poem-reader,html[data-theme="dark"] .poem-nav{background:linear-gradient(145deg,#20162f,#15101f 72%,#1d132b);border-color:#3a2855;box-shadow:0 24px 70px rgba(0,0,0,.24),0 8px 24px rgba(105,60,213,.10)}
html[data-theme="dark"] .premium-glow-hero,html[data-theme="dark"] .category-page-hero{background:radial-gradient(420px 180px at 8% 12%,rgba(124,76,231,.18),transparent 72%),radial-gradient(360px 160px at 92% 12%,rgba(255,170,41,.10),transparent 72%),radial-gradient(320px 150px at 50% 0%,rgba(255,211,86,.08),transparent 76%),linear-gradient(180deg,#171020,#130d19)}
html[data-theme="dark"] .couplet:hover{background:rgba(255,255,255,.025)}

@media(max-width:1100px){
  .poem-nav-next{right:-18px}
  .poem-nav-prev{left:-18px}
}
@media(max-width:760px){
  .premium-reader-head{padding:26px 16px}
  .premium-reader-head h1{font-size:28px}
  .category-hero-card{padding:22px 18px 18px}
  .poem-nav{top:auto;bottom:-18px;transform:none;padding:9px 9px;border-radius:14px;min-width:54px}
  .poem-nav:hover{transform:scale(1.02)}
  .poem-nav-next{right:10px}
  .poem-nav-prev{left:10px}
  .premium-poem-reader{padding-bottom:60px}
  .couplet{grid-template-columns:1fr;gap:9px;padding:56px 14px 16px;font-size:17px}
  .couplet-no{left:50%;right:auto;transform:translateX(-50%);top:12px;width:32px;height:32px}
  .couplet p{text-align:center}
  .prose-line{padding:48px 10px 14px;font-size:16px}
  .prose-line .couplet-no.inline{left:50%;right:auto;transform:translateX(-50%);top:10px}
  .category-search-inline .search-wide{max-width:none;width:100%}
}

/* v1.12 — precise desktop Hero identity alignment */
.hero-side-glass strong{color:#f07c18!important;text-shadow:0 2px 12px rgba(255,255,255,.24),0 6px 18px rgba(240,124,24,.16)!important}
html[data-theme="dark"] .hero-side-glass strong{color:#ff9a2f!important;text-shadow:0 3px 16px rgba(255,143,35,.18)!important}
@media(min-width:821px){
  .hero-side-glass{transform:translateY(50%)!important}
  .hero-side-stack .hero-quote{transform:translateX(50%)!important}
}

/* v1.14 — hero identity position/legibility correction */
.hero-side-glass{
  max-width:340px!important;
  padding:13px 20px 12px!important;
  border-radius:21px!important;
  background:linear-gradient(140deg,rgba(52,30,73,.62),rgba(86,47,117,.52))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
  box-shadow:0 17px 38px rgba(33,18,50,.22),0 0 34px rgba(112,59,220,.14),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.hero-side-glass strong{
  font-size:clamp(20px,1.62vw,26px)!important;
  line-height:1.58!important;
  color:#ff8a22!important;
  text-shadow:0 3px 14px rgba(0,0,0,.22),0 5px 18px rgba(255,136,34,.13)!important;
}
.hero-side-glass small{
  font-size:11.5px!important;
  margin-top:5px!important;
  padding-top:6px!important;
  color:#fff!important;
  opacity:.96!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .hero-side-glass{
  background:linear-gradient(140deg,rgba(58,29,92,.70),rgba(28,18,43,.68))!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] .hero-side-glass strong{color:#ff9a2f!important}
html[data-theme="dark"] .hero-side-glass small{color:#fff!important}

@media(min-width:1051px){
  .hero-side-glass{transform:translate(48%,42%)!important}
}
@media(max-width:1050px) and (min-width:761px){
  .hero-side-glass{transform:translate(22%,24%)!important}
}
@media(max-width:760px){
  .hero-side-glass{
    max-width:250px!important;
    padding:10px 14px 9px!important;
    background:linear-gradient(145deg,rgba(78,38,124,.48),rgba(42,24,64,.42))!important;
    backdrop-filter:blur(8px)!important;
  }
  .hero-side-glass strong{font-size:17px!important}
  .hero-side-glass small{font-size:10px!important;color:#fff!important}
}

/* v1.15 — clean Home SSR + final Hero placement */
/* Make the main white/glass Hero card reveal more of the garden image. */
.hero-copy{
  background:color-mix(in srgb,var(--surface) 47%,transparent)!important;
  backdrop-filter:blur(6px) saturate(1.02)!important;
}
html[data-theme="dark"] .hero-copy{
  background:color-mix(in srgb,var(--surface) 52%,transparent)!important;
}

/* Desktop: move the motto card 50px farther left from the v1.14 position. */
@media(min-width:1051px){
  .hero-side-glass{transform:translate(calc(48% - 50px),42%)!important}
}
@media(max-width:1050px) and (min-width:821px){
  .hero-side-glass{transform:translate(calc(22% - 50px),24%)!important}
}

/* Mobile: keep the motto INSIDE the upper white Hero card, opposite the Folanja wordmark. */
@media(max-width:820px){
  .hero-content{position:relative!important}
  .hero-copy{
    position:relative!important;
    background:color-mix(in srgb,var(--surface) 60%,transparent)!important;
    backdrop-filter:blur(6px) saturate(1.02)!important;
  }
  .hero-side-identity{
    display:block!important;
    position:absolute!important;
    top:54px!important;
    left:18px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:188px!important;
    height:auto!important;
    transform:none!important;
    z-index:8!important;
    pointer-events:none;
  }
  .hero-side-stack{height:auto!important}
  .hero-side-glass{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:188px!important;
    padding:8px 11px 7px!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(76,38,119,.48),rgba(50,28,72,.38))!important;
    border:1px solid rgba(255,255,255,.28)!important;
    backdrop-filter:blur(8px) saturate(1.06)!important;
    box-shadow:0 10px 25px rgba(65,34,105,.16),0 0 22px rgba(116,66,219,.12)!important;
  }
  .hero-side-glass:before{opacity:.5}
  .hero-side-glass strong{
    font-size:13.5px!important;
    line-height:1.55!important;
    white-space:normal!important;
    color:#ff922b!important;
    text-shadow:0 2px 9px rgba(0,0,0,.20)!important;
  }
  .hero-side-glass small{
    font-size:10px!important;
    margin-top:3px!important;
    padding-top:3px!important;
    color:#fff!important;
    opacity:.94!important;
  }
  .hero-side-stack .hero-quote{display:none!important}
}
@media(max-width:430px){
  .hero-side-identity{top:50px!important;left:10px!important;max-width:148px!important}
  .hero-side-glass{max-width:148px!important;padding:7px 9px 6px!important}
  .hero-side-glass strong{font-size:12px!important;line-height:1.45!important}
  .hero-side-glass small{font-size:10px!important}
  .hero-copy{background:color-mix(in srgb,var(--surface) 62%,transparent)!important}
}

/* v1.16 — restore the lower Hero quote card to light gray on desktop and mobile */
.hero-side-stack .hero-quote{
  background:linear-gradient(145deg,rgba(238,236,241,.88),rgba(214,211,219,.82))!important;
  color:#2f2934!important;
  border:1px solid rgba(255,255,255,.72)!important;
  backdrop-filter:blur(10px) saturate(1.02)!important;
  box-shadow:0 15px 34px rgba(39,30,49,.14),inset 0 1px 0 rgba(255,255,255,.70)!important;
}
.hero-side-stack .hero-quote p{color:#2f2934!important;text-shadow:none!important}
.hero-side-stack .hero-quote small{color:#5f5866!important;opacity:.92!important}
html[data-theme="dark"] .hero-side-stack .hero-quote{
  background:linear-gradient(145deg,rgba(226,223,232,.86),rgba(190,186,198,.82))!important;
  color:#28232d!important;
}
html[data-theme="dark"] .hero-side-stack .hero-quote p{color:#28232d!important}
html[data-theme="dark"] .hero-side-stack .hero-quote small{color:#5a5261!important}

@media(max-width:820px){
  .hero-side-stack .hero-quote{
    display:block!important;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:188px!important;
    margin:6px 0 0!important;
    padding:7px 10px!important;
    border-radius:14px!important;
  }
  .hero-side-stack .hero-quote p{font-size:12px!important;line-height:1.65!important;white-space:normal!important;margin:0 0 2px!important}
  .hero-side-stack .hero-quote small{font-size:10px!important}
}
@media(max-width:430px){
  .hero-side-stack .hero-quote{max-width:148px!important;padding:6px 8px!important;margin-top:5px!important}
  .hero-side-stack .hero-quote p{font-size:10.7px!important;line-height:1.55!important}
  .hero-side-stack .hero-quote small{font-size:10px!important}
}

/* v1.17 — exact Hero cards, premium category header/cards, fortune poem */
/* The UPPER identity card is the light gray one. */
.hero-side-glass{
  background:linear-gradient(145deg,rgba(240,239,242,.88),rgba(217,214,222,.80))!important;
  color:#2f2934!important;
  border:1px solid rgba(255,255,255,.74)!important;
  backdrop-filter:blur(10px) saturate(1.02)!important;
  box-shadow:0 15px 34px rgba(39,30,49,.14),0 0 24px rgba(106,61,213,.08),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.hero-side-glass strong{color:#f07b1d!important;text-shadow:none!important}
.hero-side-glass small{color:#5f5866!important;opacity:.94!important;text-shadow:none!important;border-top-color:rgba(70,60,78,.12)!important}
html[data-theme="dark"] .hero-side-glass{background:linear-gradient(145deg,rgba(226,223,232,.88),rgba(190,186,198,.84))!important;border-color:rgba(255,255,255,.46)!important}
html[data-theme="dark"] .hero-side-glass strong{color:#df6814!important}
html[data-theme="dark"] .hero-side-glass small{color:#514a58!important}

/* The LOWER quote card stays dark gray, on desktop and mobile. */
.hero-side-stack .hero-quote{
  background:linear-gradient(145deg,rgba(62,57,64,.92),rgba(39,35,42,.90))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  backdrop-filter:blur(9px) saturate(1.02)!important;
  box-shadow:0 16px 36px rgba(31,25,35,.24),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.hero-side-stack .hero-quote p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.18)!important}
.hero-side-stack .hero-quote small{color:#ddd9df!important;opacity:.92!important}
html[data-theme="dark"] .hero-side-stack .hero-quote{background:linear-gradient(145deg,rgba(56,51,60,.94),rgba(28,25,31,.94))!important;color:#fff!important}
html[data-theme="dark"] .hero-side-stack .hero-quote p{color:#fff!important}
html[data-theme="dark"] .hero-side-stack .hero-quote small{color:#d8d3dc!important}
@media(max-width:820px){
  .hero-side-glass{background:linear-gradient(145deg,rgba(240,239,242,.90),rgba(214,211,220,.84))!important;border-color:rgba(255,255,255,.76)!important}
  .hero-side-glass strong{color:#ee771b!important;text-shadow:none!important}
  .hero-side-glass small{color:#57505f!important;opacity:.95!important}
  .hero-side-stack .hero-quote{display:block!important;background:linear-gradient(145deg,rgba(61,56,64,.94),rgba(38,34,41,.92))!important}
}

/* Category page: title + poet are one premium headline at identical size. */
.category-page-hero{padding-bottom:34px!important}
.category-hero-card{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 34px!important}
.category-premium-title{display:flex!important;align-items:baseline;gap:12px;flex-wrap:wrap;margin:5px 0 4px!important;font-size:clamp(32px,3vw,45px)!important;line-height:1.4!important;font-weight:900!important;letter-spacing:-1px}
.category-premium-title span,.category-premium-title b{font:inherit!important;font-weight:900!important}
.category-premium-title span{color:var(--text)}
.category-premium-title b{background:linear-gradient(95deg,var(--purple),#a45de2 42%,var(--orange),#e5ad21);-webkit-background-clip:text;background-clip:text;color:transparent}
.category-hero-card>p{margin-top:5px!important;max-width:760px;color:var(--muted)!important;line-height:2!important}

/* Two real opening lines on every poem card. */
.poem-card-lines{display:grid;gap:4px;margin:17px 0 13px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 8%,var(--line));min-height:72px}
.poem-card-lines span{display:block;font-size:12px;line-height:1.9;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.poem-card-lines span+span{border-top:1px dashed color-mix(in srgb,var(--purple) 10%,var(--line));padding-top:3px}
.category-poems-premium .poem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-poems-premium .poem-card{min-height:210px;border-radius:22px;box-shadow:0 15px 38px rgba(103,59,210,.07),0 7px 20px rgba(255,151,31,.04)}

/* Premium paging for the long category poem list. */
.category-poems-premium .pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:26px auto 2px;padding:9px 12px;width:max-content;max-width:100%;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#f4eeff),color-mix(in srgb,var(--surface) 96%,#fff5e7));border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line));box-shadow:0 12px 32px rgba(100,55,205,.09)}
.category-poems-premium .pagination a,.category-poems-premium .pagination .current{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:12px;border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));background:var(--surface)}
.category-poems-premium .pagination .current{color:#fff;border:0;background:linear-gradient(135deg,var(--purple),#8b54e6 55%,var(--orange));box-shadow:0 8px 20px rgba(105,57,212,.20)}
.category-poems-premium .pagination a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--orange) 38%,var(--line))}

/* Fortune now displays the selected complete poem in a scrollable area. */
.fortune-dialog{width:min(590px,calc(100vw - 28px))!important}
.fortune-selected{max-height:min(48vh,420px);overflow:auto;text-align:center;padding:13px 15px!important}
.fortune-selected>span{position:sticky;top:-13px;z-index:2;padding:5px 10px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-radius:999px}
.fortune-selected b{font-size:16px!important}.fortune-selected small{font-size:12.5px!important}
.fortune-poem-text{display:grid;gap:5px;margin-top:11px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))}
.fortune-poem-text p{margin:0;font-size:13px;line-height:2.05;color:var(--text);text-align:center}
.fortune-open-poem{display:inline-flex;margin-top:12px;padding:8px 13px;border-radius:12px;background:color-mix(in srgb,var(--purple) 9%,var(--surface));color:var(--purple);font-size:11.5px;font-weight:900;border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line))}

@media(max-width:1000px){.category-poems-premium .poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .category-hero-card{min-height:135px;padding:22px 18px!important}
  .category-premium-title{gap:8px;font-size:29px!important}
  .category-poems-premium .poem-grid{grid-template-columns:1fr}
  .poem-card-lines span{text-align:center;font-size:12px}
  .category-poems-premium .pagination{gap:4px;padding:7px 8px;border-radius:15px}
  .category-poems-premium .pagination a,.category-poems-premium .pagination .current{width:34px;height:34px;border-radius:10px}
  .fortune-selected{max-height:46vh}.fortune-poem-text p{font-size:12px}
}

/* v1.18 — final cumulative Hero/category corrections */
.hero{
  background-image:var(--hero-overlay),url('images/hero-garden.webp')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
/* Main Hero card: keep the new wide image visible through the glass. */
.hero-copy{
  background:color-mix(in srgb,var(--surface) 42%,transparent)!important;
  backdrop-filter:blur(5px) saturate(1.02)!important;
}
/* Upper identity card stays light gray. Its main text is yellow in this release. */
.hero-side-glass{
  background:linear-gradient(145deg,rgba(239,238,241,.88),rgba(214,211,219,.82))!important;
  border-color:rgba(255,255,255,.76)!important;
  box-shadow:0 16px 34px rgba(39,30,49,.14),0 0 28px rgba(110,63,215,.08),inset 0 1px 0 rgba(255,255,255,.74)!important;
}
.hero-side-glass strong{
  color:#e7b11f!important;
  text-shadow:0 2px 10px rgba(255,255,255,.42),0 5px 14px rgba(210,154,20,.13)!important;
}
.hero-side-glass small{color:#5d5663!important}
html[data-theme="dark"] .hero-side-glass strong{color:#f2c13d!important}
/* Lower quote card stays the dark gray card on desktop. */
.hero-side-stack .hero-quote{
  background:linear-gradient(145deg,rgba(61,56,64,.94),rgba(37,33,40,.92))!important;
  color:#fff!important;
}
@media(min-width:1051px){
  /* Slightly farther left than v1.17, without moving the dark card independently. */
  .hero-side-identity{transform:translateX(-176px)!important}
  .hero-side-glass{transform:translate(0,42%)!important}
  .hero-side-stack .hero-quote{transform:none!important}
}
@media(max-width:1050px) and (min-width:821px){
  .hero-side-glass{transform:translate(-26px,24%)!important}
}
@media(max-width:820px){
  .hero{background-size:cover!important;background-position:34% center!important}
  .hero-side-glass strong{color:#e7b11f!important}
  /* User request: the lower gray/dark quote card must NOT appear on mobile. */
  .hero-side-stack .hero-quote{display:none!important}
}

/* Premium category/root page — one non-duplicated title, richer but still compact. */
.category-page-hero{
  background:
    radial-gradient(440px 190px at 4% 0%,rgba(112,64,224,.13),transparent 72%),
    radial-gradient(430px 190px at 96% 6%,rgba(255,160,31,.13),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--purple) 7%,var(--bg)),var(--bg))!important;
}
.category-hero-card{
  position:relative!important;
  isolation:isolate!important;
  min-height:205px!important;
  padding:34px 38px!important;
  border-radius:30px!important;
  border:1px solid transparent!important;
  background:
    radial-gradient(250px 160px at 0% 0%,rgba(117,67,227,.11),transparent 72%) padding-box,
    radial-gradient(280px 170px at 100% 100%,rgba(255,165,36,.12),transparent 74%) padding-box,
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#fff),color-mix(in srgb,var(--surface) 96%,#fff7eb)) padding-box,
    linear-gradient(130deg,rgba(113,63,224,.44),rgba(255,154,31,.48),rgba(244,196,52,.46)) border-box!important;
  box-shadow:0 26px 72px rgba(98,55,197,.12),0 12px 30px rgba(255,151,31,.07),inset 0 1px 0 rgba(255,255,255,.70)!important;
  overflow:hidden!important;
}
.category-hero-card:before{opacity:.85!important}
.category-hero-card:after{opacity:.9!important}
.category-hero-kicker{position:relative;z-index:2}
.category-premium-title{position:relative;z-index:2;margin-top:10px!important}
.category-hero-card>p{position:relative;z-index:2;max-width:900px!important;font-size:13px!important}
.category-hero-stats{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.category-hero-stats span{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:13px;background:color-mix(in srgb,var(--surface) 74%,transparent);border:1px solid color-mix(in srgb,var(--purple) 11%,var(--line));backdrop-filter:blur(6px)}
.category-hero-stats b{font-size:15px;color:var(--purple)}
.category-hero-stats small{font-size:10.5px;color:var(--muted)}
.category-poems-premium{position:relative}
.category-poems-premium:before{content:"";position:absolute;inset:40px 0 auto;height:250px;pointer-events:none;background:radial-gradient(ellipse at 12% 50%,rgba(112,62,222,.06),transparent 55%),radial-gradient(ellipse at 88% 50%,rgba(255,158,31,.055),transparent 55%)}
html[data-theme="dark"] .category-hero-card{background:radial-gradient(250px 160px at 0% 0%,rgba(135,82,245,.16),transparent 72%) padding-box,radial-gradient(280px 170px at 100% 100%,rgba(255,165,36,.08),transparent 74%) padding-box,linear-gradient(145deg,#21162f,#171020 72%,#1d1427) padding-box,linear-gradient(130deg,rgba(139,84,245,.56),rgba(255,154,31,.42),rgba(244,196,52,.40)) border-box!important}
@media(max-width:620px){
  .category-hero-card{min-height:155px!important;padding:22px 18px!important;border-radius:23px!important}
  .category-hero-stats{margin-top:12px}
  .category-hero-stats span{padding:6px 9px}
  .category-hero-card>p{font-size:12.5px!important;line-height:1.9!important}
}

/* v1.19 — category hero hierarchy + performance-safe visual cleanup */
.category-page-hero{
  background:
    radial-gradient(520px 230px at 3% 0%,rgba(111,61,229,.22),transparent 70%),
    radial-gradient(500px 230px at 98% 2%,rgba(255,143,23,.20),transparent 70%),
    radial-gradient(420px 180px at 50% 0%,rgba(246,199,45,.13),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--purple) 8%,var(--bg)),var(--bg))!important;
}
.category-hero-card{
  min-height:176px!important;
  padding:28px 34px!important;
  background:
    radial-gradient(330px 200px at 2% 5%,rgba(117,67,227,.18),transparent 70%) padding-box,
    radial-gradient(360px 210px at 98% 96%,rgba(255,151,27,.18),transparent 72%) padding-box,
    radial-gradient(260px 160px at 55% 0%,rgba(246,198,48,.10),transparent 72%) padding-box,
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#fff),color-mix(in srgb,var(--surface) 95%,#fff7eb)) padding-box,
    linear-gradient(125deg,rgba(112,61,226,.66),rgba(255,142,25,.62),rgba(241,194,44,.58)) border-box!important;
  box-shadow:0 30px 78px rgba(95,49,199,.17),0 14px 34px rgba(255,143,24,.10),0 0 48px rgba(121,73,231,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.category-premium-title{display:flex!important;gap:10px!important;align-items:baseline!important;flex-wrap:wrap!important;margin:7px 0 5px!important;font-size:clamp(30px,2.7vw,42px)!important;line-height:1.45!important}
.category-premium-title .category-type-effect{
  font:inherit!important;font-weight:900!important;
  background:linear-gradient(95deg,#7544e8,#a45de2 38%,#ff8617 72%,#e7b62e)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.category-premium-title .category-poet-name{
  font:inherit!important;font-weight:900!important;color:#17131d!important;background:none!important;-webkit-text-fill-color:initial!important;
}
.category-description,.category-hero-card>p.category-description{
  margin:3px 0 0!important;max-width:820px!important;font-family:'Vazirmatn',Tahoma,sans-serif!important;
  font-size:11.5px!important;line-height:2.05!important;font-weight:400!important;color:#77707f!important;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;
}
html[data-theme="dark"] .category-premium-title .category-poet-name{color:#f6f1fb!important}
html[data-theme="dark"] .category-description{color:#bdb4c8!important}
@media(max-width:620px){
  .category-hero-card{min-height:142px!important;padding:20px 17px!important}
  .category-premium-title{font-size:27px!important;gap:7px!important}
  .category-description,.category-hero-card>p.category-description{font-size:11.5px!important;line-height:1.9!important}
}


/* v1.21 — zero-gap poem reader + navigation/performance polish */
.poem-page-hero{padding-bottom:0!important;border-bottom:0!important;margin-bottom:0!important}
.poem-page-hero .premium-reader-head{margin-bottom:0!important}
.poem-reader-premium-section{padding-top:0!important;margin-top:0!important}
.poem-reader-premium-section>.container{margin-top:0!important}
.poem-reader-premium-section .premium-reader-wrap{margin-top:0!important}
.premium-reader-head{border-bottom-color:color-mix(in srgb,var(--purple) 14%,var(--line))!important}
.premium-poem-reader{margin-top:0!important}
.inline-more-link{display:flex;justify-content:center;margin-top:16px}
@media(max-width:760px){.poem-page-hero{padding-bottom:0!important}.poem-reader-premium-section{padding-top:0!important}}