.focus-shell{min-height:100dvh}
.focus-shell #main{min-height:calc(100dvh - var(--topbar-h));padding:clamp(1rem,3vw,2rem) clamp(.8rem,3vw,1.5rem) 2rem}
.focus-topbar{position:sticky}.focus-topbar nav{display:flex;gap:1rem;align-items:center}.focus-top-link,.focus-discovery-link{font-family:"Cormorant Garamond",Georgia,serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.focus-discovery-link{margin-left:auto;margin-right:.7rem}.focus-discovery-link:hover,.focus-top-link:hover{color:var(--ink)}
.chapter-focus-link{display:inline-flex;align-items:center;gap:.36rem;margin-top:1rem;padding:.36rem .62rem;border:1px solid color-mix(in srgb,var(--rule) 80%,transparent);border-radius:999px;color:var(--rubric);font-family:"Cormorant Garamond",Georgia,serif;font-size:.78rem;letter-spacing:.04em;text-decoration:none}.chapter-focus-link:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}

.focus-picker,.focus-reader,.focus-about{max-width:42rem;margin:0 auto}.focus-picker{padding-top:clamp(2rem,8vh,5rem)}.focus-picker header{max-width:34rem;margin-bottom:2rem}.focus-picker h1,.focus-about h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.05;font-size:clamp(2.5rem,8vw,4.3rem);margin:.15rem 0 .85rem}.focus-picker header>p:last-child{color:var(--muted);max-width:31rem}
.focus-picker-form{display:grid;grid-template-columns:1fr 9rem;gap:.75rem;align-items:end;padding:1rem;border:1px solid var(--rule);background:var(--paper-deep);border-radius:.7rem}.focus-picker-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.8rem}.focus-picker-form select{width:100%;min-height:2.8rem;border:1px solid var(--rule);border-radius:.4rem;background:var(--paper);padding:.5rem .65rem}.focus-picker-form .focus-primary{grid-column:1/-1}.focus-picker-note{text-align:center;font-size:.82rem;color:var(--muted)}
.focus-continue{margin-bottom:1rem}.focus-continue a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--gilt);border-radius:.6rem;text-decoration:none;background:color-mix(in srgb,var(--gilt) 9%,transparent)}.focus-continue span{color:var(--muted);font-size:.8rem}.focus-continue strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;text-align:right}

.focus-reader{--focus-accent:color-mix(in srgb,var(--gilt) 65%,var(--ink));min-height:calc(100dvh - var(--topbar-h) - 2rem);display:flex;flex-direction:column}.focus-reader-head{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;margin-bottom:.8rem}.focus-chapter-nav-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.focus-chapter-nav-wrap>:last-child{text-align:right}.focus-chapter-nav,.focus-normal-link{font-family:"Cormorant Garamond",Georgia,serif;font-size:.78rem;color:var(--muted);text-decoration:none}.focus-reference{border:0;background:transparent;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;font-weight:600;padding:.45rem .6rem}.focus-normal-link{white-space:nowrap;color:var(--gilt)}

