:root{--bg: #1a1410;--bg-soft: #211a14;--bg-card: #2a211a;--bg-card-hi: #322619;--ink: #e8dcc4;--ink-soft: #b9a98c;--ink-mute: #7a6b54;--gold: #c89764;--gold-soft: #8b6843;--line: #3a2e22;--line-soft: #2a2118;--shadow: 0 8px 24px rgba(0,0,0,.35);--radius: 12px;--radius-sm: 8px;--serif: "Playfair Display", "Iowan Old Style", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(ellipse at top,#2a1f15 0%,var(--bg) 55%) fixed,var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:#1a1410d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{background:none;border:0;padding:0;display:flex;align-items:center;gap:12px;color:var(--ink);text-align:left}.brand-icon{font-size:28px;color:var(--gold);line-height:1}.brand-title{display:block;font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.5px}.brand-sub{display:block;font-size:11px;color:var(--ink-mute);letter-spacing:1px;text-transform:uppercase}.breadcrumbs{flex:1;display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.crumb{background:none;border:0;padding:4px 0;color:var(--ink-soft);font-size:14px}.crumb:hover{color:var(--gold)}.crumb-active{color:var(--ink);cursor:default}.crumb-sep{color:var(--ink-mute)}.style-picker{display:flex;align-items:center;gap:8px}.style-picker label{font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px}.style-picker select{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;font-size:14px;font-family:var(--sans)}.style-picker select:focus{outline:2px solid var(--gold-soft);outline-offset:1px}.container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:32px 24px 80px}.hero{text-align:center;padding:24px 0 32px;border-bottom:1px solid var(--line-soft);margin-bottom:32px}.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(28px,4vw,44px);margin:0 0 12px;letter-spacing:-.5px}.hero p{margin:0 auto;max-width:620px;color:var(--ink-soft);font-size:16px;line-height:1.6}.filters{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.search{width:100%;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;color:var(--ink);font-size:15px;font-family:var(--sans)}.search:focus{outline:2px solid var(--gold-soft);outline-offset:1px;border-color:var(--gold-soft)}.search::placeholder{color:var(--ink-mute)}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg-card);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;letter-spacing:.3px;transition:all .15s ease}.chip:hover{color:var(--ink);border-color:var(--gold-soft)}.chip-active{background:var(--bg-card-hi);color:var(--ink);border-color:var(--gold)}.section{margin-bottom:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.section-head h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0;letter-spacing:.3px}.section-sub{font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:1.5px}.empty{text-align:center;color:var(--ink-mute);font-style:italic;padding:40px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.book-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:left;color:var(--ink);transition:transform .15s ease,border-color .15s ease,background .15s ease;display:flex;flex-direction:column;gap:12px;min-height:130px;position:relative;overflow:hidden}.book-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:3px solid var(--accent, var(--gold-soft));pointer-events:none;border-radius:var(--radius)}.book-card:hover{transform:translateY(-2px);border-color:var(--accent, var(--gold-soft));background:var(--bg-card-hi)}.book-card-head{display:flex;justify-content:space-between;align-items:center}.genre-badge{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:4px}.chapter-count{font-size:11px;color:var(--ink-mute);letter-spacing:1px;text-transform:uppercase}.book-name{font-family:var(--serif);font-size:19px;font-weight:600;margin:0;line-height:1.2}.progress{position:relative;height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden;margin-top:auto}.progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.progress-text{position:absolute;right:0;top:-16px;font-size:10px;color:var(--ink-mute);letter-spacing:.5px}.book-view{max-width:880px;margin:0 auto}.back{background:none;border:0;color:var(--ink-soft);font-size:13px;letter-spacing:.5px;padding:4px 0;margin-bottom:16px}.back:hover{color:var(--gold)}.book-header{text-align:center;padding:24px 0 32px;border-bottom:1px solid var(--line-soft);margin-bottom:32px}.book-header h1{font-family:var(--serif);font-size:clamp(32px,5vw,48px);margin:12px 0 8px;letter-spacing:-.5px}.book-meta{color:var(--ink-mute);font-size:13px;letter-spacing:.5px;margin:0}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.chapter-tile{background:var(--bg-card);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 0;font-family:var(--serif);font-size:17px;font-weight:600;transition:all .15s ease;position:relative}.chapter-tile:hover{color:var(--ink);border-color:var(--accent, var(--gold));background:var(--bg-card-hi);transform:translateY(-1px)}.chapter-tile.is-read{background:var(--bg-card-hi);color:var(--ink);border-color:var(--accent, var(--gold-soft))}.chapter-tile.is-read:after{content:"✓";position:absolute;top:4px;right:6px;font-size:9px;color:var(--accent, var(--gold));font-family:var(--sans)}.chapter-view{max-width:720px;margin:0 auto}.chapter-header{text-align:center;padding:24px 0 32px;border-bottom:1px solid var(--line-soft);margin-bottom:32px}.chapter-header h1{font-family:var(--serif);font-size:clamp(32px,5vw,44px);margin:16px 0 0;letter-spacing:-.5px}.chap-num{color:var(--accent, var(--gold));font-style:italic}.chapter-body{min-height:300px}.prose p{font-family:var(--serif);font-size:18px;line-height:1.75;color:var(--ink);margin:0 0 18px;text-align:justify}.prose p.has-dropcap:first-letter{font-size:3.6em;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--accent, var(--gold));font-weight:700}.loading{text-align:center;padding:60px 20px;color:var(--ink-soft)}.loading-quill{font-size:36px;color:var(--gold);animation:sway 2s ease-in-out infinite;display:inline-block}.loading p{margin:12px 0 4px;font-size:16px}.loading-sub{font-size:13px;color:var(--ink-mute);font-style:italic}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.error{background:#7828282e;border:1px solid rgba(180,80,80,.4);border-radius:var(--radius);padding:20px 22px;color:#f0c6c0}.error strong{display:block;margin-bottom:8px;font-size:15px}.error p{margin:0 0 8px;line-height:1.5;font-size:14px}.error-hint{color:#f0c6c0bf;font-size:13px}.error code{background:#00000040;padding:1px 6px;border-radius:4px;font-size:12px}.chapter-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line-soft)}.chapter-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;letter-spacing:.5px;font-family:var(--sans);transition:all .15s ease}.btn:hover:not(:disabled){border-color:var(--accent, var(--gold));background:var(--bg-card-hi)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent}.btn-read{background:var(--accent, var(--gold-soft));border-color:var(--accent, var(--gold));color:#1a1410;font-weight:600}.footer{text-align:center;padding:24px;font-size:12px;color:var(--ink-mute);letter-spacing:.5px;border-top:1px solid var(--line-soft)}@media (max-width: 600px){.header-inner{gap:12px;padding:12px 16px}.breadcrumbs{width:100%;order:3}.container{padding:24px 16px 60px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.prose p{font-size:16px;line-height:1.7;text-align:left}}.nav-link{background:transparent;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;letter-spacing:.4px;font-family:var(--sans);white-space:nowrap;transition:all .15s ease}.nav-link:hover{color:var(--gold);border-color:var(--gold-soft);background:var(--bg-card)}.hero-cta{display:inline-block;margin-top:18px;background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#1a1410;border:0;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;letter-spacing:.5px;font-family:var(--sans);cursor:pointer;box-shadow:0 4px 14px #c8976440;transition:transform .15s ease,box-shadow .15s ease}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c8976459}.view-toggle{display:inline-flex;margin-top:18px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.view-tab{background:transparent;border:0;color:var(--ink-soft);padding:7px 18px;font-size:13px;letter-spacing:.5px;border-radius:999px;font-family:var(--sans);transition:all .15s ease}.view-tab:hover{color:var(--ink)}.view-tab.is-active{background:var(--accent, var(--gold-soft));color:#1a1410;font-weight:600}.verses{font-family:var(--serif);line-height:1.85;color:var(--ink)}.verse{font-size:18px;margin:0 0 14px;text-indent:0}.verse-num{display:inline-block;min-width:1.6em;margin-right:2px;color:var(--accent, var(--gold));font-size:.7em;font-family:var(--sans);font-weight:600;vertical-align:super;letter-spacing:.5px}.concordance{max-width:880px;margin:0 auto}.concordance-header{text-align:center;padding:16px 0 24px;border-bottom:1px solid var(--line-soft);margin-bottom:24px}.concordance-header h1{font-family:var(--serif);font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:-.5px}.concordance-header p{color:var(--ink-soft);font-size:15px;margin:0 0 16px}.concordance-header .muted{color:var(--ink-mute);font-size:13px}.concordance-search{margin-top:16px}.concordance-search input[type=search]{width:100%;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;color:var(--ink);font-size:17px;font-family:var(--serif);letter-spacing:.3px}.concordance-search input[type=search]:focus{outline:2px solid var(--gold-soft);outline-offset:2px;border-color:var(--gold-soft)}.concordance-search input[type=search]::placeholder{color:var(--ink-mute);font-style:italic}.concordance-summary{font-size:14px;color:var(--ink-soft);letter-spacing:.3px;margin-bottom:16px;padding:10px 14px;background:var(--bg-soft);border-radius:var(--radius-sm);border-left:3px solid var(--gold-soft)}.concordance-summary em{color:var(--gold);font-style:normal;font-weight:600}.concordance-results{list-style:none;margin:0;padding:0}.concordance-row{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line-soft);align-items:baseline}.concordance-row:hover{background:#ffffff05}.concordance-ref{background:transparent;border:0;padding:0;color:var(--gold);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;white-space:nowrap;cursor:pointer}.concordance-ref:hover{text-decoration:underline;color:var(--ink)}.concordance-text{font-family:var(--serif);font-size:16px;line-height:1.6;color:var(--ink)}mark.hl{background:#c8976459;color:var(--ink);border-radius:3px;padding:0 3px;font-weight:600}@media (max-width: 600px){.nav-link{padding:6px 10px;font-size:12px}.concordance-row{grid-template-columns:1fr;gap:4px;padding:10px 8px}.concordance-ref{margin-bottom:2px}.concordance-text{font-size:15px}.verse{font-size:17px;line-height:1.8}}.header-actions{display:flex;gap:8px}.lookup{max-width:880px;margin:0 auto}.lookup-header{text-align:center;padding:16px 0 24px;border-bottom:1px solid var(--line-soft);margin-bottom:24px}.lookup-header h1{font-family:var(--serif);font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:-.5px}.lookup-header p{color:var(--ink-soft);font-size:14px;line-height:1.5;margin:0 auto 16px;max-width:580px}.lookup-form{display:flex;gap:8px;max-width:540px;margin:0 auto}.lookup-form input[type=search]{flex:1;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;color:var(--ink);font-size:16px;font-family:var(--serif)}.lookup-form input[type=search]:focus{outline:2px solid var(--gold-soft);outline-offset:2px;border-color:var(--gold-soft)}.lookup-form input[type=search]::placeholder{color:var(--ink-mute);font-style:italic}.lookup-results{display:flex;flex-direction:column;gap:24px}.lookup-block{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px}.lookup-block h2{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-mute);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.lookup-block .empty{padding:12px 0;margin:0;font-size:14px}.lookup-block .muted{color:var(--ink-mute)}.dict-entry{font-family:var(--serif)}.dict-word{font-family:var(--serif);font-size:26px;font-weight:700;margin:0 0 14px;color:var(--ink);letter-spacing:-.3px}.dict-phonetic{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--ink-mute);margin-left:8px;letter-spacing:.3px}.dict-def{margin-bottom:16px}.dict-def p{font-size:15px;line-height:1.65;margin:4px 0 0;color:var(--ink)}.dict-source{display:inline-block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);background:#c897641f;padding:2px 8px;border-radius:4px}.dict-pos{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-style:italic}.dict-senses{margin:6px 0 0;padding-left:22px;font-size:15px;line-height:1.6;color:var(--ink)}.dict-senses li{margin-bottom:6px}.dict-example{color:var(--ink-soft);font-style:italic}.dict-refs{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dict-refs-label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-mute);margin-right:6px}.dict-ref{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--gold);background:var(--bg-soft);padding:3px 8px;border-radius:4px;border:1px solid var(--line)}@media (max-width: 600px){.header-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.lookup-block{padding:16px}.dict-word{font-size:22px}.lookup-form{flex-direction:column}}.welcome-card{position:relative;background:linear-gradient(135deg,#c897641f,#c897640a);border:1px solid var(--gold-soft);border-radius:var(--radius);padding:22px 56px 22px 26px;margin-bottom:28px;display:flex;align-items:flex-start;gap:18px}.welcome-card-icon{font-size:28px;color:var(--gold);line-height:1;margin-top:2px}.welcome-card-body h2{font-family:var(--serif);font-size:20px;font-weight:700;margin:0 0 6px;color:var(--ink);letter-spacing:.2px}.welcome-card-body p{margin:0 0 12px;color:var(--ink-soft);font-size:14px;line-height:1.55}.welcome-card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.welcome-card-dismiss{position:absolute;top:10px;right:12px;background:transparent;border:0;color:var(--ink-mute);font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;cursor:pointer}.welcome-card-dismiss:hover{color:var(--ink);background:#ffffff0a}.starter-section{margin-bottom:36px}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.starter-card{background:var(--bg-card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:14px 16px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:4px;transition:all .15s ease}.starter-card:hover{background:var(--bg-card-hi);transform:translateY(-1px);border-left-color:var(--gold);border-color:var(--gold-soft)}.starter-card-ref{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.starter-card-desc{font-size:13px;color:var(--ink-soft);font-style:italic}.about{max-width:720px;margin:0 auto}.about-header{text-align:center;padding:16px 0 32px;border-bottom:1px solid var(--line-soft);margin-bottom:32px}.about-header h1{font-family:var(--serif);font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:-.5px}.about-subtitle{color:var(--ink-soft);font-size:16px;font-style:italic;margin:0}.about-section{margin-bottom:32px}.about-section h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 12px;color:var(--ink);border-bottom:1px solid var(--line-soft);padding-bottom:6px}.about-section h3{font-family:var(--serif);font-size:18px;font-weight:600;margin:16px 0 8px;color:var(--ink)}.about-section p{font-family:var(--serif);font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 12px}.about-starters{list-style:none;padding:0;margin:12px 0}.about-starters li{font-family:var(--serif);font-size:16px;line-height:1.6;margin-bottom:8px;color:var(--ink-soft)}.inline-link{background:transparent;border:0;padding:0;color:var(--gold);font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:#c8976466;text-underline-offset:3px}.inline-link:hover{color:var(--ink);text-decoration-color:var(--gold)}.example-hints{text-align:center;padding:24px 0;color:var(--ink-soft)}.example-hints-label{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.example-chips{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:540px}.example-chip{background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink-soft);font-family:var(--serif);font-style:italic;font-size:14px;cursor:pointer;transition:all .15s ease}.example-chip:hover{color:var(--gold);border-color:var(--gold-soft);background:var(--bg-card-hi)}@media (max-width: 600px){.welcome-card{padding:18px 44px 18px 20px;gap:14px}.welcome-card-icon{font-size:22px}.welcome-card-body h2{font-size:17px}.starter-grid{grid-template-columns:1fr}.about-section p{font-size:15px}}