@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root{
  --paper:#f7f1e7;
  --paper-deep:#eee3d3;
  --paper-warm:#f4e7d3;
  --paper-card:#fffdf8;
  --card:#ffffff;
  --ink:#211812;
  --ink-soft:#5b4b40;
  --ink-mute:#8d7a69;
  --line:rgba(59,35,20,.13);
  --line-soft:rgba(59,35,20,.07);
  --gold:#b88725;
  --gold-light:#f0ca72;
  --rust:#9b421d;
  --ember:#c5531f;
  --fire:#ed6a22;
  --green:#356b4f;
  --nav-bg:rgba(247,241,231,.88);
  --display:'Cinzel',Georgia,serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --shadow-sm:0 1px 2px rgba(52,27,12,.04),0 10px 24px -20px rgba(74,35,12,.35);
  --shadow:0 2px 5px rgba(52,27,12,.05),0 22px 60px -34px rgba(74,35,12,.42);
  --shadow-lift:0 12px 35px -20px rgba(69,29,8,.48),0 28px 70px -42px rgba(69,29,8,.55);
  --radius:18px;
  --header-h:74px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 92px)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 10% -10%,rgba(240,202,114,.24),transparent 34rem),
  radial-gradient(circle at 105% 12%,rgba(197,83,31,.10),transparent 28rem),
  linear-gradient(180deg,#fbf8f2 0,var(--paper) 32rem,var(--paper) 100%);
  color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:var(--rust);text-decoration:none}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
img{max-width:100%;display:block}
::selection{background:rgba(197,83,31,.22)}
:focus-visible{outline:3px solid rgba(237,106,34,.34);outline-offset:3px}

.skip-link{position:fixed;left:14px;top:10px;z-index:1200;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;transition:.2s}
.skip-link:focus{transform:none}

