.anima-scripture-app{display:flex;flex-direction:column;gap:18px;margin:20px 0 28px}
.anima-scripture-hero,.anima-scripture-panel,.anima-scripture-inline-panel,.anima-scripture-empty{background:linear-gradient(180deg,#171717 0%,#111111 100%);border:1px solid rgba(212,175,55,.22);border-radius:22px;color:#f8f3df;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.anima-scripture-hero{padding:24px 24px 18px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.anima-scripture-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d4af37;font-weight:800;margin-bottom:8px}
.anima-scripture-hero h2,.anima-scripture-inline-head h3,.anima-scripture-panel h3,.anima-scripture-empty h3,.anima-scripture-overlay-head h3{margin:0;color:#fff3c4}
.anima-scripture-hero p{max-width:760px;margin:10px 0 0;color:#eadfae}
.anima-scripture-hero-metrics{display:flex;gap:10px;flex-wrap:wrap}
.anima-scripture-hero-metrics span{padding:10px 12px;border-radius:999px;background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.22);color:#f7efc8}
.anima-scripture-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) 1.2fr 100px 100px auto auto;gap:10px;align-items:center;background:#fffaf0;border:1px solid rgba(212,175,55,.25);padding:12px;border-radius:18px}
.anima-scripture-toolbar input,.anima-scripture-toolbar select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #d8c98b;background:#fff;color:#2c2410}
.anima-scripture-toolbar button,.anima-scripture-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:999px;padding:11px 15px;font-weight:700;cursor:pointer}
.anima-scripture-toolbar button,.anima-scripture-button.is-primary{background:#d4af37;color:#1e1600}
.anima-scripture-toolbar-link,.anima-scripture-mini-link{color:#6e5510;text-decoration:none;font-weight:700}
.anima-scripture-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:18px}
.anima-scripture-panel{padding:18px}
.anima-scripture-panel.is-compact{padding:14px;border-radius:18px}
.anima-scripture-reading-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.anima-scripture-nav-links{display:flex;gap:10px;flex-wrap:wrap}
.anima-scripture-nav-links a{color:#d4af37;text-decoration:none;font-weight:700}
.anima-scripture-verse-card{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.12);margin:0 0 12px;color:#f5efdb}
.anima-scripture-verse-card.is-active{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.35)}
.anima-scripture-verse-ref{font-size:12px;font-weight:800;letter-spacing:.04em;color:#d4af37;margin-bottom:6px}
.anima-scripture-verse-text{line-height:1.6}
.anima-scripture-insight{margin:0 0 14px;color:#f0e5b2;line-height:1.55}
.anima-scripture-group{margin:0 0 16px}
.anima-scripture-group-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#d4af37;margin:0 0 8px}
.anima-scripture-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}
.anima-scripture-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px}
.anima-scripture-chip.is-lexicon{background:#2d2047;color:#e8d8ff;border:1px solid rgba(180,136,255,.25)}
.anima-scripture-chip.is-scripture{background:#352605;color:#ffe6a2;border:1px solid rgba(212,175,55,.28)}
.anima-scripture-list{display:flex;flex-direction:column;gap:8px}
.anima-scripture-list a{color:#fff3c4;text-decoration:none;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.1)}
.anima-scripture-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.anima-scripture-button.is-secondary{background:#2a2416;color:#f8e7aa;border:1px solid rgba(212,175,55,.2)}
.anima-scripture-button.is-ghost{background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.2)}
.anima-scripture-inline-panel{padding:18px 18px 16px;margin-top:26px}
.anima-scripture-inline-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.anima-scripture-empty{padding:22px}
.anima-scripture-launcher{position:fixed;left:18px;bottom:82px;z-index:99994;border:none;border-radius:999px;padding:13px 16px;background:linear-gradient(135deg,#4f3005 0%,#c08a18 55%,#ffe39c 100%);color:#241a03;font-weight:800;box-shadow:0 18px 34px rgba(0,0,0,.24);cursor:pointer}
.anima-scripture-overlay{position:fixed;left:18px;bottom:142px;z-index:99994;width:min(460px,calc(100vw - 28px))}
.anima-scripture-overlay-card{background:rgba(15,15,15,.98);border:1px solid rgba(212,175,55,.22);border-radius:24px;box-shadow:0 24px 50px rgba(0,0,0,.28);color:#f7eed1;overflow:hidden;backdrop-filter:blur(12px)}
.anima-scripture-overlay-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 18px 12px;background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(0,0,0,0))}
.anima-scripture-close{border:none;background:transparent;color:#f7eed1;font-size:28px;line-height:1;cursor:pointer}
.anima-scripture-overlay-body{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px;max-height:min(74vh,740px);overflow:auto}
.anima-scripture-overlay-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid rgba(212,175,55,.14)}
@media (max-width: 980px){.anima-scripture-main{grid-template-columns:1fr}.anima-scripture-toolbar{grid-template-columns:1fr 1fr 1fr 1fr}.anima-scripture-toolbar button,.anima-scripture-toolbar-link{grid-column:span 2}}
@media (max-width: 640px){.anima-scripture-toolbar{grid-template-columns:1fr}.anima-scripture-toolbar button,.anima-scripture-toolbar-link{grid-column:span 1}.anima-scripture-launcher{left:14px;bottom:74px;padding:12px 14px}.anima-scripture-overlay{left:14px;right:14px;width:auto;bottom:136px}}


/* v0.2.0 stronger app styling */
.anima-scripture-launcher{background:linear-gradient(135deg,#7b5c11 0%,#d4af37 52%,#ffe9a0 100%);border:1px solid rgba(255,233,160,.35)}
.anima-scripture-overlay-card{background:linear-gradient(180deg,rgba(17,17,17,.985) 0%,rgba(25,20,7,.985) 100%)}
.anima-scripture-overlay-head{background:linear-gradient(180deg,rgba(255,224,132,.1),rgba(0,0,0,0))}
.anima-scripture-panel:nth-of-type(3n+1), .anima-scripture-inline-panel{background:linear-gradient(180deg,#161616 0%,#131d24 100%)}
.anima-scripture-panel:nth-of-type(3n+2){background:linear-gradient(180deg,#181410 0%,#1d1726 100%)}
.anima-scripture-panel:nth-of-type(3n+3){background:linear-gradient(180deg,#16110c 0%,#1b1b12 100%)}
.anima-scripture-reason{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.18);color:#f5eabf;font-size:13px;line-height:1.45}

.anima-scripture-launcher{border:1px solid rgba(255,233,160,.35);backdrop-filter:blur(14px)}
.anima-scripture-overlay-card{box-shadow:0 28px 54px rgba(0,0,0,.34)}

.anima-scripture-inline-ref,.anima-scripture-mini-ref{color:#ffe39c;text-decoration:none;font-weight:800;border-bottom:1px dashed rgba(255,227,156,.45)}
.anima-scripture-inline-ref{padding:0 4px;border-radius:8px;background:rgba(255,227,156,.08);box-shadow:0 0 0 1px rgba(255,227,156,.08) inset}
.anima-scripture-inline-ref:hover,.anima-scripture-mini-ref:hover{background:rgba(255,227,156,.14);border-bottom-color:rgba(255,227,156,.75)}

.anima-scripture-source-context{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px;align-items:center;margin:18px 0 22px;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.anima-scripture-source-thumb{aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04)}
.anima-scripture-source-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.anima-scripture-source-copy h3{margin:6px 0 8px;color:#fff}
.anima-scripture-source-copy p{margin:0 0 12px;color:rgba(255,255,255,.86);line-height:1.55}
.anima-scripture-source-links{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:768px){.anima-scripture-source-context{grid-template-columns:1fr}}

.anima-scripture-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.12);color:#f2e7bf;margin-top:2px}.anima-scripture-breadcrumbs a,.anima-scripture-breadcrumbs span,.anima-scripture-breadcrumbs button{font-size:13px}.anima-scripture-breadcrumbs a{color:#ffe39c;text-decoration:none;font-weight:700}.anima-scripture-back-button{margin-left:auto;background:transparent;border:1px solid rgba(212,175,55,.22);padding:8px 12px;border-radius:999px;cursor:pointer}.anima-scripture-back-button:hover{background:rgba(255,227,156,.08)}


.anima-scripture-context-hero{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:14px;align-items:center;margin:0 0 14px}
.anima-scripture-context-hero-image{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.14)}
.anima-scripture-context-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.anima-scripture-context-hero-copy h3{margin:0 0 8px}
.anima-scripture-context-hero-copy .anima-scripture-insight{margin:0}
.anima-scripture-source-snippet{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.14);color:#f5eabf;line-height:1.5}
@media (max-width:680px){.anima-scripture-context-hero{grid-template-columns:1fr}}

/* v0.4.8 scripture-first layout */
.anima-scripture-spotlight{padding:18px 18px 14px;border-radius:24px;background:linear-gradient(180deg,#181410 0%,#100f13 100%);border:1px solid rgba(212,175,55,.18);box-shadow:0 18px 34px rgba(0,0,0,.18)}
.anima-scripture-spotlight-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
.anima-scripture-spotlight-verses{display:flex;flex-direction:column;gap:10px}
.anima-scripture-hero.is-compact{padding:18px 20px 14px}
.anima-scripture-hero.is-compact p{max-width:900px;font-size:14px;opacity:.9}
.anima-scripture-source-context{margin-top:4px}
.anima-scripture-actions .anima-scripture-button.is-primary{box-shadow:0 10px 22px rgba(212,175,55,.14)}
@media (max-width:640px){
  .anima-scripture-spotlight{padding:16px 14px 12px;border-radius:20px}
  .anima-scripture-hero.is-compact{padding:16px 14px 12px}
}


/* v0.5.0 bright scripture app UI */
.anima-scripture-app{gap:16px}
.anima-scripture-hero,
.anima-scripture-panel,
.anima-scripture-inline-panel,
.anima-scripture-empty,
.anima-scripture-spotlight,
.anima-scripture-overlay-card{
  color:#2a244a;
  border:1px solid rgba(134,108,255,.14);
  box-shadow:0 18px 44px rgba(96,76,198,.10);
}
.anima-scripture-hero,
.anima-scripture-panel,
.anima-scripture-inline-panel,
.anima-scripture-empty{
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%, rgba(248,244,255,.96) 100%);
}
.anima-scripture-spotlight{
  background:linear-gradient(135deg,#fdf6ff 0%,#eef6ff 48%,#fff6f0 100%);
  border:1px solid rgba(154,120,255,.18);
  box-shadow:0 22px 56px rgba(112,82,220,.14);
}
.anima-scripture-hero.is-compact{
  background:linear-gradient(135deg,#ffffff 0%,#f7f4ff 52%,#eef8ff 100%);
}
.anima-scripture-kicker,
.anima-scripture-group-title,
.anima-scripture-verse-ref{color:#7b5cff}
.anima-scripture-hero h2,
.anima-scripture-inline-head h3,
.anima-scripture-panel h3,
.anima-scripture-empty h3,
.anima-scripture-overlay-head h3,
.anima-scripture-source-copy h3,
.anima-scripture-context-hero-copy h3{color:#241b57}
.anima-scripture-hero p,
.anima-scripture-insight,
.anima-scripture-source-copy p,
.anima-scripture-source-snippet,
.anima-scripture-verse-text,
.anima-scripture-empty,
.anima-scripture-context-hero-copy .anima-scripture-insight{color:#4a436d}
.anima-scripture-toolbar{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,243,255,.96));
  border:1px solid rgba(134,108,255,.14);
  box-shadow:0 10px 26px rgba(96,76,198,.08);
}
.anima-scripture-toolbar input,
.anima-scripture-toolbar select{
  border:1px solid rgba(134,108,255,.16);
  background:#fff;
  color:#2a244a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.anima-scripture-toolbar button,
.anima-scripture-button.is-primary{
  background:linear-gradient(135deg,#8b70ff 0%,#66c5ff 100%);
  color:#fff;
  box-shadow:0 12px 24px rgba(102,133,255,.22);
}
.anima-scripture-button.is-secondary{
  background:linear-gradient(135deg,#fff2fb 0%,#f1f2ff 100%);
  color:#5d46c2;
  border:1px solid rgba(134,108,255,.16);
}
.anima-scripture-button.is-ghost,
.anima-scripture-toolbar-link,
.anima-scripture-mini-link,
.anima-scripture-nav-links a,
.anima-scripture-breadcrumbs a{color:#7058eb}
.anima-scripture-button.is-ghost{background:rgba(124,92,255,.06);border:1px solid rgba(124,92,255,.14)}
.anima-scripture-verse-card{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,244,255,.9));
  border:1px solid rgba(134,108,255,.12);
  color:#2d2758;
  box-shadow:0 10px 24px rgba(96,76,198,.06);
}
.anima-scripture-verse-card.is-active{
  background:linear-gradient(135deg,rgba(139,112,255,.14),rgba(102,197,255,.12));
  border-color:rgba(123,92,255,.28);
  box-shadow:0 16px 30px rgba(96,76,198,.10);
}
.anima-scripture-chip.is-lexicon{background:#efe9ff;color:#5f46d5;border:1px solid rgba(123,92,255,.16)}
.anima-scripture-chip.is-scripture{background:#e9f5ff;color:#2072b3;border:1px solid rgba(64,160,255,.16)}
.anima-scripture-list a{
  color:#2b2458;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,243,255,.92));
  border:1px solid rgba(134,108,255,.10);
}
.anima-scripture-inline-panel{
  background:linear-gradient(135deg,#ffffff 0%,#f9f4ff 52%,#eef7ff 100%);
}
.anima-scripture-launcher{
  background:linear-gradient(135deg,#b07cff 0%,#7b5cff 42%,#4cc9ff 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 18px 36px rgba(102,90,224,.24);
}
.anima-scripture-overlay-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,244,255,.98) 100%);
  border:1px solid rgba(134,108,255,.15);
  color:#2c2555;
}
.anima-scripture-overlay-head{
  background:linear-gradient(180deg,rgba(139,112,255,.12),rgba(255,255,255,0));
}
.anima-scripture-close{color:#4d3bb5}
.anima-scripture-breadcrumbs{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,244,255,.9));
  border:1px solid rgba(134,108,255,.12);
  color:#4a436d;
}
.anima-scripture-back-button{border:1px solid rgba(123,92,255,.14);background:rgba(123,92,255,.05)}
.anima-scripture-source-context,
.anima-scripture-source-snippet,
.anima-scripture-context-hero-image,
.anima-scripture-source-thumb{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,244,255,.86));
  border:1px solid rgba(134,108,255,.10);
}
.anima-scripture-reason{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,244,255,.9));
  border:1px solid rgba(134,108,255,.12);
  color:#4a436d;
}
.anima-scripture-inline-ref,.anima-scripture-mini-ref{
  color:#5d46d5;
  border-bottom:1px dashed rgba(93,70,213,.35);
  background:rgba(123,92,255,.06);
}
.anima-scripture-inline-ref:hover,.anima-scripture-mini-ref:hover{
  background:rgba(123,92,255,.12);
  border-bottom-color:rgba(93,70,213,.6);
}
.anima-scripture-panel:nth-of-type(3n+1),
.anima-scripture-panel:nth-of-type(3n+2),
.anima-scripture-panel:nth-of-type(3n+3){
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,244,255,.94));
}
@media (max-width:640px){
  .anima-scripture-hero,.anima-scripture-panel,.anima-scripture-inline-panel,.anima-scripture-empty,.anima-scripture-spotlight{border-radius:18px}
  .anima-scripture-launcher{box-shadow:0 14px 28px rgba(102,90,224,.22)}
}


.anima-scr-button-shortcode{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#8b70ff 0%,#66c5ff 100%);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 12px 24px rgba(102,133,255,.22);border:1px solid rgba(255,255,255,.24)}
.anima-scr-button-shortcode:hover{filter:brightness(1.03);transform:translateY(-1px)}