.book-toc-surface{width:100%;min-height:100%}.book-toc{max-width:620px;color:var(--cg-shell-ink,#1f2937);margin:0 auto;padding:3rem 2rem 4rem;font-family:Georgia,Times New Roman,serif}.book-toc__header{text-align:center;margin-bottom:2.5rem}.book-toc__title{letter-spacing:.06em;text-transform:uppercase;font-variant:small-caps;margin:0;font-size:2rem;font-weight:400}.book-toc__rule{align-items:center;gap:1rem;max-width:200px;margin:.75rem auto .5rem;display:flex}.book-toc__rule:before,.book-toc__rule:after{content:"";background:var(--cg-shell-border,#d4c9b8);flex:1;height:1px}.book-toc__rule-diamond{background:var(--cg-shell-muted,#8b7e6a);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.book-toc__subtitle{color:var(--cg-shell-muted,#64748b);letter-spacing:.01em;margin:.5rem 0 0;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-style:italic}.book-toc__chapter{background:0 0;margin-bottom:0;transition:background .18s;position:relative}.book-toc__chapter-divider{background:var(--cg-shell-border,#e8dfd2);height:1px;margin:0 0 0 3.2rem}.book-toc__chapter:first-child .book-toc__chapter-divider{display:none}.book-toc__chapter-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:0;padding:1.25rem .5rem .4rem 0;display:flex;position:relative}.book-toc__chapter-roman{color:var(--cg-shell-muted,#8b7e6a);text-align:right;opacity:.6;min-width:3.2rem;padding-top:.15rem;padding-right:1rem;font-family:Georgia,serif;font-size:1.6rem;font-weight:400;line-height:1;transition:opacity .15s}.book-toc__chapter:hover .book-toc__chapter-roman{opacity:1}.book-toc__chapter-body{flex:1;min-width:0}.book-toc__chapter-title-row{align-items:center;gap:.6rem;display:flex}.book-toc__chapter-cover{-o-object-fit:cover;object-fit:cover;opacity:.85;border:1px solid var(--cg-shell-border,#e8dfd2);border-radius:5px;flex-shrink:0;width:36px;height:36px}.book-toc__chapter-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.005em;flex:1;font-size:1.15rem;font-weight:700;overflow:hidden}.book-toc__chapter-meta{color:var(--cg-shell-muted,#8b7e6a);letter-spacing:.01em;align-items:center;gap:.75rem;margin-top:.2rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;display:flex}.book-toc__page-count{align-items:center;gap:3px;display:inline-flex}.book-toc__chapter-desc{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.book-toc__chapter-actions-wrap{flex-shrink:0;margin-left:auto;padding-left:.5rem;position:relative}.book-toc__menu-trigger{width:30px;height:30px;color:var(--cg-shell-muted,#64748b);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .12s;display:flex}.book-toc__chapter:hover .book-toc__menu-trigger,.book-toc__menu-trigger[data-open=true]{opacity:1}.book-toc__menu-trigger:hover{background:var(--cg-shell-rail,#f3ede3);color:var(--cg-shell-ink,#1f2937)}.book-toc__dropdown{background:var(--cg-shell-paper,#fff);border:1px solid var(--cg-shell-border,#e8dfd2);z-index:50;border-radius:8px;min-width:160px;margin-top:4px;padding:4px;font-family:Inter,system-ui,sans-serif;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0f172a1f}.book-toc__dropdown-item{width:100%;color:var(--cg-shell-ink,#1f2937);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.82rem;transition:background .1s;display:flex}.book-toc__dropdown-item:hover{background:var(--cg-shell-rail,#f3ede3)}.book-toc__dropdown-item--danger{color:#dc2626}.book-toc__dropdown-item--danger:hover{background:#fef2f2}.book-toc__chapter-chevron{opacity:.35;flex-shrink:0;margin-left:.25rem;transition:transform .25s}.book-toc__chapter-chevron--open{transform:rotate(90deg)}.book-toc__pages{padding:.15rem .5rem .75rem 3.2rem}.book-toc__page{cursor:pointer;color:var(--cg-shell-ink,#1f2937);border-radius:5px;align-items:center;gap:0;padding:.45rem .5rem;font-family:Georgia,Times New Roman,serif;font-size:.92rem;transition:background .12s;display:flex;position:relative}.book-toc__page:hover{background:color-mix(in srgb,var(--cg-shell-rail,#f3ede3)50%,transparent)}.book-toc__page-num{min-width:1.6rem;color:var(--cg-shell-muted,#8b7e6a);text-align:right;font-variant-numeric:tabular-nums;opacity:.6;padding-right:.75rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem}.book-toc__page-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.book-toc__page-leader{border-bottom:1px dotted var(--cg-shell-border,#d4c9b8);opacity:.5;flex:1;align-self:flex-end;min-width:20px;margin:0 .4rem .25em}.book-toc__audio-action{border:1px solid var(--cg-shell-border,#e8dfd2);background:var(--cg-shell-paper-soft,#fffdf8);width:24px;height:24px;color:var(--cg-shell-muted,#64748b);cursor:pointer;opacity:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.25rem;padding:0;transition:all .14s;display:inline-flex}.book-toc__page:hover .book-toc__audio-action{opacity:1}.book-toc__audio-action:hover{border-color:var(--cg-shell-ink,#1f2937);color:var(--cg-shell-ink,#1f2937)}.book-toc__audio-action:disabled{cursor:not-allowed;opacity:.65!important}.book-toc__audio-action[data-playing=true]{opacity:1;border-color:var(--cg-shell-ink,#1f2937);color:var(--cg-shell-ink,#1f2937)}.book-toc__audio-spinner{border:2px solid #64748b59;border-top-color:var(--cg-shell-muted,#64748b);border-radius:999px;width:11px;height:11px;animation:.8s linear infinite book-toc-spin}.book-toc__page-actions{opacity:0;align-items:center;gap:2px;margin-left:.15rem;transition:opacity .15s;display:flex}.book-toc__page:hover .book-toc__page-actions{opacity:1}.book-toc__icon-btn{width:26px;height:26px;color:var(--cg-shell-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex}.book-toc__icon-btn:hover{background:var(--cg-shell-rail,#f3ede3);color:var(--cg-shell-ink,#1f2937)}.book-toc__add-chapter{border:1px solid var(--cg-shell-border,#e8dfd2);width:auto;color:var(--cg-shell-muted,#64748b);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin:1.5rem auto 0;padding:.5rem 1.2rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.book-toc__add-chapter:hover{border-color:var(--cg-shell-ink,#1f2937);color:var(--cg-shell-ink,#1f2937);background:var(--cg-shell-paper-soft,#fffdf8)}.book-toc__drag-handle{cursor:grab;opacity:0;color:var(--cg-shell-muted,#64748b);align-items:center;margin-right:.25rem;transition:opacity .15s;display:flex}.book-toc__chapter:hover .book-toc__drag-handle,.book-toc__page:hover .book-toc__drag-handle{opacity:.35}.book-toc__drag-handle:hover{opacity:1!important}.book-toc__popover{z-index:50;background:var(--cg-shell-paper,#fff);border:1px solid var(--cg-shell-border,#e8dfd2);border-radius:10px;min-width:280px;margin-top:4px;padding:1rem;font-family:Inter,system-ui,sans-serif;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #0f172a24}.book-toc__popover label{color:var(--cg-shell-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.72rem;font-weight:600;display:block}.book-toc__popover input,.book-toc__popover textarea,.book-toc__popover select{border:1px solid var(--cg-shell-border,#e8dfd2);background:var(--cg-shell-paper-soft,#fffdf8);width:100%;color:var(--cg-shell-ink,#1f2937);box-sizing:border-box;border-radius:6px;margin-bottom:.55rem;padding:.4rem .6rem;font-family:Inter,system-ui,sans-serif;font-size:.85rem}.book-toc__popover input:focus,.book-toc__popover textarea:focus,.book-toc__popover select:focus{border-color:var(--cg-shell-ink,#1f2937);outline:none}.book-toc__popover textarea{resize:vertical;min-height:48px}.book-toc__popover-actions{justify-content:flex-end;gap:.5rem;margin-top:.4rem;display:flex}.book-toc__btn{cursor:pointer;border:1px solid var(--cg-shell-border,#e8dfd2);background:var(--cg-shell-paper-soft,#fffdf8);color:var(--cg-shell-ink,#1f2937);border-radius:6px;padding:.35rem .8rem;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:500;transition:background .12s}.book-toc__btn:hover{background:var(--cg-shell-rail,#f3ede3)}.book-toc__btn--primary{background:var(--cg-shell-ink,#1f2937);color:var(--cg-shell-paper,#fff);border-color:var(--cg-shell-ink,#1f2937)}.book-toc__btn--primary:hover{opacity:.9}.book-toc__btn--danger{color:#fff;background:#ef4444;border-color:#ef4444}.book-toc__btn--danger:hover{background:#dc2626}.book-toc__confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a47;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.book-toc__confirm{background:var(--cg-shell-paper,#fff);border:1px solid var(--cg-shell-border,#e8dfd2);border-radius:12px;width:90%;max-width:380px;padding:1.5rem;font-family:Inter,system-ui,sans-serif;box-shadow:0 20px 40px #0f172a2e}.book-toc__confirm h3{margin:0 0 .5rem;font-size:1rem}.book-toc__confirm p{color:var(--cg-shell-muted,#64748b);margin:0 0 1rem;font-size:.85rem}.book-toc__empty{text-align:center;color:var(--cg-shell-muted,#8b7e6a);padding:4rem 1rem}.book-toc__empty-icon{opacity:.25;margin-bottom:1rem}.book-toc__empty p{margin:.3rem 0;font-family:Inter,system-ui,sans-serif;font-size:.88rem}.book-toc__empty p:first-of-type{font-family:Georgia,serif;font-size:1.1rem;font-style:italic}.book-toc__loading{justify-content:center;padding:4rem 0;display:flex}.book-toc__spinner{border:2px solid var(--cg-shell-border,#e8dfd2);border-top-color:var(--cg-shell-ink,#1f2937);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite book-toc-spin}@keyframes book-toc-spin{to{transform:rotate(360deg)}}.book-toc__no-pages{color:var(--cg-shell-muted,#8b7e6a);opacity:.7;padding:.35rem .5rem;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-style:italic}