.skeleton{gap:var(--gp);flex-direction:column;display:flex}.skeleton-row{border-radius:var(--border-radius);background:var(--code-bg);height:44px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-row:nth-child(2n){animation-delay:.2s}@keyframes skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton-row{animation:none}}.books{padding:calc(var(--gp)*2) 0 0 calc(var(--gp)*2);border-right:1px solid var(--border)}.books h1{font-size:var(--font-size-x-large);margin:0 0 var(--gp)}.about-link{margin:0 0 calc(var(--gp)*2);font-size:var(--font-size-small);color:var(--text-subtle);text-underline-offset:.15em;text-decoration:underline;display:inline-block}.about-link:hover{color:var(--text-h)}.book-list{gap:var(--gp);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.book-list button{gap:var(--gp);flex-direction:column;width:100%;display:flex}.book-list button:hover{background:var(--social-bg);border-color:var(--accent-border)}.book-list button.selected{background:var(--accent-bg);border-color:var(--accent-border)}.book-name{font-size:var(--font-size-medium);color:var(--text-h)}.book-meta{font-size:var(--font-size-small);color:var(--text-subtle)}.empty{padding:calc(var(--gp)*2);color:var(--text-subtle)}.scroll-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.scroll-container{padding-bottom:calc(var(--gp)*2);padding-right:calc(var(--gp)*2);flex:1;overflow-y:auto}.pager{align-items:center;gap:var(--gp);font-size:var(--font-size-small);display:flex}.pager button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.pager button:disabled{opacity:.4;cursor:default}.character-list{padding-top:calc(var(--gp)*2);padding-left:calc(var(--gp)*2);padding-right:var(--gp);border-right:1px solid var(--border)}.character-list-header{gap:calc(var(--gp)*2);margin-bottom:calc(var(--gp)*2);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.character-list-header h2{margin:0}.character-count{font-size:var(--font-size-small)}.character-list ul{gap:var(--gp);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.character-list li button{gap:var(--gp);flex-direction:column;width:100%;height:100%;display:flex}.character-list li button:hover{border-color:var(--accent-border);background:var(--social-bg)}.character-list li button.selected{border-color:var(--accent-border);background:var(--accent-bg)}.character-name{font-size:var(--font-size-medium);color:var(--text-h)}.character-meta{font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle);overflow:hidden}.character-skeleton{gap:var(--gp);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.character-skeleton .skeleton-row{height:66px}.detail-panel{padding-left:calc(var(--gp)*2);padding-top:calc(var(--gp)*2);background:var(--bg);animation:.18s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.detail-panel{animation:none}}.panel-nav{justify-content:space-between;align-items:center;gap:var(--gp);margin-bottom:var(--gp);margin-right:var(--gp);display:flex}.detail-panel .back{border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-small);cursor:pointer}.detail-panel .back:hover{border-color:var(--accent-border);color:var(--accent)}.detail-panel .close{border:1px solid var(--border);width:32px;height:32px;font-size:var(--font-size-large);border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-panel .close:hover{border-color:var(--accent-border);color:var(--accent)}.detail-panel h2{margin:0 0 calc(var(--gp)*.5)}.status{font-size:var(--font-size-small);margin-bottom:calc(var(--gp)*2)}.detail-panel dl{gap:calc(var(--gp)*2);flex-direction:column;margin:0;display:flex}.field dt{font-size:var(--font-size-small);text-transform:uppercase;color:var(--accent)}.field dd{line-height:1.3;font-size:var(--font-size-small);color:var(--text-h);margin:0}.panel-link{color:var(--accent);text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:3px;cursor:pointer;border:none;padding:0}.panel-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (width<=900px){.detail-panel{border-left:1px solid var(--border);padding:calc(var(--gp)*2);width:min(380px,100%);max-height:none;box-shadow:var(--shadow);z-index:10;position:fixed;inset:0 0 0 auto}}.sworn-members ul{margin:0 0 var(--gp);gap:calc(var(--gp)*.5);flex-direction:column;padding:0;list-style:none;display:flex}:root{--book-list-width:315px;--character-panel-width:340px}.app{grid-template-columns:var(--book-list-width) minmax(0, 1fr);text-align:left;height:100svh;display:grid;overflow:hidden}.app.with-panel{grid-template-columns:var(--book-list-width) minmax(0, 1fr) var(--character-panel-width)}button{text-align:left;border:1px solid var(--border);padding:calc(var(--gp)) calc(var(--gp)*2);border-radius:var(--border-radius);cursor:pointer;background:0 0}.error{color:#d4183d;font-size:var(--font-size-small)}@media (width<=900px){.app,.app.with-panel{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.scroll-panel{overflow:visible}.books{border-right:none;border-bottom:1px solid var(--border)}}:root{--text-subtle:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--font-size-small:13px;--font-size-medium:16px;--font-size-large:20px;--font-size-x-large:24px;--gp:8px;--border-radius:6px;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-subtle);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:var(--font-size-medium)}}@media (prefers-color-scheme:dark){:root{--text-subtle:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h2{font-size:var(--font-size-x-large);margin:0 0 var(--gp)}@media (width<=1024px){h2{font-size:var(--font-size-large)}}p{margin:0}