/* Production header */
.sitebar{position:sticky;top:0;z-index:700;height:var(--header-h);background:var(--nav-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.sitebar:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,135,37,.6),transparent)}
.sitebar-in{max-width:1320px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);min-width:max-content}
.brand-logo{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#24140d,#4b2615);box-shadow:0 0 0 1px rgba(184,135,37,.35),0 8px 22px -12px rgba(64,28,9,.7)}
.brand-logo img{width:43px;height:43px;object-fit:contain}
.brand-copy{display:grid;line-height:1.15}
.brand-copy strong{font:700 .94rem var(--display);letter-spacing:.03em}
.brand-copy small{font:600 .56rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--rust);margin-top:4px}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:3px;min-width:0}
.nav-item{padding:9px 10px;border-radius:10px;color:var(--ink-soft);font-size:.77rem;font-weight:650;white-space:nowrap;transition:.2s}
.nav-item:hover,.nav-item.active{color:var(--rust);background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px var(--line-soft)}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:3px}
.pray-now{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:11px;background:linear-gradient(135deg,#382016,#6d3018);color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 10px 24px -16px rgba(72,28,8,.8)}
.pray-dot{width:8px;height:8px;border-radius:50%;background:#ff8c37;box-shadow:0 0 0 4px rgba(255,140,55,.13),0 0 12px rgba(255,140,55,.7)}
.mobile-menu{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.68);color:var(--ink);height:40px;padding:0 12px;border-radius:11px;cursor:pointer;font-size:.72rem;font-weight:700}
.menu-lines{width:18px;display:grid;gap:3px}.menu-lines i{display:block;height:1.5px;border-radius:2px;background:currentColor;transition:.25s}.menu-lines i:nth-child(2){width:13px;margin-left:auto}
.mobile-menu[aria-expanded='true'] .menu-lines i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.mobile-menu[aria-expanded='true'] .menu-lines i:nth-child(2){opacity:0}
.mobile-menu[aria-expanded='true'] .menu-lines i:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

.menu-backdrop{position:fixed;inset:0;z-index:800;background:rgba(24,14,9,.55);backdrop-filter:blur(5px);opacity:0;transition:opacity .25s}
.menu-backdrop.open{opacity:1}.menu-backdrop[hidden]{display:none}
.mobile-drawer{position:fixed;z-index:900;top:0;right:0;width:min(420px,92vw);height:100dvh;background:var(--paper-card);border-left:1px solid var(--line);box-shadow:-30px 0 80px -35px rgba(32,14,6,.75);transform:translateX(105%);transition:transform .34s cubic-bezier(.22,.8,.22,1);display:flex;flex-direction:column;overflow:hidden}
.mobile-drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 14px;border-bottom:1px solid var(--line)}
.drawer-brand{display:flex;align-items:center;gap:11px;color:var(--ink)}
.drawer-brand img{width:49px;height:49px;object-fit:contain;border-radius:14px;background:#2d170f;padding:2px}
.drawer-brand span{display:grid;line-height:1.2}.drawer-brand strong{font:700 .92rem var(--display)}.drawer-brand small{font:600 .56rem var(--mono);letter-spacing:.12em;color:var(--rust);text-transform:uppercase;margin-top:3px}
.drawer-close{width:40px;height:40px;border:1px solid var(--line);background:var(--paper);border-radius:12px;color:var(--ink-soft);font-size:1.55rem;line-height:1;cursor:pointer}
.drawer-intro{padding:18px 19px 13px;background:linear-gradient(135deg,#27150e,#5b2915);color:#fff}
.drawer-intro span{font:600 .59rem var(--mono);letter-spacing:.17em;color:var(--gold-light)}
.drawer-intro p{margin:7px 0 0;font:1rem/1.45 var(--serif);color:#f4e8db}
.drawer-nav{padding:13px;display:grid;gap:6px;overflow-y:auto;overscroll-behavior:contain}
.drawer-link{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:11px;border-radius:13px;color:var(--ink);border:1px solid transparent;transition:.18s}
.drawer-link:hover,.drawer-link.active{background:var(--paper-warm);border-color:rgba(184,135,37,.22)}
.drawer-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--paper-deep);color:var(--rust)}
.drawer-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawer-link span:last-child{display:grid}.drawer-link strong{font-size:.78rem}.drawer-link small{font: .84rem/1.3 var(--serif);color:var(--ink-mute);margin-top:2px}
.drawer-pray{margin:auto 13px 13px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,var(--rust),var(--ember));color:#fff;display:grid;box-shadow:0 16px 30px -20px rgba(155,66,29,.85)}
.drawer-pray span{font:600 .57rem var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.drawer-pray b{font:600 .83rem var(--display);margin-top:3px}

.wrap{max-width:1180px;margin:auto;padding:34px 22px 96px}
.breadcrumbs{font:600 .63rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-mute);margin:0 2px 18px}
.breadcrumbs a{color:var(--rust)}

/* Prayer hero */
.hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:30px;align-items:flex-end;min-height:260px;padding:38px;border-radius:26px;overflow:hidden;background:linear-gradient(118deg,rgba(26,14,9,.98),rgba(71,31,15,.96) 64%,rgba(131,54,19,.94));color:#fff;border:1px solid rgba(184,135,37,.38);box-shadow:var(--shadow-lift)}
.hero:before{content:'';position:absolute;z-index:-1;right:-120px;bottom:-185px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(255,211,126,.16);box-shadow:0 0 0 46px rgba(255,211,126,.045),0 0 0 92px rgba(255,211,126,.025)}
.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,194,86,.25),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.08),transparent 58%)}
.eyebrow,.panel-kicker,.coverage-kicker{font:700 .59rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hero .eyebrow{color:var(--gold-light)}
.hero h1{font:600 clamp(2.35rem,6vw,4.65rem)/1 var(--display);letter-spacing:-.035em;margin:9px 0 10px;max-width:830px}
.subtitle{font:500 clamp(1.08rem,2vw,1.32rem)/1.45 var(--serif);color:#f3e3d4;margin:0;max-width:720px}
.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#f9eee4;font-size:.67rem;font-weight:650;backdrop-filter:blur(8px)}
.hero>div:first-child{max-width:76%}.hero-audio{position:relative;z-index:2;align-self:flex-end;flex:0 0 auto;max-width:220px}.hero-audio audio{display:none}
.audio-btn,.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid rgba(255,255,255,.17);border-radius:13px;padding:0 18px;background:linear-gradient(135deg,#d96725,#a6411b);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 14px 34px -17px rgba(255,105,32,.75);transition:.2s}
.audio-btn:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(255,105,32,.85)}
.edition-strip{display:flex;justify-content:space-between;gap:16px;margin:13px 5px 0;color:var(--ink-mute);font-size:.68rem;font-weight:600}
.edition-strip span:first-child{color:var(--rust)}.edition-strip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:6px;box-shadow:0 0 0 4px rgba(184,135,37,.12)}
.summary{max-width:920px;margin:25px 4px 18px;font:500 1.18rem/1.55 var(--serif);color:var(--ink-soft)}

.coverage{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.82);box-shadow:var(--shadow-sm);margin-bottom:17px}
.coverage>div{display:grid}.coverage strong{font:600 .9rem var(--display);margin:3px 0 1px}.coverage p{font:.9rem var(--serif);color:var(--ink-soft);margin:0}
.coverage-count,.coverage-chip{padding:7px 10px;border-radius:999px;background:var(--paper-deep);font:600 .62rem var(--mono);color:var(--rust);white-space:nowrap}
.coverage-complete{border-left:4px solid var(--green)}.coverage-core,.coverage-mixed{border-left:4px solid var(--gold)}.coverage-opening,.coverage-mapped{border-left:4px solid var(--rust)}

