:root{--surface: #ffffff;--board: #f5f7f6;--ink: #20312c;--muted: #66736d;--primary: #245c49;--highlight: #f6e7ac;--selected: #eaf3ec;--line: #dce3df;--serif: Georgia, "Times New Roman", serif;--sans: system-ui, "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:is(button,input){-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background:var(--board);color:var(--ink);font:16px/1.6 var(--sans)}.column{max-width:760px;margin:0 auto;padding:40px 24px 80px}.masthead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.masthead h1{font:700 42px/1.2 var(--serif);margin:0}.version-label{margin:0;color:var(--muted);font-size:15px}.search-row{display:flex;gap:12px;margin-top:24px}.input-wrap{position:relative;flex:1}#search-input{width:100%;height:48px;padding:0 44px 0 16px;border:1px solid var(--line);border-radius:8px;font:16px var(--sans);color:var(--ink);background:var(--surface)}#search-input::placeholder{color:var(--muted)}.clear-button{position:absolute;right:2px;top:0;bottom:0;width:44px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px}.primary{height:48px;padding:0 28px;border:0;border-radius:8px;background:var(--primary);color:#fff;font:600 16px var(--sans);cursor:pointer}.link-button{border:0;background:none;padding:8px 12px;margin:-8px -12px;color:var(--primary);font:600 15px var(--sans);cursor:pointer;white-space:nowrap}.hint{color:var(--muted);font-size:14px;margin:12px 0 0}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.suggestions[hidden]{display:none}.chip{height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--primary);font:15px var(--sans);cursor:pointer}@media (hover: hover){.chip:hover{background:var(--board)}}.chip:active{background:var(--board)}.status,.empty{margin-top:32px;font-size:17px;color:var(--muted)}.summary-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:32px 0 16px}.summary-row p{margin:0;font:600 18px var(--sans)}.group{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.group-header{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:0 20px;border:0;background:none;cursor:pointer;font:600 17px var(--sans);color:var(--ink);text-align:left}.chevron{width:10px;height:10px;margin-left:auto;flex:none;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}.group.open .chevron{transform:rotate(45deg)}.verse-list{border-top:1px solid var(--line);padding:4px 0 8px}.verse-row{display:grid;grid-template-columns:96px 1fr;gap:12px;width:100%;padding:14px 20px;border:0;background:none;cursor:pointer;text-align:left;font:inherit}@media (hover: hover){.verse-row:hover{background:var(--board)}}.verse-row:active,.group-header:active{background:var(--board)}.ref{color:var(--primary);font:600 15px var(--sans);padding-top:3px}.verse-row .text,.chapter-verse .text{font:20px/1.6 var(--serif)}mark{background:var(--highlight);color:inherit;padding:0 1px}.chapter-panel{margin:4px 20px 20px;border:1px solid var(--line);border-radius:8px;background:var(--board)}.chapter-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.chapter-head h2{margin:0;font:700 22px var(--serif)}.chapter-verse{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px 16px;margin:0}.chapter-verse .vnum{color:var(--muted);font:15px var(--sans);padding-top:4px}.chapter-verse.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--primary)}:is(button,input):focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (max-width: 600px){.column{padding:24px 16px 64px}.masthead h1{font-size:32px}.search-row{flex-wrap:nowrap}.primary{padding:0 18px}.verse-row{grid-template-columns:92px 1fr;padding:12px 16px}.verse-row .text,.chapter-verse .text{font-size:18px}.chapter-panel{margin:4px 16px 16px}}.about{margin-top:64px;padding-top:20px;border-top:1px solid var(--line)}.about h2{font:700 17px var(--sans);margin:0 0 8px;color:var(--ink)}.about p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:62ch}