.focus-stage{overflow:hidden;border:1px solid var(--rule);border-radius:.75rem;background:var(--paper-deep);box-shadow:0 .8rem 2.5rem color-mix(in srgb,#000 18%,transparent)}.focus-rail{height:3px;background:color-mix(in srgb,var(--rule) 55%,transparent)}.focus-rail i{display:block;width:0;height:100%;background:var(--gilt);transition:width 120ms linear}.focus-guide{position:relative;height:.8rem}.focus-guide::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:.48rem;background:var(--rule)}.focus-guide-top::after{top:0}.focus-guide-bottom::after{bottom:0}
.focus-word{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;align-content:center;height:clamp(5rem,14vh,6.5rem);padding:0 .65rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(1.9rem,8.5vw,2.8rem);font-weight:500;line-height:1;letter-spacing:-.018em;color:var(--ink)}.focus-word .focus-pre,.focus-word .focus-post{min-width:0;white-space:pre}.focus-word .focus-pre{text-align:right}.focus-word .focus-pivot{color:var(--focus-accent);text-align:center}.focus-word .focus-post{text-align:left}.focus-word.is-idle{grid-template-columns:1fr;justify-items:center;color:var(--muted);font-family:"Gentium Plus",Georgia,serif;font-size:1rem;font-weight:400;letter-spacing:0}.high-legibility .focus-word:not(.is-idle){font-family:Verdana,Arial,sans-serif;letter-spacing:.012em;font-weight:600}
.focus-context{border-top:1px solid color-mix(in srgb,var(--rule) 75%,transparent);margin:.15rem .85rem 0;padding:.85rem .45rem 1rem;max-height:clamp(7rem,21vh,10.5rem);overflow:auto;scrollbar-width:thin}.focus-context p{margin:0;color:var(--muted);font-size:clamp(.9rem,2.8vw,1rem);line-height:1.55}.focus-context p b{color:var(--ink);font-weight:600}.focus-context sup{color:var(--gilt);font-family:"Cormorant Garamond",Georgia,serif;font-size:.68em;margin-right:.3em}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.focus-reading-controls{position:sticky;bottom:0;z-index:8;margin-top:auto;padding:1rem 0 max(.35rem,env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent 0,var(--paper) 1rem,var(--paper) 100%)}.focus-control-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.55rem;margin-bottom:.9rem}.focus-control-row button,.focus-chunks button,.focus-primary,.focus-secondary{min-height:2.8rem;border:1px solid var(--rule);border-radius:.55rem;background:var(--paper-deep);padding:.55rem .7rem}.focus-control-row .focus-primary,.focus-primary{background:var(--gilt);border-color:var(--gilt);color:#17130d;font-weight:700}.focus-secondary{color:var(--muted)}
.focus-field{margin:.8rem 0}.focus-field-label{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.76rem;margin-bottom:.38rem}.focus-field-label strong{color:var(--ink);font-weight:400}.focus-slider-wrap{position:relative}.focus-slider-wrap input{position:relative;z-index:2;width:100%;accent-color:var(--gilt);background:transparent}.focus-suggested-zone{position:absolute;left:0;top:50%;width:57.142857%;height:4px;transform:translateY(-50%);border-radius:2px;background:color-mix(in srgb,var(--gilt) 26%,transparent);pointer-events:none}.focus-helper{margin:.25rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.4}.focus-helper.is-caution{color:var(--gilt)}.focus-motion-note{text-align:center;margin:.15rem 0 .65rem}.focus-chunks{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.focus-chunks button{min-height:2.35rem;padding:.35rem}.focus-chunks button[aria-pressed="true"]{border-color:var(--gilt);background:color-mix(in srgb,var(--gilt) 13%,var(--paper-deep));color:var(--ink)}.focus-font-toggle{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.76rem;padding:.35rem 0}.focus-font-toggle input{accent-color:var(--gilt)}
.focus-reader.tap-to-advance .focus-word{min-height:6.5rem}.focus-reader.tap-to-advance .focus-reading-controls{padding-top:1.15rem}.focus-reader.tap-to-advance [data-action="focus-play"]{grid-column:2/3}

.focus-end{margin:1rem 0 0;padding:1.2rem;border:1px solid var(--gilt);border-radius:.7rem;text-align:center;background:color-mix(in srgb,var(--gilt) 8%,transparent)}.focus-end h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;margin:.1rem 0 1rem}.focus-end-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.focus-end-actions a,.focus-primary-link{display:inline-block;padding:.55rem .8rem;border:1px solid var(--rule);border-radius:.45rem;text-decoration:none}.focus-primary-link{border-color:var(--gilt);background:var(--gilt);color:#17130d;font-weight:700}

.focus-jump{width:min(42rem,94vw);max-height:min(80dvh,44rem);padding:0;border:1px solid var(--rule);border-radius:.8rem;background:var(--paper);color:var(--ink);box-shadow:0 1.5rem 5rem rgba(0,0,0,.35)}.focus-jump::backdrop{background:rgba(0,0,0,.55)}.focus-jump-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--paper);z-index:2}.focus-jump-head h2{font-family:"Cormorant Garamond",Georgia,serif;margin:0;font-size:1.5rem}.focus-jump-head button{border:0;background:transparent;font-size:1.5rem}.focus-jump-body{display:grid;grid-template-columns:minmax(10rem,1fr) 1.4fr;min-height:20rem;max-height:60dvh}.focus-book-list{overflow:auto;border-right:1px solid var(--rule);padding:.45rem}.focus-book-list button{display:block;width:100%;border:0;border-radius:.35rem;background:transparent;text-align:left;padding:.48rem .55rem;color:var(--muted)}.focus-book-list button[aria-pressed="true"]{background:var(--paper-deep);color:var(--ink);font-weight:600}.focus-jump-chapters{align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.35rem;padding:.7rem;overflow:auto}.focus-jump-chapters a{display:grid;place-items:center;min-height:2.55rem;border:1px solid var(--rule);border-radius:.35rem;text-decoration:none;color:var(--ink)}
.focus-about{padding-top:clamp(1.5rem,5vh,3rem)}.focus-about h2{color:var(--gilt)}.focus-footer{font-size:.65rem}

@media(max-width:720px){body:not(.focus-shell) .focus-discovery-link{position:absolute;top:.48rem;right:.7rem;margin:0;font-size:.72rem}}
@media(max-width:640px){
  .focus-shell #main{padding:.7rem .65rem 1rem}.focus-topbar{padding-inline:.7rem}.focus-topbar .brand{font-size:1rem}.focus-topbar nav{gap:.7rem}.focus-top-link{font-size:.72rem}
  .focus-picker-form{grid-template-columns:1fr}.focus-picker-form .focus-primary{grid-column:auto}.focus-continue a{align-items:flex-start;flex-direction:column}.focus-continue strong{text-align:left}
  .focus-reader-head{grid-template-columns:1fr}.focus-normal-link{justify-self:center}.focus-chapter-nav-wrap{width:100%}
  .focus-stage{border-radius:.6rem}.focus-word{height:5.4rem}.focus-context{max-height:8rem;margin-inline:.55rem;padding-inline:.25rem}
  .focus-reading-controls{padding-top:.85rem}.focus-control-row{gap:.4rem}.focus-control-row button{padding:.45rem .35rem;font-size:.82rem}.focus-field{margin:.65rem 0}.focus-helper{font-size:.66rem}
  .focus-jump{width:100vw;max-width:none;max-height:82dvh;margin:auto 0 0;border-radius:.9rem .9rem 0 0;border-bottom:0}.focus-jump-body{grid-template-columns:1fr 1.25fr;max-height:64dvh}.focus-book-list button{font-size:.82rem;padding:.45rem .4rem}.focus-jump-chapters{grid-template-columns:repeat(4,1fr);padding:.55rem}
  .chapter-focus-link{font-size:.72rem}
}
@media(max-width:430px){
  .focus-shell #main{padding:.55rem .55rem .8rem}
  .focus-reader-head{gap:.45rem;margin-bottom:.5rem}
  .focus-reference{font-size:.92rem;padding:.35rem .4rem}
  .focus-stage{border-radius:.55rem}
  .focus-word{height:4.9rem;font-size:clamp(1.8rem,9.5vw,2.5rem);padding-inline:.45rem}
  .focus-context{max-height:7.3rem;padding-top:.68rem;padding-bottom:.72rem}
  .focus-reading-controls{padding-top:.65rem}
  .focus-control-row{grid-template-columns:1fr 1.7fr 1fr;gap:.35rem;margin-bottom:.62rem}
  .focus-control-row button{min-height:2.55rem;padding:.38rem .28rem;font-size:.78rem}
  .focus-field{margin:.5rem 0}
  .focus-field-label{margin-bottom:.24rem;font-size:.72rem}
  .focus-helper{font-size:.63rem;line-height:1.35}
  .focus-chunks{gap:.32rem}
  .focus-chunks button{min-height:2.2rem;padding:.25rem;font-size:.88rem}
  .focus-font-toggle{padding:.2rem 0;font-size:.72rem}
}
@media(max-width:360px){
  .focus-shell #main{padding-inline:.45rem}
  .focus-topbar{gap:.2rem;padding-inline:.55rem}
  .focus-topbar nav{gap:.55rem}
  .focus-control-row{grid-template-columns:.95fr 1.6fr .95fr;gap:.28rem}
  .focus-control-row button{font-size:.74rem;padding-inline:.2rem}
  .focus-field-label{gap:.5rem}
  .focus-field-label strong{text-align:right}
}
@media(prefers-reduced-motion:reduce){.focus-rail i,.focus-stage,.focus-word{transition:none!important;animation:none!important}}