.navbar[data-v-fad4e07d]{background:var(--paper);border-bottom:1px solid var(--hairline);position:sticky;top:0;width:100%;z-index:100}.nav-inner[data-v-fad4e07d]{justify-content:space-between;padding:10px 16px}.brand[data-v-fad4e07d],.nav-inner[data-v-fad4e07d]{align-items:center;display:flex}.brand[data-v-fad4e07d]{gap:8px;text-decoration:none}.wordmark[data-v-fad4e07d]{color:var(--kola);font-family:var(--font-display);font-size:.9rem;letter-spacing:.03em}.nav-links[data-v-fad4e07d]{display:none;gap:24px}.nav-link[data-v-fad4e07d]{color:var(--muted);font-family:var(--font-sans);font-size:.875rem;text-decoration:none;transition:color .15s}.nav-link[data-v-fad4e07d]:hover{color:var(--ink)}.nav-link.active[data-v-fad4e07d]{color:var(--kola);font-weight:600}.avatar-link[data-v-fad4e07d]{display:flex}.avatar[data-v-fad4e07d]{border:2px solid var(--ochre);border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.avatar-placeholder[data-v-fad4e07d]{align-items:center;background:var(--calabash);color:var(--kola);display:flex;font-family:var(--font-display);font-size:.8rem;font-weight:700;justify-content:center}@media (min-width:750px){.nav-links[data-v-fad4e07d]{display:flex}}.nav[data-v-9a946a9f]{background:var(--ink);border-radius:33px;justify-content:space-around;padding:10px 0;width:345px}.nav[data-v-9a946a9f],.tab-item[data-v-9a946a9f]{align-items:center;display:flex}.tab-item[data-v-9a946a9f]{color:var(--cream);flex-direction:column;gap:3px;opacity:.5;padding:4px 12px;text-decoration:none;transition:opacity .15s,color .15s}.tab-item[data-v-9a946a9f]:hover{opacity:.8}.tab-item.active[data-v-9a946a9f]{color:var(--ochre);opacity:1}.tab-label[data-v-9a946a9f]{font-family:var(--font-sans);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase}.avatar-tab[data-v-9a946a9f]{border-radius:50%;height:22px;-o-object-fit:cover;object-fit:cover;width:22px}@media (min-width:750px){.nav[data-v-9a946a9f]{display:none}}.kente-track[data-v-a831453d]{background:var(--calabash);border-radius:var(--kente-h,14px);box-shadow:inset 0 0 0 .5px var(--hairline);height:var(--kente-h,14px);overflow:hidden;position:relative;width:100%}.kente-warp[data-v-a831453d]{background-image:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 5px);top:0;right:0;bottom:0;left:0;opacity:.18;position:absolute}.kente-fill[data-v-a831453d]{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;transition:width .3s ease;width:var(--kente-fill,0)}.kente-weft[data-v-a831453d]{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 7px);flex:1}.kente-thumb[data-v-a831453d]{background:var(--ink);border-radius:999px;bottom:-2px;box-shadow:0 1px 3px #00000059;left:calc(var(--kente-fill, 0%) - var(--kente-h, 14px)/2);position:absolute;top:-2px;width:calc(var(--kente-h, 14px) + 4px)}.textLayer{top:0;right:0;bottom:0;left:0;line-height:1;opacity:1;overflow:clip;position:absolute;text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;caret-color:CanvasText;forced-color-adjust:none;transform-origin:0 0;z-index:0}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;cursor:text;position:absolute;transform-origin:0 0;white-space:pre}.textLayer .markedContent span:not(.markedContent),.textLayer>:not(.markedContent){z-index:1}.textLayer span.markedContent{height:0;top:0}.textLayer span[role=img]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer .highlight{--highlight-bg-color:rgba(180,0,170,.25);--highlight-selected-bg-color:rgba(0,100,0,.25);--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter )}}.textLayer .highlight{-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer ::-moz-selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer ::selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{cursor:default;display:block;top:100%;right:0;bottom:0;left:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.textLayer.selecting .endOfContent{top:0}.textLayer.selecting~.annotationLayer section{pointer-events:none}.textLayer.highlighting{cursor:var(--editorFreeHighlight-editing-cursor)}.textLayer.highlighting:not(.free) span{cursor:var(--editorHighlight-editing-cursor)}.textLayer.highlighting.free span{cursor:var(--editorFreeHighlight-editing-cursor)}.annotationLayer{--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){.annotationLayer{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer .popupAnnotation .popup{background-color:ButtonFace!important;color:ButtonText!important;outline:calc(1.5px*var(--scale-factor)) solid CanvasText!important}.annotationLayer .highlightArea:hover:after{-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px*var(--scale-factor)) solid Highlight!important}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer.disabled .popup,.annotationLayer.disabled section{pointer-events:none}.annotationLayer .annotationContent{height:100%;pointer-events:none;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;pointer-events:auto;position:absolute;text-align:initial;transform-origin:0 0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{background-color:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:#ff03}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea){background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:transparent;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:25%;top:25%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{font-size:calc(9px*var(--scale-factor));height:auto;max-width:45%;pointer-events:none;position:absolute;width:-moz-max-content;width:max-content}.annotationLayer .popup{background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;outline:1.5px solid #ffff4a;padding:calc(6px*var(--scale-factor));white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .popupTriggerArea{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:transparent;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.annotationLayer svg.quadrilateralsContainer{contain:strict;height:0;left:0;position:absolute;top:0;width:0;z-index:-1}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}#hiddenCopyElement,.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.pdf-reader[data-v-416bd07c]{display:flex;flex-direction:column;height:100%;min-height:400px}.reader-header[data-v-416bd07c]{align-items:center;background:#ffffff0f;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.header-meta[data-v-416bd07c]{display:flex;flex-direction:column;gap:2px;overflow:hidden}.book-title[data-v-416bd07c]{color:var(--cream);font-family:var(--font-serif);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-name[data-v-416bd07c]{color:var(--cream);font-family:var(--font-sans);font-size:.75rem;opacity:.5}.page-indicator[data-v-416bd07c]{color:var(--ochre);flex-shrink:0;font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}.reader-body[data-v-416bd07c]{align-items:center;background:var(--paper);display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:0;position:relative}.pdf-container[data-v-416bd07c]{display:flex;justify-content:center;width:100%}.pdf-loader[data-v-416bd07c]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.pdf-view[data-v-416bd07c]{background:#fff;display:block;width:100%!important}[data-v-416bd07c] .pdf-view canvas,[data-v-416bd07c] .pdf-view>div{height:auto!important;width:100%!important}.reader-footer[data-v-416bd07c]{background:#ffffff0a;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:8px 12px}.footer-controls[data-v-416bd07c]{justify-content:space-between}.footer-controls[data-v-416bd07c],.page-btn[data-v-416bd07c]{align-items:center;display:flex}.page-btn[data-v-416bd07c]{background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--cream);cursor:pointer;font-size:1.2rem;height:32px;justify-content:center;width:32px}.page-btn[data-v-416bd07c]:disabled{cursor:not-allowed;opacity:.3}.font-controls[data-v-416bd07c]{display:flex;gap:8px}.font-btn[data-v-416bd07c]{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:var(--cream);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;padding:4px 10px}.font-btn[data-v-416bd07c]:hover{background:#ffffff1f}.audio-player[data-v-eb3ee08e]{align-items:center;background:var(--paper);box-sizing:border-box;color:var(--cream);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;padding:40px 24px 30px;position:relative}.cover-section[data-v-eb3ee08e]{display:flex;justify-content:center;margin-bottom:24px;width:100%}.cover-art[data-v-eb3ee08e]{border-radius:40px;box-shadow:0 20px 40px #0006;height:280px;-o-object-fit:cover;object-fit:cover;width:240px}.stats-row[data-v-eb3ee08e]{display:flex;justify-content:space-between;margin-bottom:32px;max-width:320px;width:100%}.stat-item[data-v-eb3ee08e]{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-icon[data-v-eb3ee08e]{height:20px;opacity:.9;width:20px}.stat-text[data-v-eb3ee08e]{color:var(--cream);font-family:var(--font-mono);font-size:.8rem;opacity:.7}.meta-section[data-v-eb3ee08e]{margin-bottom:32px;text-align:center}.display-title[data-v-eb3ee08e]{color:var(--cream);font-family:var(--font-display);font-size:2.2rem;line-height:1.1;margin:0 0 10px}.serif-author[data-v-eb3ee08e]{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;margin:0;opacity:.6}.progress-section[data-v-eb3ee08e]{margin-bottom:32px;width:100%}.kente-wrap[data-v-eb3ee08e]{background:#ffffff1a;border-radius:8px;overflow:hidden}.time-labels[data-v-eb3ee08e]{font-family:var(--font-mono);font-size:.75rem;margin-top:10px;opacity:.5}.controls-section[data-v-eb3ee08e],.time-labels[data-v-eb3ee08e]{display:flex;justify-content:space-between}.controls-section[data-v-eb3ee08e]{align-items:center;margin-bottom:40px;width:100%}.icon-btn[data-v-eb3ee08e]{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--cream);cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.small-btn[data-v-eb3ee08e]{height:44px;opacity:.7;width:44px}.skip-btn[data-v-eb3ee08e]{height:56px;position:relative;width:56px}.skip-val[data-v-eb3ee08e]{font-family:var(--font-mono);font-size:.6rem;font-weight:700;left:50%;position:absolute;top:54%;transform:translate(-50%,-50%)}.play-pause-btn[data-v-eb3ee08e]{align-items:center;background:var(--ochre);border:none;border-radius:50%;box-shadow:0 8px 24px #c97a3a4d;color:var(--ink);cursor:pointer;display:flex;height:84px;justify-content:center;width:84px}.footer-section[data-v-eb3ee08e]{display:flex;justify-content:space-between;padding-top:10px;width:100%}.footer-btn[data-v-eb3ee08e]{color:var(--cream);cursor:pointer;font-family:var(--font-sans);font-size:.85rem;opacity:.5}.footer-btn[data-v-eb3ee08e]:hover{opacity:1}@media (max-height:700px){.cover-art[data-v-eb3ee08e]{height:210px;width:180px}.display-title[data-v-eb3ee08e]{font-size:1.6rem}.audio-player[data-v-eb3ee08e]{padding-top:20px}}.player-details[data-v-16cd17c6]{display:flex;flex-direction:column;height:100%}[data-v-82d409f7]{box-sizing:border-box;margin:0;padding:0}.page[data-v-82d409f7]{background:var(--paper)}.body[data-v-82d409f7]{height:100%;width:100%}.container[data-v-82d409f7]{height:100%}.container[data-v-82d409f7],.content[data-v-82d409f7]{display:flex;flex-direction:column;width:100%}.content[data-v-82d409f7]{align-items:center;height:100vh;overflow:scroll;padding:0 20px}.content[data-v-82d409f7],.items-container[data-v-82d409f7]{margin-bottom:5%;position:relative}.items-container[data-v-82d409f7]{height:80vh;overflow-y:auto;width:100%}.content .navigator[data-v-82d409f7]{padding:0 10px}.player[data-v-82d409f7]{align-self:center;background:var(--ink);border-radius:12px;padding:20px;position:fixed;transform:translate(96%);transition:.5s ease-in-out;width:90%}.player[data-v-82d409f7]:hover{transform:translate(0)}@media only screen and (min-width:750px){.container[data-v-82d409f7]{align-items:stretch;flex-direction:row;height:100vh}.content[data-v-82d409f7]{flex:1;height:100vh}.items-container[data-v-82d409f7]{border-radius:10px;margin:10px;padding:10px}.content .navigator[data-v-82d409f7]{padding:0 35%}.player[data-v-82d409f7]{align-self:unset;background:var(--ink);border-radius:0;flex-shrink:0;height:100vh;margin:0;padding:10px;position:sticky;top:0;transform:none;width:30%}}