.bap-wrapper{--bap-accent:#2563eb;--bap-radius:10px;--bap-sidebar-width:260px;--bap-font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:var(--bap-radius);display:grid;font-family:var(--bap-font);grid-template-columns:var(--bap-sidebar-width) 1fr;grid-template-rows:1fr;height:600px;max-height:600px;min-height:420px;overflow:hidden}.bap-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.bap-sidebar__header{padding:16px 14px 10px}.bap-sidebar__header,.bap-sidebar__search{border-bottom:1px solid #e2e8f0;flex-shrink:0}.bap-sidebar__search{padding:8px 10px}.bap-book-search{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:13px;outline:none;padding:6px 10px;width:100%}.bap-book-search:focus{border-color:var(--bap-accent);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.bap-sidebar__title{color:#0f172a;font-size:13px;font-weight:600;letter-spacing:.01em}.bap-sidebar__list{display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px}.bap-sidebar__list::-webkit-scrollbar{width:4px}.bap-sidebar__list::-webkit-scrollbar-track{background:transparent}.bap-sidebar__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bap-book-item{background:transparent;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;line-height:1.3;padding:7px 10px;text-align:left;transition:background .12s,color .12s;width:100%}.bap-book-item:hover{background:#f1f5f9;color:#0f172a}.bap-book-item.is-active{background:#fff;box-shadow:0 0 0 1px #e2e8f0;color:#0f172a;font-weight:600}.bap-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.bap-topbar{display:none}.bap-now-playing--desktop{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:16px 18px 14px}.bap-np-meta{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.bap-np-title{color:#0f172a;font-size:15px;font-weight:600;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bap-progress-track{background:#e2e8f0;border-radius:2px;cursor:pointer;height:3px;margin-bottom:12px;position:relative}.bap-progress-fill{background:var(--bap-accent);border-radius:2px;height:100%;pointer-events:none;transition:width .25s linear;width:0}.bap-controls{gap:10px}.bap-controls,.bap-ctrl{align-items:center;display:flex}.bap-ctrl{background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .12s,border-color .12s,color .12s;width:32px}.bap-ctrl svg{height:14px;pointer-events:none;width:14px}.bap-ctrl:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.bap-ctrl--play{background:var(--bap-accent);border-color:var(--bap-accent);color:#fff;height:38px;width:38px}.bap-ctrl--play svg{height:15px;width:15px}.bap-ctrl--play:hover{background:var(--bap-accent);border-color:var(--bap-accent);color:#fff;filter:brightness(1.1)}.bap-time{color:#94a3b8;font-size:11px;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.bap-chapter-scroll{flex:1;overflow-y:auto;padding:8px 10px}.bap-chapter-scroll::-webkit-scrollbar{width:4px}.bap-chapter-scroll::-webkit-scrollbar-track{background:transparent}.bap-chapter-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bap-chapter-list{display:flex;flex-direction:column;gap:2px}.bap-chapter-row{align-items:center;border-radius:7px;cursor:pointer;display:flex;gap:10px;list-style:none;padding:8px 10px;transition:background .1s}.bap-chapter-row:hover{background:#f8fafc}.bap-chapter-row.is-active{background:#eff6ff}.bap-ch-play{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;padding:0;transition:background .12s,border-color .12s,color .12s;width:26px}.bap-ch-play svg{height:10px;pointer-events:none;width:10px}.bap-chapter-row.is-active .bap-ch-play{background:var(--bap-accent);border-color:var(--bap-accent);color:#fff}.bap-chapter-row:hover .bap-ch-play{border-color:#cbd5e1;color:#475569}.bap-chapter-row.is-active:hover .bap-ch-play{background:var(--bap-accent);border-color:var(--bap-accent);color:#fff}.bap-ch-name{color:#334155;flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bap-chapter-row.is-active .bap-ch-name{color:#1d4ed8;font-weight:600}.bap-empty{color:#94a3b8;font-size:14px;padding:2rem}.bap-icon-book{color:#94a3b8;flex-shrink:0;height:18px;width:18px}@media (max-width:640px){.bap-wrapper{border-left:none;border-radius:0;border-right:none;grid-template-columns:1fr;grid-template-rows:auto 1fr;max-height:none;min-height:100svh}.bap-sidebar{display:none}.bap-topbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding:14px 16px 12px}.bap-topbar__select-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.bap-mobile-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;flex:1;font-family:inherit;font-size:14px;font-weight:600;padding:7px 30px 7px 10px}.bap-now-playing--desktop{display:none}.bap-now-playing--topbar{background:transparent;border:none;display:block!important;margin-bottom:8px;padding:0}.bap-now-playing--topbar .bap-np-title{font-size:14px;margin-bottom:8px}.bap-topbar .bap-progress-track{margin-bottom:10px}.bap-topbar .bap-controls{gap:10px}.bap-main{min-height:0}.bap-chapter-scroll{flex:1;padding:8px 12px}.bap-chapter-row{padding:10px 8px}.bap-ch-name{font-size:14px}.bap-ch-play{height:30px;width:30px}.bap-ch-play svg{height:12px;width:12px}}.bap-ch-duration{color:#94a3b8;flex-shrink:0;font-size:11px;margin-left:auto;padding-left:8px;white-space:nowrap}