.toolbar{position:sticky;top:var(--header-h);z-index:250;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 23px;padding:10px 0;background:linear-gradient(180deg,rgba(247,241,231,.98),rgba(247,241,231,.93));backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.modes{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.66);overflow-x:auto;scrollbar-width:none}.modes::-webkit-scrollbar{display:none}
.mode{min-height:37px;border:0;background:transparent;color:var(--ink-soft);padding:0 14px;border-radius:10px;font-size:.73rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:.18s}
.mode:hover{color:var(--rust);background:var(--paper-warm)}.mode.active{background:var(--ink);color:#fff;box-shadow:0 8px 18px -13px rgba(0,0,0,.8)}
.tools{display:flex;gap:7px}.tool,.copy-btn{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink-soft);border-radius:10px;cursor:pointer;font-weight:700}.tool{width:40px;height:40px}.copy-btn{padding:7px 10px;font-size:.65rem}.tool:hover,.copy-btn:hover{border-color:rgba(155,66,29,.35);color:var(--rust)}

.learning-dock{margin:-6px 0 24px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.78);box-shadow:var(--shadow-sm);display:grid;gap:11px}
.dock-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dock-row strong{font:600 .82rem var(--display);margin-right:auto}.sync-status{font:600 .6rem var(--mono);color:var(--ink-mute)}
.dock-btn,.dock-select,.ask-mode,.quick-question,.course-action,.reminder-btn{min-height:36px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:10px;padding:0 11px;font:650 .67rem var(--sans);cursor:pointer}
.dock-btn:hover,.dock-btn.active,.ask-mode.active,.quick-question:hover,.course-action:hover{border-color:rgba(155,66,29,.4);background:var(--paper-warm);color:var(--rust)}

