:root{--font-ui: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Lora", Georgia, "Times New Roman", serif;--font-read: var(--font-serif);--reading-scale: 1;--radius: 16px;--radius-sm: 11px;--bg: #faf6ef;--surface: #ffffff;--surface-2: #f2ebdd;--border: #e8dfce;--text: #2a241d;--text-muted: #8c8071;--accent-base: #5b4fa0;--accent: var(--accent-base);--accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));--accent-text: color-mix(in srgb, var(--accent) 64%, var(--text));--danger: #b5453b;--shadow: 0 1px 2px rgba(60, 45, 25, .05), 0 2px 8px rgba(60, 45, 25, .04)}[data-theme=sepia]{--bg: #f0e6d2;--surface: #f8f0de;--surface-2: #e8dbc0;--border: #dbcba9;--text: #463a29;--text-muted: #8a765a;--danger: #a8443a;--shadow: 0 1px 2px rgba(90, 65, 25, .06), 0 2px 8px rgba(90, 65, 25, .05)}[data-theme=white]{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #eef1f4;--border: #e2e6ea;--text: #1a1d23;--text-muted: #6b7280;--danger: #c0392b;--shadow: 0 1px 2px rgba(20, 30, 50, .05), 0 2px 8px rgba(20, 30, 50, .04)}[data-theme=gray]{--bg: #e9ecf0;--surface: #f7f9fb;--surface-2: #dde2e8;--border: #cdd4dd;--text: #242830;--text-muted: #687078;--danger: #be3d30;--shadow: 0 1px 2px rgba(30, 40, 55, .06), 0 2px 8px rgba(30, 40, 55, .05)}[data-theme=dark]{--bg: #14110d;--surface: #1e1a14;--surface-2: #2a251d;--border: #393125;--text: #ece4d6;--text-muted: #a99c86;--accent: color-mix(in srgb, var(--accent-base) 55%, #ffffff);--danger: #e08a80;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}[data-theme=black]{--bg: #000000;--surface: #0e0e10;--surface-2: #1a1a1d;--border: #2a2a2e;--text: #f2f2f4;--text-muted: #9a9aa2;--accent: color-mix(in srgb, var(--accent-base) 58%, #ffffff);--danger: #e08a80;--shadow: 0 1px 2px rgba(0, 0, 0, .5)}[data-theme=midnight]{--bg: #0e1526;--surface: #18233c;--surface-2: #22304d;--border: #2d3c5c;--text: #e6ebf5;--text-muted: #94a3bf;--accent: color-mix(in srgb, var(--accent-base) 58%, #ffffff);--danger: #e98b82;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}[data-scripture=sans]{--font-read: var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;line-height:1.6}button{font-family:inherit;cursor:pointer;color:inherit}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);padding:calc(env(safe-area-inset-top) + 14px) 18px 12px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:19px;letter-spacing:-.01em}.brand .logo{color:var(--accent);display:grid;place-items:center}.header-actions{display:flex;gap:8px;align-items:center}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:2px 2px 0}.icon-btn{border:none;background:var(--surface-2);color:var(--text);width:40px;height:40px;border-radius:11px;display:grid;place-items:center;transition:background .15s,transform .08s}.icon-btn:active{transform:scale(.9)}.search-wrap{padding:6px 18px 4px}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:4px 6px 4px 16px;box-shadow:var(--shadow);transition:border-color .15s}.search-box:focus-within{border-color:var(--accent)}.search-box .search-ico{color:var(--text-muted);display:grid;place-items:center}.search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:16px;font-family:var(--font-ui);padding:11px 0;min-width:0}.search-box input::placeholder{color:var(--text-muted)}.search-box .mic{background:transparent;width:38px;height:38px}.search-box .go{background:var(--accent);color:#fff;border:none;border-radius:11px;height:40px;padding:0 16px;font-weight:600;font-size:15px}.mic.listening{color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.hint{color:var(--text-muted);font-size:13px;padding:6px 20px}.content{flex:1;padding:10px 18px 28px}.section-title{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-muted);margin:22px 4px 10px;display:flex;align-items:center;justify-content:space-between}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 15px;font-size:14.5px}.chip.suggest{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}.hero{background:var(--accent-base);border-radius:var(--radius);padding:22px 20px;color:#fff;margin-top:8px;box-shadow:var(--shadow)}.hero .kicker{font-size:13px;font-weight:600;letter-spacing:.02em;opacity:.85;display:flex;align-items:center;gap:6px}.hero .verse{font-family:var(--font-read);font-size:20px;line-height:1.6;margin:12px 0 14px}.hero .ref{color:#fff;font-weight:600;font-size:14.5px;opacity:.92}.hero-actions{display:flex;gap:10px;margin-top:16px}.hero-actions button{background:#ffffff29;border:none;color:#fff;border-radius:11px;padding:9px 14px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:6px}.resume-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:11px;box-shadow:var(--shadow);width:100%;text-align:left}.resume-card .ico{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex-shrink:0}.resume-text{display:flex;flex-direction:column;gap:1px}.resume-card .label{font-size:12.5px;color:var(--text-muted)}.resume-card .where{font-size:16px;font-weight:600}.resume-card .chev{margin-left:auto;color:var(--text-muted)}.summary-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:9px;box-shadow:var(--shadow)}.summary-card .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent-text)}.summary-card .ico.warn{background:#d99a2029;color:#b9831a}.summary-card .ico.danger{background:#d65a5a29;color:#c45656}.summary-card .ico.info{background:#378add29;color:#2f7ad0}.summary-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.summary-title{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-sub{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .chev{color:var(--text-muted);flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:13px;box-shadow:var(--shadow)}.ref{font-weight:600;color:var(--accent-text);font-size:14.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.ref .badge{font-size:11px;font-weight:500;background:var(--accent-soft);color:var(--accent-text);padding:2px 9px;border-radius:999px}.verse-vi{font-family:var(--font-read);font-size:calc(17px * var(--reading-scale));line-height:1.7}.verse-en{font-family:var(--font-read);font-size:calc(15px * var(--reading-scale));color:var(--text-muted);margin-top:7px;font-style:italic;line-height:1.65}.verse-num{color:var(--accent);font-weight:600;font-size:11px;vertical-align:super;margin-right:3px}.card-actions{display:flex;gap:4px;margin-top:14px;border-top:1px solid var(--border);padding-top:11px}.act{flex:1;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;padding:7px 4px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:4px}.act:active{background:var(--surface-2)}.act.on{color:var(--accent)}.act .ico{display:grid;place-items:center}.xrefs{margin-top:12px;padding-top:11px;border-top:1px dashed var(--border)}.xref-item{padding:9px 0;border-bottom:1px solid var(--border)}.xref-item:last-child{border-bottom:none}.xref-ref{font-weight:600;color:var(--accent-text);font-size:13.5px}.xref-text{font-family:var(--font-read);font-size:14.5px;color:var(--text-muted);margin-top:3px;line-height:1.6}.book-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.book-row{display:flex;align-items:center;justify-content:space-between;border:none;background:var(--surface);color:var(--text);padding:15px 16px;font-size:16px;text-align:left}.book-row:active{background:var(--surface-2)}.book-name{font-weight:500}.book-meta{color:var(--text-muted);font-size:13px;display:flex;align-items:center;gap:4px}.back-row{border:none;background:transparent;color:var(--accent);font-size:15px;font-weight:600;padding:8px 4px;margin-top:4px;display:flex;align-items:center;gap:4px}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.chapter-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);font-size:16px;font-weight:500;box-shadow:var(--shadow)}.chapter-cell:active{background:var(--accent);color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e068c;z-index:50;display:flex;align-items:flex-end;justify-content:center}.drawer{background:var(--bg);width:100%;max-width:720px;max-height:92vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:slideUp .26s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);border-radius:22px 22px 0 0}.drawer-title{font-weight:600;font-size:17px}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 20px}.reader-verse{padding:7px 0;font-family:var(--font-read);font-size:calc(17px * var(--reading-scale));line-height:1.8;cursor:pointer;border-radius:9px;transition:background .12s}.reader-verse.highlight{background:var(--accent-soft);margin:0 -8px;padding:9px 8px}.reader-verse.hl{margin:0 -8px;padding:8px}.reader-verse.selecting{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}.reader-verse .en{display:block;color:var(--text-muted);font-style:italic;font-size:calc(14.5px * var(--reading-scale));margin-top:2px}.reader-verse .verse-num{font-size:calc(11px * var(--reading-scale))}.reader-verse .note-dot{color:var(--accent);vertical-align:middle;margin-left:5px}.verse-note{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:9px 11px;background:var(--accent-soft);border-radius:9px;color:var(--accent-text);font-family:var(--font-ui);font-size:14px;line-height:1.5;text-decoration:none}.verse-note svg{flex-shrink:0;margin-top:2px}.hl-yellow{background:#f7e69e}.hl-green{background:#d3e7b4}.hl-blue{background:#cfe0f3}.hl-pink{background:#f3d2df}.hl-coral{background:#f5d8ca}[data-theme=dark] .hl-yellow,[data-theme=black] .hl-yellow,[data-theme=midnight] .hl-yellow{background:#f3cf5238}[data-theme=dark] .hl-green,[data-theme=black] .hl-green,[data-theme=midnight] .hl-green{background:#9bc06a38}[data-theme=dark] .hl-blue,[data-theme=black] .hl-blue,[data-theme=midnight] .hl-blue{background:#7fb0e038}[data-theme=dark] .hl-pink,[data-theme=black] .hl-pink,[data-theme=midnight] .hl-pink{background:#e493b338}[data-theme=dark] .hl-coral,[data-theme=black] .hl-coral,[data-theme=midnight] .hl-coral{background:#e8997a38}.sheet-top{z-index:60}.sheet-grab{width:38px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 4px}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 12px}.sheet-ref{font-weight:600;font-size:16px;color:var(--accent-text)}.sheet-colors{display:flex;gap:12px;padding:4px 18px 18px}.hl-dot{width:36px;height:36px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center;flex-shrink:0}.hl-dot.active{border-color:var(--text)}.hl-dot .dot-check{color:#0009}.hl-clear{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.sheet-actions{display:flex;padding:4px 12px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.sheet-actions button{flex:1;border:none;background:transparent;color:var(--text);font-size:12.5px;font-weight:500;padding:12px 4px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.sheet-actions button:active{background:var(--surface-2)}.sheet-actions button.on{color:var(--accent)}.note-input{width:100%;min-height:160px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.6;padding:14px;resize:vertical;outline:none}.note-input:focus{border-color:var(--accent)}.note-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.save-btn{background:var(--accent);color:#fff;border:none;border-radius:11px;padding:11px 22px;font-size:15px;font-weight:600}.link-btn.danger{color:var(--danger)}.auth-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:16px;padding:12px 14px;outline:none}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{color:var(--danger);font-size:14px;margin-top:12px}.auth-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:16px}.auth-note{display:flex;font-size:13px;color:var(--text-muted);line-height:1.5;background:var(--surface-2);border-radius:var(--radius-sm);padding:11px 13px;margin-top:18px}.recovery-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin:14px 0;font-size:21px;font-weight:600;letter-spacing:.06em;color:var(--accent-text)}.ack-row{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:18px}.ack-row input{width:20px;height:20px;accent-color:var(--accent)}.acct-card{display:flex;align-items:center;gap:12px;background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:12px}.acct-av{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;font-weight:600;flex-shrink:0}.acct-name{font-size:15px;font-weight:600}.acct-sub{font-size:12.5px;color:var(--text-muted)}.avatar-edit{position:relative;border:none;background:none;padding:0;cursor:pointer;flex-shrink:0;line-height:0}.avatar-edit:disabled{opacity:.6}.avatar-cam{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--surface-2)}.avatar-actions{display:flex;gap:16px;margin-bottom:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.stat-card{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.stat-value{font-size:24px;font-weight:700;color:var(--text)}.stat-label{font-size:12.5px;color:var(--text-muted);margin-top:2px}.admin-group{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px}.admin-group-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.admin-content-row{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.sparkline{display:flex;align-items:flex-end;gap:4px;height:70px;padding:4px 0}.spark-bar{flex:1;min-height:2px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.85}.search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border)}.search-term{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-count{font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0}.join-row{display:flex;gap:10px;margin-top:12px}.join-row .auth-input{flex:1}.invite-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:24px;font-weight:600;letter-spacing:.12em;color:var(--accent-text)}.qr-wrap{display:flex;justify-content:center;padding:4px 0 12px}.qr-wrap img{border-radius:var(--radius-sm);background:#fff;padding:10px}.invite-actions{display:flex;flex-direction:column;gap:10px}.invite-actions button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;font-size:14.5px;font-weight:600}.invite-fallback{font-size:13px;color:var(--text-muted);text-align:center;margin-top:14px}.join-preview{text-align:center;padding:10px 0 22px}.join-av{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);margin-bottom:12px}.join-name{font-size:20px;font-weight:600}.join-desc{font-size:14.5px;color:var(--text-muted);margin-top:6px;line-height:1.5}.join-count{font-size:13px;color:var(--text-muted);margin-top:10px}.member-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)}.member-row:last-of-type{border-bottom:none}.group-list-desc{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px;margin:1px 0}.group-title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:6px 4px 2px}.group-desc{font-size:14px;color:var(--text-muted);margin:0 4px 10px;line-height:1.5}.privacy-note{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:6px 12px;margin:2px 0 14px}.group-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tabs button{flex-shrink:0;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.group-tabs button.active{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}.privacy-explain{display:flex;gap:9px;font-size:13.5px;color:var(--text-muted);line-height:1.55;background:var(--surface-2);border-radius:var(--radius-sm);padding:13px 15px;margin-top:16px}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.feed-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent-text)}.feed-grp{color:var(--text-muted);font-weight:500}.feed-title{font-size:16px;font-weight:600;line-height:1.4}.feed-body{font-size:14.5px;color:var(--text-muted);line-height:1.55;margin-top:4px;white-space:pre-wrap}.feed-sub{font-size:12.5px;color:var(--text-muted);margin-top:10px}.poll-opts{display:flex;flex-direction:column;gap:9px;margin-top:12px}.poll-opt{position:relative;border:1px solid var(--border);background:var(--surface-2);border-radius:11px;height:42px;overflow:hidden;padding:0}.poll-opt:disabled{cursor:default}.poll-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .4s ease}.poll-label{position:relative;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 14px;font-size:14.5px;font-weight:500;color:var(--text)}.prayer-compose{margin-bottom:18px}.compose-privacy{text-align:center;font-size:12.5px;color:var(--text-muted);margin-top:8px}.prayer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.prayer-head{display:flex;align-items:center;gap:11px;margin-bottom:8px}.prayer-body{font-family:var(--font-read);font-size:15.5px;line-height:1.6}.prayer-actions{display:flex;align-items:center;gap:18px;margin-top:12px}.heart-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:600;padding:0}.heart-btn.on{color:var(--danger)}.answered-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);padding:3px 9px;border-radius:999px;margin-bottom:8px}.share-preview{display:flex;justify-content:center;padding:2px 0 18px}.share-preview img{width:100%;max-width:340px;border-radius:var(--radius);box-shadow:var(--shadow)}.share-actions{display:flex;flex-direction:column;gap:10px}.share-actions button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;font-size:15px;font-weight:600}.share-primary{background:var(--accent);color:#fff;border:none}.share-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.share-actions button:disabled{opacity:.5}.lib-row{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:11px;box-shadow:var(--shadow);width:100%;text-align:left;align-items:flex-start}.lib-stripe{width:5px;align-self:stretch;border-radius:3px;flex-shrink:0}.lib-row .lib-ref{font-weight:600;color:var(--accent-text);font-size:14px}.lib-row .lib-text{font-family:var(--font-read);font-size:15px;line-height:1.55;margin-top:3px}.lib-row .lib-note{font-size:14.5px;color:var(--text-muted);margin-top:6px;display:flex;gap:6px}.reader-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.nav-btn{border:1px solid var(--border);background:var(--surface);color:var(--accent);font-weight:600;font-size:15px;padding:10px 18px;border-radius:11px;display:flex;align-items:center;gap:4px}.nav-btn:disabled{color:var(--text-muted);opacity:.45}.nav-pos{color:var(--text-muted);font-size:14px;font-weight:600}.set-group{margin-bottom:22px}.set-label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-muted);margin-bottom:10px}.accent-row{display:flex;gap:12px}.accent-dot{width:38px;height:38px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center}.accent-dot.active{border-color:var(--text)}.accent-dot .check{color:#fff}.seg{display:flex;gap:8px}.seg button{flex:1;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 8px;font-size:14px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:6px}.seg button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.swatch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-chip{flex:1;border-radius:11px;padding:14px 0;text-align:center;font-size:13px;font-weight:500;border:2px solid transparent}.theme-chip.active{border-color:var(--accent)}.size-row{display:flex;align-items:center;gap:14px}.size-row input[type=range]{flex:1;accent-color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-row .tlabel{font-size:15px}.switch{width:46px;height:28px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);position:relative;transition:background .18s;flex-shrink:0}.switch.on{background:var(--accent);border-color:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s}.switch.on .knob{transform:translate(18px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;border:none;background:transparent;color:var(--text-muted);padding:11px 0 13px;font-size:11px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:4px}.tabbar button .ico{display:grid;place-items:center}.tabbar button.active{color:var(--accent)}.empty{text-align:center;color:var(--text-muted);padding:52px 24px}.empty .big{color:var(--border);margin-bottom:10px;display:flex;justify-content:center}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:36px auto}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600}.lib-tabs{display:flex;gap:8px;margin:4px 0 8px}.lib-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:500}.lib-tabs button.active{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}