.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.maincol,.sidecol{min-width:0}.sidecol{position:sticky;top:calc(var(--header-h) + 76px)}
.panel,.coach-card,.ask-card,.notes-card,.source-card{background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
.panel{padding:24px;margin-bottom:18px}.panel h2,.learning-grid h2{font:600 1.18rem/1.25 var(--display);letter-spacing:-.01em;margin:3px 0 15px}.panel h3{font:600 .98rem var(--display);margin:0 0 7px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-heading h2{margin:3px 0 0}.panel-heading .legend-mini{max-width:270px}
.original-panel{position:relative;overflow:hidden}.original-panel:after{content:'AVESTA';position:absolute;right:-7px;top:5px;font:700 3.5rem var(--display);color:rgba(155,66,29,.035);pointer-events:none}
.translit{position:relative;padding:21px;border:1px solid rgba(184,135,37,.23);border-radius:15px;background:linear-gradient(180deg,#fbf0db,#fffaf1);font:500 1.25rem/1.9 var(--serif);font-style:italic;white-space:pre-wrap;color:#2d211a}
.source-note{font:500 .96rem/1.55 var(--serif);color:var(--ink-soft)}
.section{padding:18px 0;border-top:1px solid var(--line-soft)}.section:first-child{padding-top:0;border-top:0}.section-num{font:700 .58rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.literal{font:500 1.1rem/1.62 var(--serif);color:var(--ink-soft);margin:0}.natural-box{padding:19px 20px;border-radius:14px;background:linear-gradient(135deg,#f3e7d4,#fbf4e8);border-left:4px solid var(--gold);font:500 1.08rem/1.6 var(--serif);color:var(--ink-soft)}
.interpret{background:linear-gradient(135deg,#27150e,#5c2a16 75%,#7e3519);border-color:rgba(184,135,37,.32);color:#fff;box-shadow:0 18px 42px -30px rgba(72,28,8,.85)}.interpret .panel-kicker{color:var(--gold-light)}.interpret h2,.interpret p{color:#fff}.interpret p{font-family:var(--serif)}
.technical{background:linear-gradient(180deg,#f1e7d8,#f7f0e6)}
.term{padding:11px 0;border-bottom:1px dashed var(--line)}.term:last-child{border-bottom:0}.term b{display:block;font:600 .77rem var(--display);color:var(--rust)}.term span{display:block;font:.95rem/1.45 var(--serif);color:var(--ink-soft);margin-top:3px}.steps{margin:0;padding-left:21px}.steps li{margin:8px 0;font:.98rem var(--serif);color:var(--ink-soft)}

/* Interlinear reader */
.interlinear-panel{border-color:rgba(184,135,37,.32);box-shadow:0 18px 50px -40px rgba(116,61,15,.65)}
.legend-mini{font:600 .56rem var(--mono);color:var(--ink-mute);white-space:nowrap}.legend-mini i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 9px}.dot-high{background:var(--green)}.dot-medium{background:var(--gold)}.dot-low{background:var(--rust)}
.interlinear-intro{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:13px 14px;margin:13px 0 17px;border-radius:13px;background:rgba(184,135,37,.08);border:1px solid rgba(184,135,37,.17)}
.interlinear-intro strong{font:600 .68rem var(--display);color:var(--rust);white-space:nowrap}.interlinear-intro span{font:.9rem/1.45 var(--serif);color:var(--ink-soft)}
.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.word-card{position:relative;min-height:104px;padding:14px 12px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fffaf2);text-align:left;color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}
.word-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.word-card.confidence-medium:before{background:var(--gold)}.word-card.confidence-low:before{background:var(--rust)}
.word-card:hover,.word-card.active{transform:translateY(-2px);border-color:rgba(155,66,29,.36);box-shadow:0 15px 30px -25px rgba(77,31,8,.65)}
.word-card.active{background:linear-gradient(180deg,#fff8e8,#fff)}
.word-form{display:block;font:600 1.07rem/1.25 var(--serif);color:var(--ink);padding-right:22px}.word-gloss{display:block;font:.72rem/1.35 var(--sans);color:var(--ink-soft);margin-top:8px}.word-num{position:absolute;right:9px;top:9px;font:600 .52rem var(--mono);color:var(--ink-mute)}.word-detail{display:none}
.word-inspector{position:relative;min-height:64px;margin-top:14px;padding:16px 18px;border-radius:15px;background:linear-gradient(135deg,#22140e,#4c2515);color:#f7ece0;font:.93rem/1.5 var(--serif);box-shadow:0 18px 38px -28px rgba(46,18,5,.85)}
.word-inspector>span{color:#d5c3b5}.word-inspector b{font:600 .57rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light);margin-right:6px}.word-inspector p{margin:10px 0 0}.word-inspector a{color:#ffd58a;font-family:var(--sans);font-size:.72rem;font-weight:700}.inspector-form{font:600 1.55rem var(--serif);color:#fff;margin-bottom:8px}.inspector-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:1.2rem;cursor:pointer}
.sync-active{outline:2px solid rgba(237,106,34,.5)!important;box-shadow:0 0 0 5px rgba(237,106,34,.10)!important}.word-card.sync-active{transform:translateY(-3px)}

.complete-toggle{margin-top:16px}.complete-toggle button{border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;padding:9px 12px;cursor:pointer;font-weight:700}.complete-toggle button.done{background:var(--green)}
.coverage-key{display:grid;grid-template-columns:auto 1fr;gap:8px 10px}.coverage-key b{font:.68rem var(--display);color:var(--rust)}.coverage-key span{font:.88rem/1.35 var(--serif);color:var(--ink-soft)}

.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.prevnext a{padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,248,.82);color:var(--ink);box-shadow:var(--shadow-sm);font:600 .78rem var(--display);transition:.18s}.prevnext a:hover{transform:translateY(-2px);border-color:rgba(155,66,29,.34)}.prevnext a:last-child{text-align:right}.label{display:block;font:600 .55rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:3px}

/* Learning tools */
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0 34px}.coach-card,.ask-card,.notes-card,.source-card{padding:21px}.learning-grid p{font:1rem/1.5 var(--serif);color:var(--ink-soft)}
.coach-controls,.ask-modes,.quick-questions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.coach-result,.ask-answer{display:none;margin-top:13px;padding:14px;border-radius:12px;background:var(--paper-deep);white-space:pre-wrap;font:.96rem/1.5 var(--serif);color:var(--ink-soft)}.coach-result.show,.ask-answer.show{display:block}
.coach-meter{height:7px;margin-top:11px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.coach-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--fire));transition:.4s}
.ask-input,.private-note{width:100%;resize:vertical;margin-top:11px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:1rem/1.45 var(--serif)}.ask-input{min-height:92px}.private-note{min-height:125px}.ask-submit{width:100%;min-height:44px;margin-top:9px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--rust),var(--ember));color:#fff;font:700 .72rem var(--display);cursor:pointer}.ask-meta{margin-top:8px;font:600 .57rem/1.4 var(--mono);color:var(--ink-mute)}
.app-actions{position:fixed;right:16px;bottom:16px;z-index:320;display:flex;flex-direction:column;gap:8px}.app-fab{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper-card);color:var(--rust);box-shadow:var(--shadow);cursor:pointer;font-size:1rem}

/* Library and learning hubs */
.library-hero,.dashboard-hero,.feature-hero{position:relative;overflow:hidden;padding:40px;border-radius:25px;background:linear-gradient(135deg,#25140e,#643018);color:#fff;border:1px solid rgba(184,135,37,.35);box-shadow:var(--shadow-lift);margin-bottom:24px}
.library-hero{text-align:left}.library-hero:after,.dashboard-hero:after,.feature-hero:after{content:'';position:absolute;right:-40px;bottom:-95px;width:285px;height:285px;background:url('efiretemple-logo-256.webp') center/contain no-repeat;opacity:.13}
.library-hero h1,.dashboard-hero h1,.feature-hero h1{position:relative;font:600 clamp(2.2rem,6vw,4.2rem)/1 var(--display);letter-spacing:-.035em;margin:7px 0 11px;max-width:820px}.library-hero p,.dashboard-hero p,.feature-hero p{position:relative;font:1.17rem/1.52 var(--serif);color:#f2e4d8;max-width:760px;margin:0}
.searchbox{max-width:760px;margin:22px 0;display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.85);box-shadow:var(--shadow-sm)}.searchbox input,.search-wide{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper-card);color:var(--ink);padding:13px 15px}.searchbox input{border:0;background:transparent;outline:0}.search-wide{margin-bottom:17px}
.filterbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.filter{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper-card);color:var(--ink-soft);font-size:.7rem;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:#fff}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pcard,.resource,.feature-card,.course-card,.compare-card,.lemma-card,.stat{background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.pcard{display:flex;flex-direction:column;padding:19px;color:var(--ink);transition:.18s}.pcard:hover{transform:translateY(-3px);border-color:rgba(155,66,29,.32);box-shadow:var(--shadow)}.pcard .cat{font:700 .56rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--rust)}.pcard h2{font:600 1.02rem var(--display);margin:8px 0 5px}.pcard p{flex:1;margin:0 0 15px;font:.98rem/1.45 var(--serif);color:var(--ink-soft)}.pcard .meta{display:flex;justify-content:space-between;gap:8px;font:600 .58rem var(--mono);color:var(--ink-mute)}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.resource{padding:18px;color:var(--ink)}.resource b{display:block;font:.84rem var(--display);margin-bottom:5px}.empty{display:none;text-align:center;padding:30px;color:var(--ink-mute)}
.library-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 27px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#27150e,#5b2915);color:#fff;box-shadow:var(--shadow)}.library-callout h2{font:600 1.2rem var(--display);margin:4px 0}.library-callout p{font:1rem var(--serif);color:#f0dfd1;margin:0}

.stat-grid,.feature-grid,.course-grid,.compare-grid,.concordance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat,.feature-card,.course-card,.compare-card,.lemma-card{padding:19px}.stat strong{display:block;font:600 1.6rem var(--display)}.stat span{font:600 .62rem var(--mono);color:var(--ink-mute)}.feature-card h2,.course-card h2,.compare-card h2,.lemma-card h2{font:600 1rem var(--display);margin:0 0 7px}.feature-card p,.course-card p,.compare-card p,.lemma-card p{font:.98rem/1.45 var(--serif);color:var(--ink-soft);margin:0}.feature-card a,.course-card a,.compare-card a{display:inline-flex;margin-top:12px;font-size:.73rem;font-weight:700;color:var(--rust)}.current-gah{border-left:4px solid var(--fire)}
.course-progress{height:8px;margin:12px 0;border-radius:999px;background:var(--paper-deep);overflow:hidden}.course-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--fire))}.lesson-list{display:grid;gap:9px}.lesson{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--paper-card)}.lesson.done,.lesson-done{opacity:.72;background:rgba(53,107,79,.07)}.lesson-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--paper-deep);font:700 .66rem var(--mono);color:var(--rust)}.lesson h3{font:600 .85rem var(--display);margin:0}.lesson p{font:.9rem var(--serif);color:var(--ink-soft);margin:3px 0 0}
.lemma-card{cursor:pointer}.lemma-card .forms{font:600 .63rem var(--mono);color:var(--rust)}.lemma-card .occurrences{font:600 .6rem var(--mono);color:var(--ink-mute);margin-top:8px}.lemma-detail{display:none;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.lemma-card.open .lemma-detail{display:block}.occurrence{padding:8px 0;border-bottom:1px solid var(--line-soft);font-family:var(--serif)}
.flashcard{max-width:680px;min-height:310px;margin:24px auto;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--paper-card);box-shadow:var(--shadow-lift);display:grid;place-items:center;text-align:center;cursor:pointer}.flashcard .front{font:600 2.3rem var(--display)}.flashcard .back{display:none;font:1.3rem var(--serif);color:var(--ink-soft)}.flashcard.flipped .front{display:none}.flashcard.flipped .back{display:block}.rating-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.rating-row button{padding:10px 15px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;cursor:pointer}
.compare-section{margin-top:18px}.compare-label{font:700 .58rem var(--mono);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.compare-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.compare-links a{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:.7rem}.disclaimer{padding:14px;border-left:3px solid var(--gold);background:rgba(184,135,37,.08);font:1rem var(--serif);color:var(--ink-soft);margin:18px 0}.confidence-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.confidence-box{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--paper-card)}.confidence-box b{display:block;font:.75rem var(--display);margin-bottom:4px}.confidence-box span{font:.92rem var(--serif);color:var(--ink-soft)}
.reminder-panel{margin-top:18px}.reminder-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.reminder-row select,.reminder-row input{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}
.footer{text-align:center;padding:42px 20px;border-top:1px solid var(--line);background:var(--paper-deep);font:1rem var(--serif);color:var(--ink-mute)}

/* Mode logic: keep context visible in Word-by-Word mode */
body[data-mode='pray'] .interlinear-panel,body[data-mode='pray'] .learn-only,body[data-mode='pray'] .study-only{display:none}
body[data-mode='translate'] .interlinear-panel,body[data-mode='translate'] .study-only{display:none}
body[data-mode='interlinear'] .learn-only,body[data-mode='interlinear'] .study-only{display:none}
body[data-mode='interlinear'] .translation-panel{display:block}
body[data-mode='study'] .interlinear-panel{display:block}
body.large-text .literal,body.large-text .translit,body.large-text .natural-box{font-size:1.34rem}

body.theme-dark{
 --paper:#17120f;--paper-deep:#211914;--paper-warm:#2a1f18;--paper-card:#241b16;--card:#2b211b;--ink:#f7eee6;--ink-soft:#d5c5b7;--ink-mute:#a99483;--line:rgba(255,255,255,.12);--line-soft:rgba(255,255,255,.07);--nav-bg:rgba(23,18,15,.9)
}
body.theme-dark{background:radial-gradient(circle at 10% -10%,rgba(184,135,37,.16),transparent 33rem),linear-gradient(180deg,#1d1511,var(--paper))}
body.theme-dark .translit{background:linear-gradient(180deg,#2c2118,#241b16);color:#f7eadc}
body.theme-dark .natural-box,body.theme-dark .technical{background:#2b211a}
body.theme-dark .word-card{background:linear-gradient(180deg,#2c211a,#251b16)}
body.theme-dark .mode{color:var(--ink-soft)}body.theme-dark .mode.active{background:#f3e8dc;color:#24160f}

@media(max-width:1120px){.desktop-nav .nav-item:nth-child(n+5){display:none}.sitebar-in{gap:14px}.grid{grid-template-columns:minmax(0,1fr) 275px}}
@media(max-width:880px){
 :root{--header-h:68px}.sitebar-in{padding:0 14px}.desktop-nav{display:none}.brand-logo{width:43px;height:43px}.brand-logo img{width:40px;height:40px}.brand-copy small{font-size:.5rem}.pray-now{display:none}.menu-label{display:none}.mobile-menu{width:42px;padding:0;justify-content:center}.wrap{padding:25px 16px 105px}.hero{flex-direction:column;align-items:flex-start;min-height:0;padding:27px;border-radius:21px}.hero>div:first-child{max-width:100%}.hero-audio{justify-self:start}.edition-strip{font-size:.61rem}.grid{grid-template-columns:1fr}.sidecol{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sidecol .panel{margin:0}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-grid,.stat-grid,.feature-grid,.course-grid,.compare-grid,.concordance-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-callout{align-items:flex-start;flex-direction:column}.app-actions{bottom:94px}.toolbar{top:auto;position:fixed;left:0;right:0;bottom:0;z-index:600;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));background:rgba(247,241,231,.96);border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -12px 34px -24px rgba(43,18,6,.58)}.modes{width:100%;justify-content:space-between}.mode{flex:1;padding:0 9px}.tools{display:none}.learning-dock{margin-top:0}.lesson{grid-template-columns:38px 1fr}.lesson .course-action{grid-column:2}.dashboard-hero,.feature-hero,.library-hero{padding:28px}.confidence-examples{grid-template-columns:1fr}
}
@media(max-width:600px){
 .brand-copy strong{font-size:.82rem}.brand-copy small{letter-spacing:.08em}.wrap{padding-left:13px;padding-right:13px}.breadcrumbs{margin-left:3px}.hero{padding:23px 20px}.hero h1{font-size:2.35rem}.hero:before{width:250px;height:250px;right:-70px;bottom:-85px}.subtitle{font-size:1.06rem}.edition-strip{display:grid;gap:3px;margin-left:3px}.summary{font-size:1.08rem}.coverage{align-items:flex-start;flex-direction:column;padding:15px}.coverage-count{white-space:normal}.learning-dock{padding:13px}.dock-row:first-child{display:grid}.sync-status{line-height:1.4}.panel,.coach-card,.ask-card,.notes-card,.source-card{padding:18px;border-radius:16px}.panel-heading{display:grid}.panel-heading .copy-btn{justify-self:start}.legend-mini{display:none}.translit{padding:17px;font-size:1.13rem}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-card{min-height:96px;padding:13px 10px}.word-form{font-size:1rem}.interlinear-intro{grid-template-columns:1fr;gap:4px}.word-inspector{position:fixed;z-index:760;left:10px;right:10px;bottom:84px;max-height:62vh;overflow:auto;margin:0;padding:20px 18px;transform:translateY(calc(100% + 110px));opacity:0;transition:.28s;pointer-events:none}.word-inspector.open{transform:none;opacity:1;pointer-events:auto}.sidecol{grid-template-columns:1fr}.cards,.resource-grid{grid-template-columns:1fr}.prevnext{grid-template-columns:1fr}.prevnext a:last-child{text-align:left}.learning-grid{grid-template-columns:1fr}.library-hero,.dashboard-hero,.feature-hero{padding:25px 20px}.library-hero h1,.dashboard-hero h1,.feature-hero h1{font-size:2.25rem}.stat-grid{grid-template-columns:1fr 1fr}.drawer-link{padding:9px}.drawer-intro{padding:15px 17px}.mobile-drawer{width:94vw}.modes{gap:2px}.mode{font-size:.65rem;min-width:0}.app-actions{right:11px}.lesson{grid-template-columns:36px 1fr}.flashcard{min-height:260px;padding:25px}
}
@media print{.sitebar,.toolbar,.hero-audio,.prevnext,.footer,.learning-dock,.learning-grid,.app-actions,.menu-backdrop,.mobile-drawer{display:none!important}.wrap{max-width:none;padding:0}.hero,.panel{box-shadow:none;break-inside:avoid}.hero{background:#fff;color:#000;border:1px solid #aaa}.hero .subtitle,.hero .eyebrow{color:#333}.grid{display:block}.sidecol{display:block}.word-inspector{position:static;transform:none;opacity:1}body{background:#fff;color:#000}}