/* COURTREADZ 8.2.2 — final responsive layout and overlap protection.
   Loaded after legacy and page-specific styles so every account type receives
   the same containment, spacing and wrapping behaviour. */

:root{
    --courtreadz-layout-gap:clamp(10px,1.25vw,16px);
    --courtreadz-panel-radius:clamp(14px,1.5vw,20px);
}

/* COURTREADZ 8.3.319 — Private Video Chat capture controls. */
.book-talk-video-controls{
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
    padding:8px 9px;
    border:1px solid color-mix(in srgb,var(--theme-border,#ddbfc7) 72%,transparent);
    border-radius:11px;
    background:rgba(255,255,255,.68);
}
.book-talk-video-control{display:grid;gap:3px;min-width:112px;color:var(--theme-deep,#733a49);font-size:9px;font-weight:900;letter-spacing:.02em}
.book-talk-video-control select{box-sizing:border-box;width:100%;min-height:31px;padding:5px 24px 5px 8px;border:1px solid var(--theme-border,#ddbfc7);border-radius:8px;background:#fff;color:var(--ink,#241b20);font:inherit;font-size:10px;font-weight:800}
.book-talk-video-control select:focus-visible,.book-talk-video-solid-toggle:focus-visible{outline:2px solid var(--theme-base,#d86d83);outline-offset:2px}
.book-talk-video-solid-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid var(--theme-border,#ddbfc7);border-radius:8px;background:#fff;color:var(--theme-deep,#733a49);font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.book-talk-video-solid-toggle .book-talk-video-toggle-dot{width:10px;height:10px;border-radius:50%;background:#a89aa0;box-shadow:0 0 0 3px rgba(168,154,160,.13)}
.book-talk-video-solid-toggle.is-active{border-color:var(--theme-base,#d86d83);background:var(--theme-base,#d86d83);color:#fff}
.book-talk-video-solid-toggle.is-active .book-talk-video-toggle-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.book-talk-video-mode-status{flex:1 1 180px;min-width:150px;align-self:center;color:var(--muted,#786a71);font-size:9px;line-height:1.35}
@media(max-width:560px){
    .book-talk-video-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}
    .book-talk-video-control{min-width:0}
    .book-talk-video-solid-toggle{width:100%}
    .book-talk-video-mode-status{grid-column:1/-1;min-width:0}
}

/* COURTREADZ 8.3.229 — Private Video Chat auto-record save progress.
   The progress card owns a separate row, so it never covers the webcam tiles,
   status controls, Private Chat messages or composer on desktop or mobile. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save[hidden]{
    display:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel.is-saving-recording{
    height:auto!important;
    max-height:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save{
    position:relative!important;
    z-index:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid rgba(173,61,105,.28)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#171217!important;
    box-shadow:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    color:#171217!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-head > span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-head > strong{
    flex:0 0 auto!important;
    color:#8e234e!important;
    font-variant-numeric:tabular-nums!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-track{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:9px!important;
    overflow:hidden!important;
    border:1px solid rgba(142,35,78,.18)!important;
    border-radius:999px!important;
    background:#f2e6eb!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-track > i{
    display:block!important;
    width:0;
    height:100%!important;
    border-radius:inherit!important;
    background:linear-gradient(90deg,#c93d73,#8e234e)!important;
    transition:width .22s ease!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save > small{
    display:block!important;
    min-width:0!important;
    color:#5d5157!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save.is-complete{
    border-color:rgba(27,132,84,.35)!important;
    background:#f3fff8!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save.is-complete .book-talk-video-save-head > strong{
    color:#167047!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save.is-complete .book-talk-video-save-track > i{
    background:#1b8454!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save.is-error{
    border-color:rgba(183,38,38,.38)!important;
    background:#fff6f6!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save.is-error .book-talk-video-save-head > strong{
    color:#a51f1f!important;
}
@media(max-width:760px){
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel.is-saving-recording{
        flex:0 0 auto!important;
        height:auto!important;
        max-height:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save{
        gap:4px!important;
        padding:6px 8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save-head{
        font-size:10.5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-save > small{
        font-size:9px!important;
    }
}

/* Public navigation keeps member-only areas visible but genuinely disabled. */
html.guest-document .guest-sidebar a.public-nav-disabled,
html.guest-document .guest-sidebar a.public-nav-disabled:hover,
html.guest-document .guest-sidebar a.public-nav-disabled:focus,
html.guest-document .guest-sidebar a.public-nav-disabled:active{
    opacity:.56!important;
    filter:grayscale(1) saturate(0)!important;
    cursor:not-allowed!important;
    pointer-events:auto!important;
    transform:none!important;
    animation:none!important;
    box-shadow:none!important;
}
html.guest-document .guest-sidebar .nav>a.public-nav-disabled,
html.guest-document .guest-sidebar .nav>a.public-nav-disabled:hover,
html.guest-document .guest-sidebar .nav>a.public-nav-disabled:focus{
    border:1px solid rgba(210,210,210,.24)!important;
    background:rgba(65,65,65,.30)!important;
    color:#d0d0d0!important;
}
html.guest-document .guest-sidebar .mobile-menu>a.public-nav-disabled,
html.guest-document .guest-sidebar .mobile-menu>a.public-nav-disabled:hover,
html.guest-document .guest-sidebar .mobile-menu>a.public-nav-disabled:focus{
    border-color:rgba(210,210,210,.28)!important;
    background:rgba(65,65,65,.32)!important;
    color:#d0d0d0!important;
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="library"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.5A3.5 3.5 0 0 1 7 3h5v17H7a3.5 3.5 0 0 0-3.5 1V5.5Z'/%3E%3Cpath d='M20.5 5.5A3.5 3.5 0 0 0 17 3h-5v17h5a3.5 3.5 0 0 1 3.5 1V5.5Z'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="stream"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='2.1' fill='black' stroke='none'/%3E%3Cpath d='M8.2 8.2a5.4 5.4 0 0 0 0 7.6M15.8 8.2a5.4 5.4 0 0 1 0 7.6M5.2 5.2a9.6 9.6 0 0 0 0 13.6M18.8 5.2a9.6 9.6 0 0 1 0 13.6'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="announcements"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a2 2 0 0 0 2 2h2l2 5h3l-1.5-5H13l7 3V6l-7 3H5a2 2 0 0 0-2 2Z'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="raffle"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v4a3 3 0 0 0 0 6v4H4v-4a3 3 0 0 0 0-6V5Z'/%3E%3Cpath d='M12 5v2m0 3v2m0 3v4'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="profile"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.8-4.3 3.5-6.5 8-6.5s7.2 2.2 8 6.5'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled[data-public-icon="podcasts"]{
    --public-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3V9Z'/%3E%3C/svg%3E");
}
html.guest-document .guest-sidebar a.public-nav-disabled :where(.nav-icon,.public-mobile-nav-icon){
    opacity:.82!important;
    filter:grayscale(1) saturate(0)!important;
    color:#d0d0d0!important;
}
html.guest-document .guest-sidebar .nav>a.public-nav-disabled[data-public-icon]>.nav-icon::before{
    content:""!important;
    display:block!important;
    width:21px!important;
    height:21px!important;
    background-color:currentColor!important;
    -webkit-mask-image:var(--public-nav-icon)!important;
    mask-image:var(--public-nav-icon)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:21px 21px!important;
    mask-size:21px 21px!important;
}
html.guest-document .guest-sidebar .mobile-menu>a.public-nav-disabled{
    gap:7px!important;
}
html.guest-document .guest-sidebar .public-mobile-nav-icon{
    display:inline-block!important;
    flex:0 0 20px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    background-color:currentColor!important;
    -webkit-mask-image:var(--public-nav-icon)!important;
    mask-image:var(--public-nav-icon)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:20px 20px!important;
    mask-size:20px 20px!important;
}

html,
body{
    width:100%;
    max-width:100%;
}

html.app-document body,
html.guest-document body{
    overflow-x:hidden;
}

@supports(overflow:clip){
    html.app-document body:not(.stream-popout-page),
    html.guest-document body{overflow-x:clip}
}

html.app-document :where(.app-shell,.workspace,.content,.topbar,.panel,.panel-head),
html.guest-document :where(.guest-app-shell,.workspace,.content,.topbar,.panel,.panel-head),
html.app-document :where(.dashboard-grid,.settings-grid,.members-grid,.stream-layout,.book-talk-layout,.announcements-layout,.subscription-page),
html.guest-document :where(.public-book-talk-panel,.public-book-talk-messages,.public-book-talk-post),
html.app-document :where(.book-fair-page,.book-fair-marketplace,.book-fair-storefront,.book-fair-manage){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document :where(.app-shell,.workspace,.content,.panel,.panel-head,.dashboard-grid,.settings-grid,.members-grid,.stream-layout,.book-talk-layout,.announcements-layout,.subscription-page)>*,
html.guest-document :where(.guest-app-shell,.workspace,.content,.panel,.panel-head,.public-book-talk-panel,.public-book-talk-messages,.public-book-talk-post)>*,
html.app-document :where([class$="-grid"],[class*="-grid "])>*,
html.guest-document :where([class$="-grid"],[class*="-grid "])>*{
    min-width:0;
    max-width:100%;
}

html.app-document :where(img,video,canvas,svg,iframe),
html.guest-document :where(img,video,canvas,svg,iframe){
    box-sizing:border-box;
    max-width:100%;
}

html.app-document :where(h1,h2,h3,h4,h5,p,li,dt,dd,strong,small,label,a,button,code),
html.guest-document :where(h1,h2,h3,h4,h5,p,li,dt,dd,strong,small,label,a,button,code){
    min-width:0;
    overflow-wrap:anywhere;
}

html.app-document :where(form,fieldset,label,.field,.form-grid),
html.guest-document :where(form,fieldset,label,.field,.form-grid){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
html.guest-document :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document input[type="file"],
html.guest-document input[type="file"]{
    width:100%;
    overflow:hidden;
    white-space:normal;
}

/* Shared headers, controls and action groups. */
html.app-document :where(.topbar,.panel-head,.top-actions,.member-actions,.library-tools,.library-tools-right,.stream-controls,.book-talk-head,.book-talk-head-actions,.announcement-card-head,.announcement-composer-actions,.subscription-actions,.settings-save-bar,.private-video-recording-actions,.recording-thumbnail-actions,.book-sale-order-head,.book-sale-order-actions),
html.guest-document :where(.topbar,.panel-head,.top-actions,.public-book-talk-actions){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
}

html.app-document :where(.top-actions,.member-actions,.stream-controls,.book-talk-head-actions,.announcement-composer-actions,.subscription-actions,.settings-save-bar,.private-video-recording-actions,.recording-thumbnail-actions,.book-sale-order-actions)>*,
html.guest-document :where(.top-actions,.public-book-talk-actions)>*{
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document :where(.primary,.secondary,.ghost-button,.danger-button,button,[role="button"]),
html.guest-document :where(.primary,.secondary,.ghost-button,.danger-button,button,[role="button"]){
    box-sizing:border-box;
    max-width:100%;
}

/* Tables scroll inside their own panel rather than widening the page. */
html.app-document :where(.table-wrap,.book-fair-sales-table-wrap,.registered-accounts-table-wrap,.book-sale-orders-list){
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
}

/* Dialogs remain inside the usable viewport and expose their own scrollbar. */
html.app-document :where(dialog,.modal,.public-profile-modal,.book-sale-orders-panel,.subscription-cancel-confirm-card,.courthreadz-remove-confirm-card),
html.guest-document :where(dialog,.modal,.public-profile-modal,.book-sale-orders-panel,.courthreadz-remove-confirm-card){
    box-sizing:border-box;
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
}

html.app-document :where(.modal-body,.public-profile-modal,.book-sale-orders-list),
html.guest-document :where(.modal-body,.public-profile-modal,.book-sale-orders-list){
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

/* Feed and BOOK MERCH cards. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages :where(.book-talk-feed-column,.book-talk-feed-post,.book-talk-feed-post-head,.book-talk-feed-author,.book-talk-feed-body,.book-talk-thread,.book-talk-reply,.book-talk-media-strip,.book-talk-media-gallery,.book-talk-media-card,.book-sale-card,.book-sale-card-prices,.book-sale-card-actions){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document body[data-current-view="book_talk"] #bookTalkMessages :where(.book-talk-media-gallery,.book-talk-media-card,.book-sale-card),
html.guest-document :where(.public-book-talk-media,.public-book-talk-media-item,.book-sale-card){
    isolation:isolate;
}

/* COURTREADZ 8.3.17 — Feed video posters use each Admin-saved vertical position
   and visible amount, with a signed-in visibility safeguard. Legacy thumbnails
   retain the original top 60 percent crop. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-video > .book-talk-media-thumb-video-poster,
html.guest-document .public-book-talk-media-item.is-video > .public-book-talk-video-thumbnail{
    position:absolute!important;
    top:var(--thumbnail-vertical,0%)!important;
    right:auto!important;
    bottom:auto!important;
    left:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:var(--thumbnail-height,166.6667%)!important;
    min-height:var(--thumbnail-height,166.6667%)!important;
    max-height:var(--thumbnail-height,166.6667%)!important;
    margin:0!important;
    padding:0!important;
    object-fit:fill!important;
    object-position:center top!important;
    background:#171417!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(var(--thumbnail-offset,0%))!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-video > .book-talk-video-thumbnail-sparkles,
html.guest-document .public-book-talk-media-item.is-video > .public-book-talk-video-sparkle-field{
    display:none!important;
}

/* COURTREADZ 8.3.17 — Admin-saved image thumbnail crop. A 100 percent
   visible amount preserves the original Feed image layout; reducing it zooms
   the image while the vertical slider chooses the focal area. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-image > .book-talk-media-thumb-image,
html.guest-document .public-book-talk-media-item.is-image > img{
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}

/* COURTREADZ 8.3.19 — saved Box Height overrides every earlier fixed height,
   min-height, max-height and aspect-ratio rule in signed-in and Public layouts. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-strip[data-media-box-height-custom="1"]{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-gallery[data-media-box-height-custom="1"]{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--media-box-aspect-desktop)!important;
}
html.guest-document .public-book-talk-media[data-media-box-height-custom="1"]{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--public-media-gallery-aspect)!important;
    grid-auto-rows:minmax(0,1fr)!important;
}
html.guest-document .public-book-talk-media[data-media-box-height-custom="1"] > .public-book-talk-media-item{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
}
html.guest-document .public-book-talk-media[data-media-box-height-custom="1"] > .public-book-talk-media-item.is-image > img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
}
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-gallery[data-media-box-height-custom="1"]{
        aspect-ratio:var(--media-box-aspect-mobile)!important;
    }
}

/* COURTREADZ 8.3.207 — visible Facebook-style mobile message stacks.
   Neutral bubbles replace the old pink treatment. Consecutive messages use
   connected corners and the delete X owns a separate grid column. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        display:flex!important;
        flex-direction:column!important;
        gap:0!important;
        padding:6px 7px 8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row{
        display:flex!important;
        align-items:flex-end!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        gap:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-day + .book-talk-message-row.group-start{
        margin-top:1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:2px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine{
        justify-content:flex-end!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar{
        flex:0 0 24px!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin{
        box-sizing:border-box!important;
        width:auto!important;
        min-width:42px!important;
        max-width:min(84%,680px)!important;
        margin:0!important;
        padding:6px 10px 5px!important;
        color:#1c1e21!important;
        border:0!important;
        border-radius:16px 16px 16px 5px!important;
        background:#f0f2f5!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine{
        color:#152536!important;
        border:0!important;
        border-radius:16px 16px 5px 16px!important;
        background:#e7f3ff!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start):not(.mine) .book-talk-message{
        border-top-left-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end):not(.mine) .book-talk-message{
        border-bottom-left-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine:not(.group-start) .book-talk-message{
        border-top-right-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine:not(.group-end) .book-talk-message{
        border-bottom-right-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name{
        margin:0 0 2px!important;
        color:#3d4650!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name strong{
        color:#3d4650!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        display:block!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        color:#1c1e21!important;
        font-size:14px!important;
        line-height:1.25!important;
        overflow-wrap:anywhere!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message-foot{
        display:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        min-height:8px!important;
        margin:2px 0 0!important;
        padding:0!important;
        color:#59636e!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 26px!important;
        grid-auto-flow:row!important;
        column-gap:7px!important;
        row-gap:0!important;
        min-width:76px!important;
        min-height:0!important;
        padding:6px 6px 5px 10px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control .book-talk-message-name{
        grid-column:1!important;
        min-width:0!important;
        margin:0 0 2px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > p{
        grid-column:1!important;
        min-width:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-message-foot{
        grid-column:1 / -1!important;
        min-width:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
        position:static!important;
        inset:auto!important;
        grid-column:2!important;
        grid-row:1 / span 2!important;
        align-self:start!important;
        justify-self:end!important;
        display:grid!important;
        place-items:center!important;
        box-sizing:border-box!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #c9ced4!important;
        border-radius:7px!important;
        background:#fff!important;
        color:#000!important;
        font-size:15px!important;
        font-weight:900!important;
        line-height:1!important;
        opacity:1!important;
        box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
        transform:none!important;
    }
}

/* COURTREADZ 8.3.203 — Private Chat message X control.
   Deletable bubbles reserve a dedicated right-side control area so the X
   cannot cover the sender name, message text, time or delivery status. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
    min-width:58px!important;
    min-height:31px!important;
    padding-right:34px!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control .book-talk-message-name{
    margin-right:0!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete{
    position:absolute!important;
    z-index:4!important;
    top:4px!important;
    right:4px!important;
    bottom:auto!important;
    left:auto!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:8px!important;
    line-height:1!important;
    transform:none!important;
}

@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        min-width:54px!important;
        min-height:29px!important;
        padding-right:31px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete{
        top:3px!important;
        right:3px!important;
        flex-basis:22px!important;
        width:22px!important;
        min-width:22px!important;
        max-width:22px!important;
        height:22px!important;
        min-height:22px!important;
        max-height:22px!important;
        border-radius:7px!important;
    }
}

/* COURTREADZ 8.3.141 — progressive, non-blocking media and off-screen paint. */
html.courthreadz-runtime-performance .courthreadz-progressive-media{
    position:relative;
}
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-loading::after,
html.courthreadz-runtime-performance .book-talk-loading::before{
    content:"";
    position:absolute;
    z-index:20;
    left:50%;
    top:50%;
    box-sizing:border-box;
    width:32px;
    height:32px;
    margin:-16px 0 0 -16px;
    border:4px solid rgba(255,255,255,.94);
    border-top-color:var(--theme,#d86d83);
    border-right-color:var(--theme,#d86d83);
    border-radius:50%;
    background:rgba(255,255,255,.72);
    box-shadow:0 2px 10px rgba(58,26,39,.15);
    pointer-events:none;
    animation:courthreadzProgressiveMediaSpin .8s linear infinite!important;
}
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-loading::before{
    content:"";
    position:absolute;
    z-index:19;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(110deg,rgba(255,255,255,.30),rgba(255,247,250,.72),rgba(255,255,255,.30));
    pointer-events:none;
}
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-loaded::after,
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-loaded::before,
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-failed::after,
html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-failed::before{
    display:none!important;
}
html.courthreadz-runtime-performance .book-talk-loading{
    position:relative;
    min-height:96px;
    padding-top:62px;
}
html.courthreadz-runtime-performance .book-talk-loading::before{
    top:30px;
}
@keyframes courtreadzProgressiveMediaSpin{
    to{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){
    html.courthreadz-runtime-performance .courthreadz-progressive-media.is-courthreadz-media-loading::after,
    html.courthreadz-runtime-performance .book-talk-loading::before{
        animation-duration:1.5s!important;
    }
}
@supports(content-visibility:auto){
    html.courthreadz-runtime-performance :where(
        .book-talk-feed-post,
        .public-book-talk-post,
        .book-card,
        .book-talk-member,
        .member-row,
        .announcement-card,
        .book-fair-author-card,
        .book-fair-book-card,
        .book-fair-manage-card,
        .raffle-created-item,
        .stream-recording-card,
        .podcasts-video-card,
        .book-sale-order-row,
        .profile-book-review-card,
        .book-talk-private-book-card
    ){
        content-visibility:auto;
        contain-intrinsic-size:auto 360px;
    }
    html.courthreadz-runtime-performance :where(
        .book-talk-member,
        .member-row,
        .stream-recording-card,
        .podcasts-video-card,
        .book-sale-order-row
    ){
        contain-intrinsic-size:auto 120px;
    }
}

/* COURTREADZ 8.3.12 — Admin video-thumbnail editor. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-thumbnail-edit{
    position:absolute!important;
    top:7px!important;
    left:7px!important;
    z-index:31!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:28px!important;
    margin:0!important;
    padding:4px 9px!important;
    border:2px solid rgba(255,255,255,.94)!important;
    border-radius:999px!important;
    background:rgba(122,31,67,.94)!important;
    color:#fff!important;
    font:900 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    letter-spacing:.01em!important;
    box-shadow:0 3px 10px rgba(0,0,0,.32)!important;
    cursor:pointer!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-thumbnail-edit:hover,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-thumbnail-edit:focus-visible{
    border-color:#fff!important;
    background:var(--theme-base,#d86d83)!important;
    color:var(--theme-on-base,#fff)!important;
    outline:2px solid rgba(255,255,255,.92)!important;
    outline-offset:1px!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-thumbnail-edit[disabled]{
    opacity:.82!important;
    cursor:wait!important;
}
.book-talk-media-thumbnail-spinner{
    width:11px!important;
    height:11px!important;
    border:2px solid rgba(255,255,255,.45)!important;
    border-top-color:#fff!important;
    border-radius:50%!important;
    animation:book-talk-thumbnail-spin .7s linear infinite!important;
}
@keyframes book-talk-thumbnail-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-thumbnail-edit{
        top:6px!important;
        left:6px!important;
        min-height:27px!important;
        padding:4px 7px!important;
        font-size:10px!important;
    }
}

html.book-talk-thumbnail-editor-open,html.book-talk-thumbnail-editor-open body{overflow:hidden!important}
.book-talk-thumbnail-editor[hidden]{display:none!important}
.book-talk-thumbnail-editor{
    position:fixed!important;
    inset:0!important;
    z-index:1000000!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    padding:16px!important;
    background:rgba(25,14,20,.72)!important;
    backdrop-filter:blur(8px)!important;
}
.book-talk-thumbnail-editor-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    box-sizing:border-box!important;
    width:min(760px,calc(100vw - 32px))!important;
    max-width:760px!important;
    max-height:calc(100dvh - 32px)!important;
    margin:0!important;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.35)!important;
    border-radius:18px!important;
    background:#fffafb!important;
    color:#3f2931!important;
    box-shadow:0 24px 70px rgba(24,8,17,.38)!important;
    overflow:hidden!important;
}
.book-talk-thumbnail-editor-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 16px!important;
    border-bottom:1px solid rgba(var(--theme-rgb,216,109,131),.2)!important;
    background:linear-gradient(135deg,#fff 0%,var(--theme-pale,#fff1f6) 100%)!important;
}
.book-talk-thumbnail-editor-head>div{min-width:0!important}
.book-talk-thumbnail-editor-head span{display:block!important;margin-bottom:3px!important;color:var(--theme-deep,#733a49)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.13em!important}
.book-talk-thumbnail-editor-head h2{margin:0!important;color:#2f2026!important;font:900 clamp(20px,3vw,28px)/1.1 Georgia,serif!important}
.book-talk-thumbnail-editor-head>button{
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.28)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--theme-deep,#733a49)!important;
    font-size:25px!important;
    line-height:1!important;
}
.book-talk-thumbnail-editor-body{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr)!important;
    grid-template-rows:auto auto 1fr!important;
    gap:12px!important;
    min-height:0!important;
    padding:14px 16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}
.book-talk-thumbnail-editor-preview{
    position:relative!important;
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:1 / span 3!important;
    align-self:start!important;
    justify-self:center!important;
    width:min(100%,var(--thumbnail-editor-preview-width,314px))!important;
    max-width:100%!important;
    aspect-ratio:var(--thumbnail-editor-box-aspect,16/10)!important;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.42)!important;
    border-radius:12px!important;
    background:#171417!important;
    box-shadow:0 8px 24px rgba(24,8,17,.18)!important;
    overflow:hidden!important;
}
.book-talk-thumbnail-editor-media-box{
    position:absolute!important;
    inset-block:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#171417!important;
}
.book-talk-thumbnail-editor-preview video{
    position:absolute!important;
    top:var(--thumbnail-vertical,0%)!important;
    right:auto!important;
    bottom:auto!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:var(--thumbnail-height,166.6667%)!important;
    margin:0!important;
    object-fit:fill!important;
    object-position:center top!important;
    background:#171417!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(var(--thumbnail-offset,0%))!important;
}
.book-talk-thumbnail-editor-preview img[data-thumbnail-editor-image]{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    background:#171417!important;
    opacity:1!important;
    visibility:visible!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}
.book-talk-thumbnail-editor-preview.is-image{background:#fff!important}
.book-talk-thumbnail-editor-preview.is-image .book-talk-thumbnail-editor-media-box{
    left:50%!important;
    width:min(100%,var(--thumbnail-editor-natural-width,230px))!important;
    transform:translateX(-50%)!important;
    background:#fff!important;
    transition:left .18s ease,width .18s ease,transform .18s ease!important;
}
.book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges{
    border-radius:12px!important;
    background:#171417!important;
}
.book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges .book-talk-thumbnail-editor-media-box{
    left:0!important;
    width:100%!important;
    transform:none!important;
    background:#171417!important;
}
.book-talk-thumbnail-editor-preview img[data-thumbnail-editor-image][hidden],
.book-talk-thumbnail-editor.is-image-editor .book-talk-thumbnail-editor-preview video,
.book-talk-thumbnail-editor [data-thumbnail-editor-time-control][hidden],
.book-talk-thumbnail-editor [data-thumbnail-horizontal-control][hidden],
.book-talk-thumbnail-editor [data-thumbnail-stretch-control][hidden],
.book-talk-thumbnail-editor [data-thumbnail-editor-upload][hidden]{display:none!important}
.book-talk-thumbnail-editor-crop-label{
    position:absolute!important;
    right:8px!important;
    bottom:8px!important;
    z-index:2!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:rgba(20,14,18,.78)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:850!important;
    pointer-events:none!important;
}
.book-talk-thumbnail-editor-status{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important;padding:8px 10px!important;border-radius:10px!important;background:var(--theme-pale,#fff1f6)!important;color:var(--theme-deep,#733a49)!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important}
.book-talk-thumbnail-editor-control{grid-column:2!important;box-sizing:border-box!important;margin:0!important;padding:11px!important;border:1px solid rgba(var(--theme-rgb,216,109,131),.22)!important;border-radius:12px!important;background:#fff!important;min-width:0!important}
.book-talk-thumbnail-editor-control-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important}
.book-talk-thumbnail-editor-control strong,.book-talk-thumbnail-editor-position legend{color:#3f2931!important;font-size:13px!important;font-weight:950!important}
.book-talk-thumbnail-editor-control output{color:var(--theme-deep,#733a49)!important;font-size:11px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
.book-talk-thumbnail-editor-control input[type="range"]{display:block!important;width:100%!important;margin:5px 0 9px!important;accent-color:var(--theme-base,#d86d83)!important}
.book-talk-thumbnail-editor-time-actions,.book-talk-thumbnail-editor-position>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.book-talk-thumbnail-editor-time-actions button,.book-talk-thumbnail-editor-position button{min-width:0!important;min-height:34px!important;padding:6px!important;border:1px solid rgba(var(--theme-rgb,216,109,131),.28)!important;border-radius:9px!important;background:#fff7fa!important;color:var(--theme-deep,#733a49)!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important}
.book-talk-thumbnail-editor-position{grid-row:3!important}
.book-talk-thumbnail-editor-position p{margin:5px 0 9px!important;color:#765965!important;font-size:11px!important;line-height:1.35!important}
.book-talk-thumbnail-editor-position button.is-selected{border-color:var(--theme-base,#d86d83)!important;background:var(--theme-base,#d86d83)!important;color:var(--theme-on-base,#fff)!important;box-shadow:0 0 0 2px rgba(var(--theme-rgb,216,109,131),.16)!important}
.book-talk-thumbnail-editor-stretch{
    display:grid!important;
    gap:5px!important;
    margin-top:9px!important;
    padding:9px!important;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.22)!important;
    border-radius:10px!important;
    background:var(--theme-pale,#fff1f6)!important;
}
.book-talk-thumbnail-editor-stretch>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    min-height:38px!important;
    border-color:rgba(var(--theme-rgb,216,109,131),.45)!important;
    background:#fff!important;
    white-space:normal!important;
}
.book-talk-thumbnail-editor-stretch>button.is-selected{
    border-color:var(--theme-base,#d86d83)!important;
    background:var(--theme-base,#d86d83)!important;
    color:var(--theme-on-base,#fff)!important;
    box-shadow:0 0 0 2px rgba(var(--theme-rgb,216,109,131),.14)!important;
}
.book-talk-thumbnail-editor-stretch>small{color:#765965!important;font-size:9px!important;font-weight:750!important;line-height:1.35!important;text-align:center!important}
.book-talk-thumbnail-editor-slider{display:grid!important;gap:4px!important;margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(var(--theme-rgb,216,109,131),.16)!important}
.book-talk-thumbnail-editor-slider>span,.book-talk-thumbnail-editor-slider>small{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.book-talk-thumbnail-editor-slider>span strong{font-size:12px!important}
.book-talk-thumbnail-editor-slider output{min-width:42px!important;padding:2px 6px!important;border-radius:999px!important;background:var(--theme-pale,#fff1f6)!important;text-align:center!important}
.book-talk-thumbnail-editor-slider input[type="range"]{width:100%!important;margin:2px 0!important;accent-color:var(--theme-base,#d86d83)!important;cursor:pointer!important}
.book-talk-thumbnail-editor-slider>small{color:#8a6d77!important;font-size:9px!important;font-weight:750!important}
.book-talk-thumbnail-editor-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:12px 16px!important;border-top:1px solid rgba(var(--theme-rgb,216,109,131),.2)!important;background:#fff!important}
.book-talk-thumbnail-editor-actions button{min-height:40px!important;margin:0!important;padding:8px 13px!important;white-space:nowrap!important}
.book-talk-thumbnail-editor-actions [data-thumbnail-editor-upload]{margin-right:auto!important}
.book-talk-thumbnail-editor.is-saving .book-talk-thumbnail-editor-panel{cursor:wait!important}
@media(max-width:700px){
    .book-talk-thumbnail-editor{padding:8px!important}
    .book-talk-thumbnail-editor-panel{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
    .book-talk-thumbnail-editor-head{padding:11px 12px!important}
    .book-talk-thumbnail-editor-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:9px!important;padding:10px 12px!important}
    .book-talk-thumbnail-editor-preview{grid-column:1!important;grid-row:1!important}
    .book-talk-thumbnail-editor-status{grid-column:1!important;grid-row:2!important}
    .book-talk-thumbnail-editor-control{grid-column:1!important}
    .book-talk-thumbnail-editor-position{grid-row:4!important}
    .book-talk-thumbnail-editor-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 12px!important}
    .book-talk-thumbnail-editor-actions button{width:100%!important;min-width:0!important;white-space:normal!important}
    .book-talk-thumbnail-editor-actions [data-thumbnail-editor-upload]{grid-column:1!important;grid-row:2!important;margin:0!important}
    .book-talk-thumbnail-editor-actions [data-thumbnail-editor-close]{grid-column:2!important;grid-row:2!important}
    .book-talk-thumbnail-editor-actions [data-thumbnail-editor-save]{grid-column:1 / -1!important;grid-row:1!important}
}

html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-sale-card-actions>*,
html.guest-document .public-book-talk-messages .book-sale-card-actions>*{
    min-width:0!important;
    max-width:100%!important;
}

html.app-document body[data-current-view="book_talk"] #bookTalkFeedControls{
    min-width:0!important;
    max-width:100%!important;
}

html.app-document body[data-current-view="book_talk"] #bookTalkFeedControls>#bookTalkCategories{
    min-width:0!important;
    max-width:100%!important;
}

/* Stream, recordings, library and orders. */
html.app-document :where(#rtcStreamApp,.stream-stage-panel,.stream-side,.stream-chat-panel,.stream-chat-messages,.stream-queue-chat-card,.video-frame,#rtcVideoFrame,.library-panel,.book-grid,.book-card,.merch-orders-page,.book-sale-orders-page-panel,.book-sale-orders-list,.book-sale-order){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document :where(.stream-recording-gallery,.private-video-recordings-grid,.book-sale-orders-summary){
    align-items:start;
}

html.app-document :where(.stream-recording-card,.private-video-recording-card,.book-sale-order)>*{
    min-width:0;
    max-width:100%;
}

html.app-document .book-sale-order-head{
    align-items:flex-start;
}

html.app-document .book-sale-order-badge{
    flex:0 0 auto;
    white-space:normal;
    text-align:center;
}

/* COURTREADZ 8.3.26 — compact, closed-by-default expandable Orders. */
html.app-document .book-sale-order-toggle{
    appearance:none;
    box-sizing:border-box;
    width:100%;
    margin:0;
    border:0;
    border-radius:0;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
    transition:background .16s ease;
}
html.app-document .book-sale-order-toggle:hover,
html.app-document .book-sale-order-toggle:focus-visible{
    background:linear-gradient(135deg,#fff,#fff1f5);
    outline:none;
}
html.app-document .book-sale-order-toggle:focus-visible{
    box-shadow:inset 0 0 0 3px rgba(var(--theme-rgb,216,109,131),.18);
}
html.app-document .book-sale-order-head-end{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 1 auto;
    gap:9px;
    min-width:0;
}
html.app-document .book-sale-order-chevron{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border:1px solid #eadde1;
    border-radius:9px;
    background:#fff;
    color:var(--theme-dark,#b84f68);
    font-size:20px;
    font-weight:900;
    line-height:1;
    transform:rotate(0deg);
    transition:transform .18s ease,background .16s ease,color .16s ease;
}
html.app-document .book-sale-order-toggle[aria-expanded="true"] .book-sale-order-chevron{
    background:var(--theme,#d86d83);
    color:#fff;
    transform:rotate(180deg);
}
html.app-document .book-sale-order-details[hidden]{display:none!important}

@media(max-width:760px){
    html.app-document .book-sale-order-toggle{gap:8px!important}
    html.app-document .book-sale-order-head-end{gap:5px}
    html.app-document .book-sale-order-chevron{flex-basis:28px;width:28px;height:28px;border-radius:8px;font-size:18px}
}

/* Keep the Author storefront management button legible in every link state. */
html.app-document a.book-fair-manage-storefront-button,
html.app-document a.book-fair-manage-storefront-button:link,
html.app-document a.book-fair-manage-storefront-button:visited,
html.app-document a.book-fair-manage-storefront-button:hover,
html.app-document a.book-fair-manage-storefront-button:focus-visible,
html.app-document a.book-fair-manage-storefront-button:active{
    color:#fff!important;
}

html.app-document .book-fair-author-actions>a.book-fair-outline-button,
html.guest-document .book-fair-author-actions>a.book-fair-outline-button{
    text-decoration:none!important;
}

/* Share always opens a visible public-link panel; browser-native sharing is an
   optional second action inside the panel rather than the only result. */
.book-fair-share-modal[hidden]{display:none!important}
.book-fair-share-modal{
    position:fixed;
    z-index:17050;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:20px;
    background:rgba(39,12,24,.66);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}
.book-fair-share-modal>section{
    position:relative;
    box-sizing:border-box;
    width:min(560px,100%);
    max-height:calc(100dvh - 40px);
    overflow:auto;
    padding:29px;
    border:1px solid #efafc9;
    border-radius:22px;
    background:linear-gradient(145deg,#fff,#fff2f7);
    color:#3d2730;
    box-shadow:0 25px 80px rgba(45,8,25,.38);
    text-align:center;
    overscroll-behavior:contain;
}
.book-fair-share-close{
    position:absolute;
    top:10px;
    right:12px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#8f3d5e;
    font-size:28px;
    line-height:1;
    text-decoration:none!important;
    cursor:pointer;
}
.book-fair-share-heart{display:block;color:#cf1666;font-size:35px;line-height:1}
.book-fair-share-modal small{display:block;margin-top:4px;color:#8f174d;font-weight:950;letter-spacing:.14em}
.book-fair-share-modal h2{margin:8px 38px 6px;font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.15}
.book-fair-share-modal p{max-width:440px;margin:0 auto 17px;color:#725662;font-size:13px;line-height:1.5}
.book-fair-share-field{display:block;text-align:left}
.book-fair-share-field>span{display:block;margin-bottom:6px;color:#684151;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.book-fair-share-field input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:48px;
    padding:10px 12px;
    border:1px solid #dbaabd;
    border-radius:11px;
    background:#fff;
    color:#4c303b;
    font:750 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
    outline:none;
}
.book-fair-share-field input:focus{border-color:#cf1666;box-shadow:0 0 0 3px rgba(207,22,102,.11)}
.book-fair-share-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:11px}
.book-fair-share-actions>*{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:43px;margin:0;padding:9px 10px;text-decoration:none!important}
.book-fair-share-actions .book-fair-primary-button{color:#fff!important}
.book-fair-share-status{min-height:19px;margin-top:10px;color:#7d5262;font-size:11px;font-weight:850;line-height:1.4}
body.book-fair-share-open{overflow:hidden!important}

/* Desktop application shell: the navigation remains fixed on the left while
   the complete right-hand workspace owns the page scrollbar. */
@media(min-width:761px){
    html.app-document:not(.stream-popout-document),
    html.app-document:not(.stream-popout-document) body,
    html.guest-document,
    html.guest-document body{
        height:100%;
        min-height:0;
        max-height:100%;
        overflow:hidden!important;
    }

    html.app-document:not(.stream-popout-document) body>.app-shell,
    html.guest-document body>.guest-app-shell{
        box-sizing:border-box!important;
        width:100%!important;
        height:100vh!important;
        min-height:0!important;
        max-height:100vh!important;
        overflow:hidden!important;
    }

    @supports(height:100dvh){
        html.app-document:not(.stream-popout-document) body>.app-shell,
        html.guest-document body>.guest-app-shell{
            height:100dvh!important;
            max-height:100dvh!important;
        }
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>aside.sidebar,
    html.guest-document body>.guest-app-shell>aside.sidebar{
        align-self:stretch!important;
        height:100vh!important;
        min-height:0!important;
        max-height:100vh!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        scrollbar-gutter:stable;
    }

    @supports(height:100dvh){
        html.app-document:not(.stream-popout-document) body>.app-shell>aside.sidebar,
        html.guest-document body>.guest-app-shell>aside.sidebar{
            height:100dvh!important;
            max-height:100dvh!important;
        }
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>.workspace,
    html.guest-document body>.guest-app-shell>.workspace,
    html.guest-document .guest-public-feed-workspace{
        position:relative!important;
        box-sizing:border-box!important;
        align-self:stretch!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:100vh!important;
        min-height:0!important;
        max-height:100vh!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-gutter:stable;
        scrollbar-width:thin;
        scrollbar-color:var(--theme,#d86d83) rgba(255,255,255,.45);
    }

    @supports(height:100dvh){
        html.app-document:not(.stream-popout-document) body>.app-shell>.workspace,
        html.guest-document body>.guest-app-shell>.workspace,
        html.guest-document .guest-public-feed-workspace{
            height:100dvh!important;
            max-height:100dvh!important;
        }
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>.workspace>.content,
    html.guest-document body>.guest-app-shell>.workspace>.content{
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:100%!important;
        padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>.workspace::-webkit-scrollbar,
    html.guest-document body>.guest-app-shell>.workspace::-webkit-scrollbar{
        width:10px;
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>.workspace::-webkit-scrollbar-track,
    html.guest-document body>.guest-app-shell>.workspace::-webkit-scrollbar-track{
        background:rgba(255,255,255,.45);
    }

    html.app-document:not(.stream-popout-document) body>.app-shell>.workspace::-webkit-scrollbar-thumb,
    html.guest-document body>.guest-app-shell>.workspace::-webkit-scrollbar-thumb{
        border:2px solid transparent;
        border-radius:999px;
        background:var(--theme,#d86d83);
        background-clip:padding-box;
    }
}

/* COURTREADZ 8.3.209 — plain mobile chat messages without bubble boxes.
   Both people remain left-aligned and grouped, while message backgrounds,
   borders, rounded corners and shadows are removed completely. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start) .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message{
        min-width:0!important;
        padding:1px 4px 2px!important;
        color:#1c1e21!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        min-width:70px!important;
        padding:1px 2px 2px 4px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        color:#1c1e21!important;
    }
}

/* Author Book Fair: the Admin row owns a separate grid track. */
html.app-document .book-fair-author-hero,
html.guest-document .book-fair-author-hero{
    grid-template-areas:
        "portrait story"
        "stats stats"
        "actions actions"
        "admin admin";
}

html.app-document .book-fair-admin-status,
html.guest-document .book-fair-admin-status{
    grid-area:admin;
    align-self:start;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-top:0;
    flex-wrap:wrap;
}

html.app-document :where(.book-fair-market-controls,.book-fair-authors-grid,.book-fair-author-card,.book-fair-author-story,.book-fair-author-stats,.book-fair-author-actions,.book-fair-books-grid,.book-fair-book-card,.book-fair-manage-grid,.book-fair-manage-card,.book-fair-form,.book-fair-edit-grid,.book-fair-edit-book,.book-fair-edit-form),
html.guest-document :where(.book-fair-market-controls,.book-fair-authors-grid,.book-fair-author-card,.book-fair-author-story,.book-fair-author-stats,.book-fair-author-actions,.book-fair-books-grid,.book-fair-book-card){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}

html.app-document .book-fair-author-actions>*,
html.guest-document .book-fair-author-actions>*{
    min-width:0;
    max-width:100%;
}

html.app-document .book-fair-edit-book>.book-fair-book-cover{
    height:auto;
}

/* Medium desktop and tablet: stack side panels before their minimum widths
   can compete with the main content area. */
@media(min-width:761px) and (max-width:1180px){
    html.app-document :where(.dashboard-grid,.settings-grid,.announcements-layout){
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .stream-layout:not(.member-stream-only):not(.author-stream-only){
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-sale-composer{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    html.app-document .book-sale-composer>div,
    html.app-document .book-sale-composer>label:first-of-type,
    html.app-document .book-sale-composer>.book-sale-multiple-option{
        grid-column:1/-1!important;
    }

    html.app-document .book-sale-auspost-fields{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:980px){
    html.app-document .topbar,
    html.guest-document .topbar{
        align-items:flex-start;
    }

    html.app-document .topbar>div:first-child,
    html.guest-document .topbar>div:first-child{
        flex:1 1 220px;
        min-width:0;
    }

    html.app-document .top-actions,
    html.guest-document .top-actions{
        justify-content:flex-end;
    }

    html.app-document .book-fair-market-controls{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-fair-market-controls .book-fair-section-title{
        grid-column:auto!important;
    }
}

@media(max-width:760px){
    html.app-document :where(.workspace,.content,.panel),
    html.guest-document :where(.workspace,.content,.panel){
        min-width:0!important;
        max-width:100%!important;
    }

    html.app-document .panel,
    html.guest-document .panel{
        border-radius:var(--courtreadz-panel-radius);
    }

    html.app-document :where(.topbar,.panel-head),
    html.guest-document :where(.topbar,.panel-head){
        gap:9px!important;
    }

    html.app-document .top-actions,
    html.guest-document .top-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
    }

    html.app-document .top-actions>*,
    html.guest-document .top-actions>*{
        width:100%!important;
        min-width:0!important;
    }

    html.app-document :where(.form-grid,.settings-grid,.members-grid,.dashboard-grid,.announcements-layout,.subscription-page,.book-sale-order-grid,.profile-password-grid,.book-fair-manage-grid,.book-fair-form),
    html.guest-document :where(.form-grid,.announcements-layout){
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document :where(.span-2,.wide,.book-fair-wide){
        grid-column:auto!important;
    }

    html.app-document :where(.member-actions,.subscription-actions,.settings-save-bar,.book-sale-order-actions,.recording-thumbnail-actions),
    html.guest-document :where(.subscription-actions){
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:100%!important;
    }

    html.app-document :where(.member-actions,.subscription-actions,.settings-save-bar,.book-sale-order-actions,.recording-thumbnail-actions)>*,
    html.guest-document .subscription-actions>*{
        width:100%!important;
        min-width:0!important;
        margin-inline:0!important;
    }

    html.app-document .stream-controls{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    html.app-document .stream-controls>*{
        width:100%!important;
        min-width:0!important;
    }

    html.app-document .book-sale-composer,
    html.app-document .book-sale-auspost-fields{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-sale-composer>*,
    html.app-document .book-sale-auspost-fields>*{
        grid-column:auto!important;
    }

    html.app-document .book-sale-orders-heading{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    html.app-document .book-sale-orders-heading-icon{
        flex-basis:42px;
        width:42px;
        height:42px;
    }

    html.app-document .book-fair-author-hero,
    html.guest-document .book-fair-author-hero{
        grid-template-areas:
            "portrait"
            "story"
            "stats"
            "actions"
            "admin"!important;
    }

    html.app-document .book-fair-author-actions,
    html.guest-document .book-fair-author-actions{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        width:100%;
    }

    html.app-document .book-fair-author-actions :where(form,button,.book-fair-outline-button,.book-fair-primary-button),
    html.guest-document .book-fair-author-actions :where(form,button,.book-fair-outline-button,.book-fair-primary-button){
        width:100%;
    }

    html.app-document .book-fair-socials,
    html.guest-document .book-fair-socials{
        width:100%;
        margin-left:0;
        flex-wrap:wrap;
        justify-content:center;
    }

    html.app-document .book-fair-admin-status,
    html.guest-document .book-fair-admin-status{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:9px;
    }

    html.app-document .book-fair-admin-status>*,
    html.guest-document .book-fair-admin-status>*{
        min-width:0;
        max-width:100%;
    }

    html.app-document .book-fair-admin-status button,
    html.guest-document .book-fair-admin-status button{
        width:100%;
        min-height:42px;
    }

    html.app-document .book-fair-edit-book{
        grid-template-columns:minmax(0,1fr)!important;
    }

    /* BOOK FAIR Authors always flow two cards per row on mobile. */
    html.app-document .book-fair-authors-grid,
    html.guest-document .book-fair-authors-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-flow:row!important;
        gap:10px!important;
        align-items:stretch!important;
    }

    html.app-document .book-fair-author-card,
    html.guest-document .book-fair-author-card{
        width:100%!important;
        max-width:none!important;
        min-height:100%!important;
        margin:0!important;
        padding:13px 8px 11px!important;
    }

    html.app-document .book-fair-author-photo,
    html.guest-document .book-fair-author-photo{
        width:clamp(72px,22vw,88px)!important;
        height:clamp(72px,22vw,88px)!important;
    }

    html.app-document .book-fair-author-card h3,
    html.guest-document .book-fair-author-card h3{
        width:100%;
        min-height:34px;
        margin:10px 0 3px!important;
        font-size:clamp(12px,3.5vw,14px)!important;
        overflow-wrap:anywhere;
    }

    html.app-document .book-fair-author-card>span,
    html.guest-document .book-fair-author-card>span{
        min-height:30px!important;
        font-size:11px!important;
        line-height:1.25!important;
    }

    html.app-document .book-fair-author-card>strong,
    html.guest-document .book-fair-author-card>strong{
        margin:3px 0 9px!important;
        font-size:11px!important;
    }

    html.app-document .book-fair-author-card>a,
    html.guest-document .book-fair-author-card>a{
        min-height:38px;
        padding:7px 6px!important;
        gap:5px!important;
        font-size:11px!important;
        line-height:1.15;
        white-space:normal;
    }

    html.app-document .book-fair-edit-book>.book-fair-book-cover,
    html.app-document .book-fair-edit-form,
    html.app-document .book-fair-edit-book>form:last-child{
        grid-column:1!important;
        width:100%!important;
    }

    html.app-document .book-fair-edit-book>.book-fair-book-cover{
        max-width:160px!important;
        justify-self:center;
    }

    html.app-document .book-fair-purchase-modal,
    html.guest-document .book-fair-purchase-modal{
        align-items:flex-end;
        padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    }

    html.app-document .book-fair-purchase-modal>section,
    html.guest-document .book-fair-purchase-modal>section{
        max-height:calc(100dvh - 20px);
        overflow:auto;
        padding:28px 17px 18px;
        border-radius:18px;
    }

    .book-fair-share-modal{
        align-items:flex-end;
        padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    }

    .book-fair-share-modal>section{
        width:100%;
        max-height:calc(100dvh - 20px);
        padding:25px 15px 16px;
        border-radius:19px;
    }

    .book-fair-share-modal h2{margin-inline:34px;font-size:26px}
    .book-fair-share-actions{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:430px){
    html.app-document .top-actions,
    html.guest-document .top-actions,
    html.app-document .stream-controls{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .stats{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-grid:not(.bookshelf-view),
    html.app-document .private-video-recordings-grid,
    html.app-document .stream-recording-gallery{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-fair-books-grid,
    html.guest-document .book-fair-books-grid{
        grid-template-columns:minmax(0,1fr)!important;
    }

    html.app-document .book-fair-book-card,
    html.guest-document .book-fair-book-card{
        width:100%;
        max-width:280px;
        margin-inline:auto;
    }
}

@media(prefers-reduced-motion:reduce){
    html.app-document *,
    html.guest-document *{
        scroll-behavior:auto!important;
    }
}
/* COURTREADZ Credits wallet */
.sidebar-credit-balance{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 9px;padding:11px 13px;border:1px solid rgba(255,216,140,.72);border-radius:13px;background:linear-gradient(135deg,rgba(184,24,91,.9),rgba(225,49,124,.72));color:#fff!important;text-decoration:none;box-shadow:0 7px 17px rgba(87,11,44,.16)}
.sidebar-credit-balance:hover,.sidebar-credit-balance.active{border-color:#ffe0a3;background:linear-gradient(135deg,#aa104e,#df2b78)}
.sidebar-credit-icon{display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#cf1666;font-size:18px}
.sidebar-credit-balance small,.sidebar-credit-balance strong{display:block}.sidebar-credit-balance small{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.82}.sidebar-credit-balance strong{margin-top:2px;color:#fff;font-size:14px}
.mobile-menu .mobile-credit-balance{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:#f2bd63!important;background:linear-gradient(135deg,#b91d5e,#d94082)!important;color:#fff!important;font-weight:950!important}
.mobile-menu .mobile-credit-balance>span:first-child{color:#ffd270}
.sidebar-book-merch-cart{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 9px;padding:11px 13px;border:1px solid rgba(255,255,255,.36);border-radius:13px;background:linear-gradient(135deg,rgba(92,27,70,.88),rgba(151,35,93,.8));color:#fff!important;text-decoration:none;box-shadow:0 7px 17px rgba(58,9,38,.15);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.sidebar-book-merch-cart:hover,.sidebar-book-merch-cart:focus-visible{border-color:#ffd6e7;background:linear-gradient(135deg,#6e184d,#b5276f);transform:translateY(-1px)}
.sidebar-book-merch-cart-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.14)}.sidebar-book-merch-cart-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sidebar-book-merch-cart>span:nth-child(2){min-width:0;flex:1}.sidebar-book-merch-cart small,.sidebar-book-merch-cart strong{display:block}.sidebar-book-merch-cart small{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.82}.sidebar-book-merch-cart strong{margin-top:2px;color:#fff;font-size:14px}.sidebar-book-merch-cart>b{display:grid;place-items:center;flex:0 0 auto;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:#fff;color:#a2165b;font-size:12px}.sidebar-book-merch-cart.has-items{border-color:#ffd6e7;background:linear-gradient(135deg,#831d58,#ca2e78)}
.sidebar-account-orders{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 9px;padding:11px 13px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none;box-shadow:0 7px 17px rgba(34,8,27,.12);transition:border-color .18s ease,background .18s ease,transform .18s ease}.sidebar-account-orders:hover,.sidebar-account-orders:focus-visible,.sidebar-account-orders.active{border-color:#ffd3e4;background:linear-gradient(135deg,rgba(112,28,79,.92),rgba(174,39,103,.82));transform:translateY(-1px)}.sidebar-account-orders-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.14)}.sidebar-account-orders-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-account-orders-icon .sidebar-account-orders-fill{fill:currentColor;stroke:none;opacity:.14}.sidebar-account-orders-icon .sidebar-account-orders-check{stroke-width:2.15}.sidebar-account-orders>span:last-child{min-width:0;flex:1}.sidebar-account-orders small,.sidebar-account-orders strong{display:block}.sidebar-account-orders small{font-size:8px;font-weight:900;letter-spacing:.12em;opacity:.82}.sidebar-account-orders strong{margin-top:2px;color:#fff;font-size:14px}
.mobile-menu .mobile-book-merch-cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:rgba(255,255,255,.34)!important;background:linear-gradient(135deg,#762055,#b92b70)!important;color:#fff!important;font-weight:950!important}.mobile-book-merch-cart-icon{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px}.mobile-book-merch-cart-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-book-merch-cart>[data-book-merch-cart-count]{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:#fff;color:#a2165b;font-size:11px}.mobile-menu .mobile-book-merch-cart.has-items{border-color:#ffd1e3!important;background:linear-gradient(135deg,#8d1d5e,#d0347e)!important}
.mobile-menu .mobile-account-orders{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:900!important}.mobile-menu .mobile-account-orders:hover,.mobile-menu .mobile-account-orders:focus-visible,.mobile-menu .mobile-account-orders.active{border-color:#ffd2e3!important;background:linear-gradient(135deg,#762055,#aa2869)!important}
/* Compact, permanently visible Member/Author account controls. */
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-credit-balance,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-book-merch-cart,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders{display:flex!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0 0 6px!important;padding:5px 10px!important;gap:8px!important;transform:none!important;pointer-events:auto!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-credit-icon,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-book-merch-cart-icon,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders-icon{flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-credit-balance small,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-book-merch-cart small,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders small{font-size:7px!important;line-height:9px!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-credit-balance strong,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-book-merch-cart strong,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders strong{margin-top:1px!important;font-size:12px!important;line-height:14px!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-book-merch-cart>b{min-width:23px!important;height:23px!important;padding:0 5px!important;font-size:10px!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders{border-color:rgba(255,220,235,.55)!important;background:linear-gradient(135deg,#672049,#8f2b62)!important;color:#fff!important;transition:none!important}
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders:hover,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders:focus,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders:focus-visible,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders:active,
html.app-document body .app-shell>aside.sidebar .sidebar-bottom .sidebar-account-orders.active{display:flex!important;visibility:visible!important;opacity:1!important;border-color:#ffd5e5!important;background:linear-gradient(135deg,#762153,#a42e6e)!important;color:#fff!important;transform:none!important}
@media(max-width:760px){html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-credit-balance,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-book-merch-cart,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders{display:flex!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:5px 7px!important;gap:6px!important;transform:none!important;pointer-events:auto!important}html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders:hover,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders:focus,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders:active,html.app-document body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu .mobile-account-orders.active{visibility:visible!important;opacity:1!important;background:linear-gradient(135deg,#672049,#962a66)!important;color:#fff!important;transform:none!important}.mobile-book-merch-cart-icon,.mobile-account-orders .merch-orders-mobile-icon{flex-basis:17px!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important}.mobile-book-merch-cart-icon svg{width:17px!important;height:17px!important}.mobile-book-merch-cart>[data-book-merch-cart-count]{min-width:21px!important;height:21px!important;font-size:10px!important}}

/* COURTREADZ 8.3.23 — every real account Profile image stays perfectly
   circular. Width remains responsive; the 1:1 ratio now owns the height so
   older fixed-height rules cannot stretch an avatar into an oval. */
html.app-document body .profile-image-preview,
html.app-document body .public-profile-avatar,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-private-profile-avatar,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-member-avatar,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages .book-talk-feed-avatar,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages .book-talk-reply-avatar,
html.app-document body .rtc-guest-account-avatar,
html.app-document body[data-current-view="members"] .registered-accounts-panel .account-identity .avatar,
html.app-document body .book-fair-author-photo,
html.guest-document body .public-book-talk-avatar,
html.guest-document body .book-fair-author-photo{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    border-radius:50%!important;
    overflow:hidden!important;
    flex-shrink:0!important;
}
html.app-document body .profile-image-preview>img,
html.app-document body .public-profile-avatar>img,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-private-profile-avatar>img,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-member-avatar>img,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages .book-talk-feed-avatar>img,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages .book-talk-reply-avatar>img,
html.app-document body .rtc-guest-account-avatar>img,
html.app-document body[data-current-view="members"] .registered-accounts-panel .account-identity .avatar>img,
html.guest-document body .public-book-talk-avatar>img{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    aspect-ratio:1 / 1!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
}
html.app-document body .book-fair-author-photo,
html.guest-document body .book-fair-author-photo{
    object-fit:cover!important;
    object-position:center!important;
}
.credits-page{display:grid;gap:20px}.credits-hero-card{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:30px!important;background:radial-gradient(circle at 90% 10%,rgba(255,205,226,.8),transparent 34%),linear-gradient(145deg,#fff,#fff1f7)!important}.credits-hero-copy{position:relative;z-index:1}.credits-hero-copy>span{color:#c61562;font-size:11px;font-weight:950;letter-spacing:.18em}.credits-hero-copy h1{margin:7px 0;color:#7f1749;font-family:Georgia,serif;font-size:clamp(34px,6vw,62px)}.credits-hero-copy p{max-width:750px;margin:0;color:#76545f;line-height:1.65}.credits-heart-mark{position:absolute;right:5%;color:rgba(207,22,102,.15);font-size:150px;line-height:1}.credits-pack-section{display:grid;gap:14px}.credits-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.credits-pack-card{display:flex;align-items:center;flex-direction:column;gap:8px;padding:21px!important;text-align:center}.credits-pack-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffe4ef;color:#ce1764;font-size:23px}.credits-pack-card>strong{color:#762043;font-size:20px}.credits-pack-card>b{color:#cf1666;font-size:16px}.credits-pack-card form,.credits-pack-card button{width:100%}.credits-history-list{display:grid;gap:8px}.credits-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid #f0d7e0;border-radius:12px;background:#fffafd}.credits-history-list span strong,.credits-history-list span small{display:block}.credits-history-list span small{margin-top:3px;color:#8a6c76;font-size:10px}.credits-history-list>div>b{white-space:nowrap}.credits-history-list .is-credit{color:#138253}.credits-history-list .is-debit{color:#bd205c}.credits-empty{padding:22px;border:1px dashed #e1bdca;border-radius:12px;text-align:center;color:#80606b}
.account-credits-form{display:flex;align-items:flex-end;gap:6px}.account-credits-form label span{display:block;margin-bottom:3px;color:#755664;font-size:9px;font-weight:900}.account-credits-form input{box-sizing:border-box;width:90px;height:36px;border:1px solid #dfc5cf;border-radius:8px;padding:0 8px}.account-credits-form button{min-height:36px!important}
@media(max-width:980px){.credits-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.credits-hero-card{padding:22px 16px!important}.credits-heart-mark{right:-10px;font-size:110px}.credits-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.credits-pack-card{padding:15px 9px!important}.credits-pack-card>strong{font-size:17px}.credits-history-list>div{align-items:flex-start;flex-direction:column}.account-credits-form{width:100%}.account-credits-form label{flex:1}.account-credits-form input{width:100%}}

/* COURTREADZ 8.3.2 — BOOK MERCH Credits + multi-item panel cart checkout */
.book-sale-card-prices>b{flex:0 0 auto;color:#c61562;font-size:11px;font-weight:950;white-space:nowrap}
.book-merch-cart-launcher{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:12500;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:50px;padding:10px 15px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:linear-gradient(145deg,#b80f59,#e13c82);color:#fff;font:950 14px/1 system-ui,sans-serif;box-shadow:0 12px 30px rgba(81,11,42,.3);cursor:pointer}.book-merch-cart-launcher[hidden]{display:none!important}.book-merch-cart-launcher>span:first-child{font-size:20px}.book-merch-cart-launcher>strong{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:999px;background:#fff;color:#b80f59;font-size:12px}.book-merch-cart-launcher.has-items{animation:book-merch-cart-pulse .35s ease-out}@keyframes book-merch-cart-pulse{50%{transform:scale(1.06)}}
html.book-merch-cart-open,html.book-merch-cart-open body{overflow:hidden!important}.book-merch-cart-dialog{position:fixed;inset:0;z-index:19000;display:grid;place-items:center;box-sizing:border-box;width:100%;height:100dvh;padding:18px;background:rgba(31,15,22,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:auto}.book-merch-cart-panel{box-sizing:border-box;width:min(560px,100%);max-height:min(760px,calc(100dvh - 36px));margin:auto;padding:19px;border:1px solid #eccbd5;border-radius:22px;background:linear-gradient(150deg,#fff,#fff5f8);box-shadow:0 24px 80px rgba(31,15,22,.38);overflow:auto;color:#49323a}.book-merch-cart-panel>header{display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #edd7df}.book-merch-cart-panel>header>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffe4ee;font-size:24px}.book-merch-cart-panel header small,.book-merch-cart-panel header h2{display:block;margin:0}.book-merch-cart-panel header small{color:#be185f;font-size:9px;font-weight:950;letter-spacing:.14em}.book-merch-cart-panel header h2{margin-top:2px;color:#562f3e;font:900 26px/1.05 Georgia,serif}.book-merch-cart-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e7cbd4;border-radius:11px;background:#fff;color:#76505d;font-size:24px;cursor:pointer}.book-merch-cart-items{display:grid;gap:8px;max-height:330px;margin:13px 0;overflow:auto}.book-merch-cart-items>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #edd8df;border-radius:13px;background:#fff}.book-merch-cart-items strong,.book-merch-cart-items small{display:block}.book-merch-cart-items strong{color:#5b3442;font-size:14px}.book-merch-cart-items small{margin-top:4px;color:#b51b5b;font-size:11px;font-weight:850}.book-merch-cart-items button{flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid #e1c6cf;border-radius:9px;background:#fff8fa;color:#9c3b59;font-weight:850;cursor:pointer}.book-merch-cart-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px;border:1px solid #e9c8d4;border-radius:13px;background:#fff3f7}.book-merch-cart-summary>span{font-size:11px;font-weight:900}.book-merch-cart-summary>strong{color:#b81057;font-size:17px;text-align:right}.book-merch-cart-summary>small{grid-column:1/-1;color:#745762;font-weight:800}.book-merch-cart-summary>em{grid-column:1/-1;color:#88707a;font-size:10px;font-style:normal}.book-merch-cart-panel>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.book-merch-cart-panel>footer button{min-height:48px;padding:9px 12px;border-radius:12px;font-weight:950;cursor:pointer}.book-merch-pay-credits{border:1px solid #f1b951;background:linear-gradient(145deg,#fff4c9,#ffd875);color:#703e08}.book-merch-pay-credits small{display:block;margin-top:3px;font-size:9px}.book-merch-pay-stripe{border:0;background:linear-gradient(145deg,#6757df,#5146c8);color:#fff}.book-merch-pay-stripe:disabled{opacity:.46;cursor:not-allowed}.book-merch-cart-warning{margin:9px 0 0;color:#9d314a;font-size:10px;font-weight:800}.book-merch-cart-empty{display:grid;place-items:center;gap:7px;padding:32px 12px;text-align:center}.book-merch-cart-empty>span{font-size:40px}.book-merch-cart-empty strong{color:#653746;font-size:18px}.book-merch-cart-empty p{margin:0;color:#826873;font-size:12px}
@media(max-width:600px){.book-merch-cart-launcher{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-height:46px;padding:8px 12px}.book-merch-cart-dialog{align-items:end;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.book-merch-cart-panel{width:100%;max-height:calc(100dvh - 16px);padding:15px;border-radius:19px}.book-merch-cart-panel>footer{grid-template-columns:1fr}.book-merch-cart-items{max-height:42dvh}.book-sale-card-prices>b{font-size:9px}}

/* COURTREADZ 8.3.27 — BOOK MERCH quantity controls for multi-available stock. */
.book-merch-cart-item-copy{flex:1 1 180px;min-width:0}
.book-merch-cart-quantity{display:grid;grid-template-columns:34px 48px 34px;align-items:center;flex:0 0 auto;border:1px solid #e4cbd4;border-radius:10px;background:#fff;overflow:hidden}
.book-merch-cart-quantity button{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff5f8!important;color:#a12755!important;font-size:18px!important;line-height:1!important}
.book-merch-cart-quantity input{box-sizing:border-box;width:48px;height:36px;padding:4px 2px;border:0;border-right:1px solid #ead7de;border-left:1px solid #ead7de;background:#fff;color:#55313e;font-size:14px;font-weight:900;text-align:center;appearance:textfield;-moz-appearance:textfield}
.book-merch-cart-quantity input::-webkit-inner-spin-button,.book-merch-cart-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.book-merch-cart-quantity-fixed{flex:0 0 auto;padding:8px 10px;border:1px solid #ead7de;border-radius:9px;background:#fff8fa;color:#825162;font-size:10px;font-weight:900;white-space:nowrap}
@media(max-width:600px){.book-merch-cart-items>article{flex-wrap:wrap}.book-merch-cart-item-copy{flex-basis:100%}.book-merch-cart-quantity{margin-right:auto}}
.book-sale-order-items{display:flex;flex-wrap:wrap;gap:5px 10px;margin:9px 0;padding:9px 11px;border:1px solid #f0d8e0;border-radius:10px;background:#fff8fb;color:#78525f;font-size:11px;font-weight:800}

/* COURTREADZ 8.3.30 — itemised Credits postage and protected final total. */
.book-merch-cart-summary>strong.is-pending{color:#816873;font-size:11px;line-height:18px}
.book-merch-credit-review-intro{margin:14px 0;color:#725864;font-size:12px;line-height:1.5}
.book-merch-credit-total-list{display:grid;gap:0;overflow:hidden;border:1px solid #eacbd6;border-radius:14px;background:#fff}
.book-merch-credit-total-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:10px 13px;border-bottom:1px solid #f1dde4}
.book-merch-credit-total-list>div:last-child{border-bottom:0}.book-merch-credit-total-list span{color:#725762;font-size:12px;font-weight:850}.book-merch-credit-total-list strong{color:#a71a55;font-size:15px;text-align:right;white-space:nowrap}
.book-merch-credit-total-list>.is-total{min-height:58px;background:linear-gradient(135deg,#fff1f6,#ffe5ef)}.book-merch-credit-total-list>.is-total span{color:#5a3442;font-size:14px;font-weight:950}.book-merch-credit-total-list>.is-total strong{color:#bc0f58;font-size:21px}
.book-merch-credit-balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin-top:11px;padding:11px 13px;border:1px solid #ead9df;border-radius:12px;background:#fffafd}.book-merch-credit-balance-row>span{font-size:11px;font-weight:900}.book-merch-credit-balance-row>strong{color:#633847;font-size:13px}.book-merch-credit-balance-row>small{grid-column:1/-1;color:#2f7b52;font-size:10px;font-weight:800}.book-merch-credit-balance-row>small.error{color:#a12d42}.book-merch-credit-review .book-merch-pay-credits:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:480px){.book-merch-credit-total-list>div{min-height:44px;padding:9px 10px}.book-merch-credit-total-list strong{font-size:13px}.book-merch-credit-total-list>.is-total strong{font-size:18px}.book-merch-credit-review-intro{font-size:11px}}

/* COURTREADZ 8.3.29 — Public BOOK MERCH Cart lives above Sign In. */
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart{display:flex!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0 0 6px!important;padding:5px 10px!important;gap:8px!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(92,27,70,.88),rgba(151,35,93,.8))!important;color:#fff!important;font:inherit!important;text-align:left!important;text-decoration:none!important;transform:none!important;cursor:pointer!important;pointer-events:auto!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart:hover,html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart:focus-visible{border-color:#ffd6e7!important;background:linear-gradient(135deg,#6e184d,#b5276f)!important;outline:none!important;transform:none!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart.has-items{border-color:#ffd6e7!important;background:linear-gradient(135deg,#831d58,#ca2e78)!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart .sidebar-book-merch-cart-icon{flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart small{font-size:7px!important;line-height:9px!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart strong{margin-top:1px!important;font-size:12px!important;line-height:14px!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sidebar-book-merch-cart>[data-public-merch-cart-count]{display:grid!important;place-items:center!important;min-width:23px!important;height:23px!important;padding:0 5px!important;border-radius:999px!important;background:#fff!important;color:#a2165b!important;font-size:10px!important}
html.guest-document body .guest-sidebar>.sidebar-bottom .guest-sign-in-form{margin-top:0!important}
@media(max-width:760px){html.guest-document body .guest-sidebar .mobile-menu .guest-mobile-book-merch-cart{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:9px 7px!important;gap:7px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:12px!important;background:linear-gradient(135deg,#762055,#b92b70)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;text-align:center!important;text-decoration:none!important;transform:none!important;pointer-events:auto!important}.guest-mobile-book-merch-cart>[data-public-merch-cart-count]{display:grid!important;place-items:center!important;min-width:23px!important;height:23px!important;padding:0 5px!important;border-radius:999px!important;background:#fff!important;color:#a2165b!important;font-size:11px!important}.guest-mobile-book-merch-cart.has-items{border-color:#ffd1e3!important;background:linear-gradient(135deg,#8d1d5e,#d0347e)!important}}

/* COURTREADZ 8.3.5 — Member / Author Membership selection */
.membership-choice-page{box-sizing:border-box;width:min(1120px,100%);margin:0 auto;padding:clamp(18px,3vw,34px);border:1px solid #f1d4df;border-radius:24px;background:radial-gradient(circle at 8% 3%,rgba(255,221,234,.78),transparent 24%),linear-gradient(150deg,#fff9fc,#fff3f8 54%,#fff9fc);box-shadow:0 18px 55px rgba(99,27,58,.09);color:#37272e}
.membership-choice-head{text-align:center}.membership-choice-head>span{display:flex;align-items:center;justify-content:center;gap:12px;color:#ce1b67;font:italic clamp(27px,4vw,45px)/1.05 Georgia,"Times New Roman",serif}.membership-choice-head>span i{display:block;width:64px;height:1px;background:#d76b99}.membership-choice-head>span b{font-size:.55em;font-style:normal}.membership-choice-head h1{margin:10px 0 5px;color:#261c20;font:800 clamp(34px,5vw,58px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.membership-choice-head p{margin:0;color:#715963;font-size:clamp(14px,1.7vw,18px)}
.membership-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:28px}.membership-plan-card{display:flex;min-width:0;flex-direction:column;box-sizing:border-box;padding:clamp(22px,3vw,34px);border:1px solid #efd9e2;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(110,29,64,.06)}.membership-plan-card.is-current-plan{border-color:#e4538e;box-shadow:0 0 0 2px rgba(223,53,122,.1),0 15px 36px rgba(110,29,64,.1)}
.membership-plan-icon{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 15px;border:1px solid #f4cade;border-radius:50%;background:#fff0f6;color:#c81962}.membership-plan-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.membership-plan-label{display:block;color:#cf1765;text-align:center;font-size:17px;font-weight:950;letter-spacing:.04em}.membership-plan-price{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:5px;margin:7px 0 14px;text-align:center}.membership-plan-price strong{color:#191416;font:800 clamp(31px,4vw,49px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.membership-plan-price span{color:#c82366;font-size:15px;font-weight:850}.membership-plan-divider{display:flex;align-items:center;gap:10px;color:#e31267}.membership-plan-divider::before,.membership-plan-divider::after{content:"";height:1px;flex:1;background:#ecd9e1}.membership-plan-divider span{font-size:20px}.membership-plan-intro{min-height:52px;margin:14px 0 10px;color:#4e3d44;text-align:center;font-size:15px;line-height:1.55}
.membership-plan-features{display:grid;gap:0;margin:4px 0 22px;padding:0;list-style:none}.membership-plan-features li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:7px 0;border-bottom:1px solid #f3e7ec;color:#48353d;font-size:13px;line-height:1.35}.membership-feature-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e91b70;color:#fff;font-size:12px;font-weight:950}.is-author-plan .membership-feature-icon{border-radius:0;background:transparent;color:#cf1765;font-size:22px;line-height:1}.membership-new-badge{display:inline-flex;align-items:center;margin-left:5px;padding:3px 7px;border-radius:999px;background:#ffe1ed;color:#c61562;font-size:8px;letter-spacing:.08em;vertical-align:middle}
.membership-plan-action{margin-top:auto}.membership-plan-action form,.membership-plan-action button{width:100%}.membership-plan-action button,.membership-current-button,.membership-other-plan-button{position:relative;display:grid;place-items:center;box-sizing:border-box;min-height:76px;padding:12px 48px 12px 18px;border:1px solid #e5bdcd;border-radius:14px;background:#fff;color:#bd1759;text-align:center;text-decoration:none}.membership-plan-action button{font:inherit;cursor:pointer}.membership-plan-action button:hover,.membership-plan-action button:focus-visible{border-color:#d5226a;background:#fff4f8;box-shadow:0 8px 18px rgba(188,23,89,.09)}.membership-plan-action button:disabled{opacity:.48;cursor:not-allowed}.membership-plan-action button strong,.membership-plan-action button small{display:block}.membership-plan-action button strong{font-size:14px;letter-spacing:.03em}.membership-plan-action button small{margin-top:4px;color:#75606a;font-size:11px}.membership-plan-action button>span{position:absolute;right:18px;top:50%;font-size:30px;font-weight:300;transform:translateY(-50%)}.membership-current-button{grid-template-columns:auto 1fr;gap:8px;min-height:76px;padding:12px 18px;border-color:#d9437e;background:#d41b68;color:#fff;font-size:13px;font-weight:950}.membership-current-button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#c81761}.membership-other-plan-button{place-items:center;min-height:76px;padding:12px 18px;background:#faf4f7;color:#987381;font-size:12px;font-weight:850}.membership-author-stripe-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;margin:11px 0 0;padding:11px;border-radius:12px;background:#fff0f6;color:#ad1754}.membership-author-stripe-note>span{display:grid;place-items:center;width:28px;height:23px;border:2px solid currentColor;border-radius:4px;font-size:11px}.membership-author-stripe-note p{margin:0}.membership-author-stripe-note strong,.membership-author-stripe-note small{display:block}.membership-author-stripe-note strong{font-size:11px}.membership-author-stripe-note small{margin-top:3px;color:#785d68;font-size:9px;line-height:1.4}
.membership-choice-alert{margin:18px 0 0!important}.membership-secure-footer{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;box-sizing:border-box;margin-top:22px;padding:18px 22px;border:1px solid #efd5e0;border-radius:18px;background:rgba(255,255,255,.82)}.membership-secure-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffe1ed;color:#c71861;font-size:29px}.membership-secure-footer strong{font-size:15px}.membership-secure-footer p{margin:3px 0 0;color:#725c65;font-size:11px;line-height:1.45}.membership-secure-footer>b{color:#4f3bc2;font-size:27px;letter-spacing:-.06em}.membership-account-status{margin-top:22px!important;background:rgba(255,255,255,.92)!important}.membership-account-status .subscription-recurring-control{margin-top:15px}.membership-settings-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:820px){.membership-plan-grid{grid-template-columns:1fr}.membership-plan-intro{min-height:0}.membership-settings-row{grid-template-columns:1fr!important}.membership-secure-footer{grid-template-columns:50px minmax(0,1fr)}.membership-secure-footer>b{grid-column:2;font-size:23px}}
@media(max-width:600px){.membership-choice-page{padding:17px 12px;border-radius:18px}.membership-choice-head>span{gap:8px}.membership-choice-head>span i{width:35px}.membership-plan-grid{gap:14px;margin-top:20px}.membership-plan-card{padding:20px 15px;border-radius:16px}.membership-plan-icon{width:70px;height:70px}.membership-plan-icon svg{width:40px;height:40px}.membership-plan-price strong{font-size:36px}.membership-plan-features li{grid-template-columns:25px minmax(0,1fr);min-height:38px;font-size:12px}.membership-plan-action button,.membership-current-button,.membership-other-plan-button{min-height:68px}.membership-secure-footer{grid-template-columns:43px minmax(0,1fr);gap:10px;padding:14px}.membership-secure-icon{width:42px;height:42px}.membership-account-status{padding:15px!important}.membership-account-status .subscription-detail-row{align-items:flex-start;flex-direction:column;gap:3px}}

/* COURTREADZ 8.3.6 — Membership review and secure checkout step */
.membership-checkout-step-page{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;border:1px solid #f0d6e0;border-radius:24px;background:linear-gradient(145deg,#fff9fc,#fff2f7 54%,#fffafd);box-shadow:0 18px 58px rgba(103,20,58,.1);overflow:hidden;color:#36252d}.membership-checkout-step-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.32);background:linear-gradient(100deg,#e72579,#c70e62);color:#fff}.membership-checkout-step-topbar>div{display:flex;align-items:center;gap:10px;min-width:0}.membership-checkout-step-topbar>div>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#fff;color:#d41b69;font-size:18px}.membership-checkout-step-topbar strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.membership-checkout-step-topbar>a{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 15px;border:1px solid rgba(255,255,255,.64);border-radius:10px;color:#fff;font-size:12px;font-weight:900;text-decoration:none}.membership-checkout-step-topbar>a:hover,.membership-checkout-step-topbar>a:focus-visible{background:rgba(255,255,255,.14)}
.membership-checkout-step-shell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:stretch}.membership-checkout-summary{box-sizing:border-box;min-width:0;padding:clamp(25px,3vw,38px);border-right:1px solid #f0dce4;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,239,246,.74))}.membership-checkout-script{color:#c91862;font:italic clamp(29px,3.4vw,42px)/1.05 Georgia,"Times New Roman",serif;text-align:center}.membership-checkout-script b{font-size:.55em;font-style:normal}.membership-checkout-plan-kicker{display:block;margin-top:13px;color:#cf1765;text-align:center;font-size:13px;font-weight:950;letter-spacing:.04em}.membership-checkout-summary h1{margin:26px 0 10px;color:#261a20;font:800 clamp(29px,3.3vw,42px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.membership-checkout-step-copy{margin:0;color:#4f3b44;font-size:14px;line-height:1.55}.membership-checkout-summary-rule{height:1px;margin:22px 0;background:#ead4de}.membership-checkout-benefits-title{display:block;margin-bottom:12px;color:#c81962;font-size:13px}.membership-checkout-benefits{display:grid;gap:10px}.membership-checkout-benefits>div{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px}.membership-checkout-benefits>div>span{display:grid;place-items:center;width:52px;height:52px;border-radius:11px;background:#ffe6f0;color:#cb1763;font-size:22px;font-weight:900}.membership-checkout-benefits p,.membership-checkout-benefits strong,.membership-checkout-benefits small{display:block;margin:0}.membership-checkout-benefits strong{font-size:13px}.membership-checkout-benefits small{margin-top:3px;color:#725c65;font-size:10px;line-height:1.45}.membership-checkout-summary blockquote{margin:28px 0 0;padding:18px;border:1px solid #f1d3df;border-radius:14px;background:#fff0f6;color:#654750;text-align:center;font:600 12px/1.6 Georgia,"Times New Roman",serif}.membership-checkout-summary blockquote span{display:block;margin-top:8px;color:#d21b67;font-style:normal}
.membership-secure-checkout-card{box-sizing:border-box;min-width:0;padding:clamp(25px,4vw,48px);background:rgba(255,255,255,.9)}.membership-secure-checkout-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:#55434b}.membership-secure-checkout-brand>b{margin-right:3px;color:#5146c8;font-size:24px;letter-spacing:-.06em}.membership-secure-checkout-brand>span{color:#c81760;font-size:13px}.membership-secure-checkout-brand>strong{font-size:12px}.membership-checkout-progress{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:start;gap:10px;width:min(520px,100%);margin:28px auto 34px}.membership-checkout-progress>div{display:grid;justify-items:center;gap:7px;color:#967581;text-align:center}.membership-checkout-progress>div>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid #ebcada;border-radius:50%;background:#fff;font-size:13px;font-weight:950}.membership-checkout-progress>div>strong{font-size:10px}.membership-checkout-progress>i{height:2px;margin-top:19px;background:#efd8e1}.membership-checkout-progress .is-complete,.membership-checkout-progress .is-active{color:#c81761}.membership-checkout-progress .is-complete>span{border-color:#df2871;background:#fff0f6}.membership-checkout-progress .is-active>span{border-color:#dc1b6a;background:#e91c72;color:#fff}.membership-checkout-progress .is-active~i,.membership-checkout-progress .is-complete+ i{background:linear-gradient(90deg,#dc1b6a,#f1d9e2)}
.membership-secure-checkout-heading{padding-bottom:24px;border-bottom:1px solid #ecdce2;text-align:center}.membership-secure-checkout-heading h2{margin:0;color:#271b20;font:800 clamp(31px,4.2vw,46px)/1.05 Georgia,"Times New Roman",serif}.membership-secure-checkout-heading>strong{display:block;margin-top:8px;color:#d01864;font-size:18px}.membership-secure-checkout-heading p{margin:8px 0 0;color:#6a555e;font-size:12px}.membership-secure-information-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:24px 0;border-bottom:1px solid #efdee5}.membership-secure-information-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#ffe5ef;color:#c71860;font-size:18px;font-weight:950}.membership-secure-information-row h3,.membership-secure-information-row p{margin:0}.membership-secure-information-row h3{font-size:16px}.membership-secure-information-row p{margin-top:6px;color:#68515a;font-size:11px;line-height:1.55}.membership-card-brands{display:flex;align-items:center;gap:5px;align-self:center}.membership-card-brands b{display:grid;place-items:center;box-sizing:border-box;min-width:42px;height:28px;padding:0 5px;border:1px solid #dfd9dc;border-radius:4px;background:#fff;color:#1956a6;font-size:8px}.membership-card-brands .mastercard{color:#ed243d;letter-spacing:-5px}.membership-connect-information{grid-template-columns:42px minmax(0,1fr)}.membership-why-card{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;margin-top:18px;padding:16px;border:1px solid #efc8d8;border-radius:12px;background:#fff8fb}.membership-why-card>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e92070;color:#fff;font-size:11px;font-weight:950}.membership-why-card strong{font-size:12px}.membership-why-card p{margin:4px 0 0;color:#684f59;font-size:10px;line-height:1.55}.membership-checkout-total-card{margin-top:20px;padding:16px 18px;border:1px solid #ead7df;border-radius:13px;background:#fff}.membership-checkout-total-card>span{display:block;margin-bottom:8px;font-size:11px;font-weight:850}.membership-checkout-total-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;color:#4f3942;font-size:12px}.membership-checkout-total-card>div b{white-space:nowrap}.membership-checkout-total-card .membership-checkout-total{border-top:1px solid #eadde2;color:#ca1760;font-size:15px}.membership-checkout-continue-form{margin-top:18px}.membership-checkout-continue-form button{display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;min-height:58px;padding:12px 18px;border:0;border-radius:12px;background:linear-gradient(100deg,#df176a,#f02b81);color:#fff;font-size:14px;font-weight:950;box-shadow:0 11px 24px rgba(207,18,98,.2);cursor:pointer}.membership-checkout-continue-form button:hover,.membership-checkout-continue-form button:focus-visible{filter:brightness(1.04);transform:translateY(-1px)}.membership-checkout-continue-form button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.membership-checkout-continue-form>p{margin:10px 0 0;color:#725a64;text-align:center;font-size:10px;line-height:1.5}.membership-checkout-unavailable{margin-top:12px!important}.membership-checkout-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px clamp(20px,4vw,46px);border-top:1px solid #efdce4;background:rgba(255,248,251,.88)}.membership-checkout-trust-strip>div{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.membership-checkout-trust-strip>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffe1ed;color:#c71860;font-size:18px}.membership-checkout-trust-strip p,.membership-checkout-trust-strip strong,.membership-checkout-trust-strip small{display:block;margin:0}.membership-checkout-trust-strip strong{font-size:11px}.membership-checkout-trust-strip small{margin-top:3px;color:#7d626d;font-size:9px;line-height:1.4}.membership-checkout-powered{padding:12px;border-top:1px solid #f0e2e7;color:#725c65;text-align:center;font-size:10px;font-weight:800}
@media(max-width:880px){.membership-checkout-step-shell{grid-template-columns:1fr}.membership-checkout-summary{border-right:0;border-bottom:1px solid #f0dce4}.membership-checkout-summary h1{text-align:center}.membership-checkout-step-copy{text-align:center}.membership-checkout-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-checkout-benefits>div:last-child{grid-column:1/-1}.membership-checkout-trust-strip{grid-template-columns:1fr}.membership-secure-checkout-card{padding:28px 20px}}
@media(max-width:600px){.membership-checkout-step-page{border-radius:17px}.membership-checkout-step-topbar{min-height:58px;padding:9px 12px}.membership-checkout-step-topbar>div>span{flex-basis:34px;width:34px;height:34px}.membership-checkout-step-topbar strong{font-size:13px}.membership-checkout-step-topbar>a{min-height:35px;padding:0 11px}.membership-checkout-summary{padding:23px 15px}.membership-checkout-benefits{grid-template-columns:1fr}.membership-checkout-benefits>div:last-child{grid-column:auto}.membership-secure-checkout-card{padding:24px 13px}.membership-checkout-progress{grid-template-columns:auto minmax(24px,1fr) auto;gap:6px}.membership-checkout-progress>div>strong{max-width:88px;font-size:8px}.membership-secure-information-row{grid-template-columns:38px minmax(0,1fr);padding:20px 0}.membership-card-brands{grid-column:2;justify-content:flex-start}.membership-checkout-total-card{padding:13px}.membership-checkout-trust-strip{padding:18px 14px}.membership-secure-checkout-heading h2{font-size:32px}}

/* COURTREADZ 8.3.31 — crisp BOOK MERCH images and wrapped sale details. */
:root{
    --courtreadz-merch-card-height:400px;
    --courtreadz-merch-sale-height:140px;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-feed-post,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch{
    grid-template-rows:34px var(--merch-body-row) var(--merch-book-row) var(--courtreadz-merch-media-height) 141px 45px!important;
    contain-intrinsic-size:auto 458px!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-item.is-image>img{
    object-fit:cover!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    image-rendering:auto!important;
    backface-visibility:hidden;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch>.book-sale-card{
    grid-template-rows:38px 42px 40px!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-title,
html.guest-document .public-book-talk-messages.is-book-merch-feed .book-sale-card-title{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-prices,
html.guest-document .public-book-talk-messages.is-book-merch-feed .book-sale-card-prices{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:20px 20px!important;
    align-items:center!important;
    justify-content:stretch!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    gap:2px 8px!important;
    overflow:hidden!important;
    white-space:normal!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-prices strong,
html.guest-document .public-book-talk-messages.is-book-merch-feed .book-sale-card-prices strong{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    font-size:17px!important;
    line-height:20px!important;
    white-space:nowrap!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-prices>b{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-prices span,
html.guest-document .public-book-talk-messages.is-book-merch-feed .book-sale-card-prices span{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    font-size:12px!important;
    line-height:20px!important;
    text-align:left!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-sale-card-actions button>span,
html.guest-document .public-book-talk-messages.is-book-merch-feed .book-sale-card-actions button>span{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}

/* COURTREADZ 8.3.32 — Public BOOK MERCH previews stay side by side. */
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media{
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    grid-auto-rows:minmax(0,1fr)!important;
    gap:3px!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-1{
    grid-template-columns:minmax(0,1fr)!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-4{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media>.public-book-talk-media-item{
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
}

/* COURTREADZ 8.3.33 — every Public BOOK MERCH image remains in one row. */
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-merch-gallery:not(.is-single){
    grid-template-columns:none!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 3px)/2)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:rgba(181,32,93,.55) rgba(247,226,235,.9);
    touch-action:pan-x!important;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-merch-gallery:not(.is-single)>.public-book-talk-media-item{
    grid-column:auto!important;
    grid-row:1!important;
    min-width:0!important;
    scroll-snap-align:start;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-merch-gallery:not(.is-single)::-webkit-scrollbar{
    height:6px;
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-merch-gallery:not(.is-single)::-webkit-scrollbar-track{
    background:rgba(247,226,235,.9);
}
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-merch-gallery:not(.is-single)::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(181,32,93,.55);
}

/* COURTREADZ 8.3.34 — make Panel Box Height impossible to miss. */
.book-talk-thumbnail-editor-body{
    grid-template-rows:auto auto auto 1fr!important;
}
.book-talk-thumbnail-editor-preview{
    grid-row:1 / span 4!important;
}
.book-talk-thumbnail-editor-position{
    grid-row:auto!important;
}
.book-talk-thumbnail-editor-panel-size{
    position:relative!important;
    border:2px solid rgba(var(--theme-rgb,216,109,131),.52)!important;
    background:linear-gradient(145deg,var(--theme-pale,#fff1f6),#fff)!important;
    box-shadow:0 7px 18px rgba(var(--theme-rgb,216,109,131),.12)!important;
}
.book-talk-thumbnail-editor-panel-size legend{
    padding:0 6px!important;
    color:var(--theme-deep,#733a49)!important;
    font-size:14px!important;
    font-weight:950!important;
}
.book-talk-thumbnail-editor-panel-size p{
    margin:2px 0 8px!important;
    color:#694a56!important;
    font-size:10px!important;
    line-height:1.4!important;
}
.book-talk-thumbnail-editor-box-height{
    margin-top:0!important;
    padding:10px!important;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.25)!important;
    border-radius:10px!important;
    background:#fff!important;
}
.book-talk-thumbnail-editor-box-height>span strong{
    color:var(--theme-deep,#733a49)!important;
    font-size:13px!important;
}
@media(max-width:700px){
    .book-talk-thumbnail-editor-body{
        grid-template-rows:auto auto auto auto auto!important;
    }
    .book-talk-thumbnail-editor-preview{
        grid-row:1!important;
    }
    .book-talk-thumbnail-editor-position{
        grid-row:auto!important;
    }
}

/* COURTREADZ 8.3.36 — saved Panel Box Height owns the complete merch card. */
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-feed-post,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch{
    grid-template-rows:34px var(--merch-body-row) var(--merch-book-row) var(--courtreadz-merch-instance-media-height,var(--courtreadz-merch-media-height)) 141px 45px!important;
    height:calc(var(--courtreadz-merch-instance-card-height,var(--courtreadz-merch-card-height)) + var(--merch-body-row) + var(--merch-book-row))!important;
    min-height:calc(var(--courtreadz-merch-instance-card-height,var(--courtreadz-merch-card-height)) + var(--merch-body-row) + var(--merch-book-row))!important;
    max-height:calc(var(--courtreadz-merch-instance-card-height,var(--courtreadz-merch-card-height)) + var(--merch-body-row) + var(--merch-book-row))!important;
    contain-intrinsic-size:auto calc(var(--courtreadz-merch-instance-card-height,var(--courtreadz-merch-card-height)) + 58px)!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip[data-media-box-height-custom="1"],
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch>.public-book-talk-media,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch>.public-book-talk-media[data-media-box-height-custom="1"]{
    height:var(--courtreadz-merch-instance-media-height,var(--courtreadz-merch-media-height))!important;
    min-height:var(--courtreadz-merch-instance-media-height,var(--courtreadz-merch-media-height))!important;
    max-height:var(--courtreadz-merch-instance-media-height,var(--courtreadz-merch-media-height))!important;
    aspect-ratio:auto!important;
    overflow-y:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery[data-media-box-height-custom="1"]{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery>.book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery>.book-talk-media-gallery-tile>.book-talk-media-card{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
}

/* COURTREADZ 8.3.42 — the Admin editor mirrors the exact clicked BOOK MERCH
   image box, including natural width, edge-to-edge width and saved panel height. */
.book-talk-thumbnail-editor-preview{
    width:min(100%,var(--thumbnail-editor-preview-width,314px))!important;
    aspect-ratio:var(--thumbnail-editor-box-aspect,314/180)!important;
}

/* COURTREADZ 8.3.37 — Admin-saved horizontal image focal point. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-media-item.is-image>img,
.book-talk-thumbnail-editor-preview img[data-thumbnail-editor-image]{
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}

/* COURTREADZ 8.3.38 — final single-image edge-fill override. */
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image.is-stretched-to-edges .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    object-fit:cover!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
}

/* COURTREADZ 8.3.38 — optional image fill from edge to edge. */
.book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image]{
    object-fit:contain!important;
}
.book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges img[data-thumbnail-editor-image]{
    object-fit:cover!important;
}

/* COURTREADZ 8.3.45 — final full-bleed BOOK MERCH image baseline.
   No natural-width, contain, white gutter or optional stretch state remains. */
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-feed-post.is-book-merch>.book-talk-media-strip,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-feed-post:has(>.book-talk-feed-post-head.is-book-merch)>.book-talk-media-strip,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch>.public-book-talk-media.is-single-image{
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#171417!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image{
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border-radius:0!important;
    background:#171417!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image>.book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image>.book-talk-media-gallery-tile>.book-talk-media-card.is-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image>.public-book-talk-media-item.is-image{
    position:relative!important;
    inset:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#171417!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image>.public-book-talk-media-item.is-image>img,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image]{
    position:absolute!important;
    inset:-1px!important;
    display:block!important;
    box-sizing:border-box!important;
    width:calc(100% + 2px)!important;
    min-width:calc(100% + 2px)!important;
    max-width:none!important;
    height:calc(100% + 2px)!important;
    min-height:calc(100% + 2px)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:cover!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    background:#171417!important;
}

/* COURTREADZ 8.3.44 — BOOK MERCH single images never show white side spaces. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image{
    background:#171417!important;
}
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image .book-talk-thumbnail-editor-media-box{
    left:0!important;
    right:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background:#171417!important;
}
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image]{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
    gap:0!important;
    justify-items:stretch!important;
    background:#171417!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image>.book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image .book-talk-media-card.is-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image>.public-book-talk-media-item.is-image{
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:#171417!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image>.public-book-talk-media-item.is-image>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}

/* COURTREADZ 8.3.43 — one stretched BOOK MERCH image covers both white sides.
   The editor keeps the real full panel width visible and expands only the inner
   proportional image box, matching the saved Admin, Member, Author and Public card. */
.book-talk-thumbnail-editor-preview.is-image{
    width:min(100%,var(--thumbnail-editor-preview-width,314px))!important;
    background:#fff!important;
}
.book-talk-thumbnail-editor-preview.is-image .book-talk-thumbnail-editor-media-box{
    box-sizing:border-box!important;
    top:0!important;
    right:auto!important;
    bottom:0!important;
    height:100%!important;
    max-width:100%!important;
}
.book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges .book-talk-thumbnail-editor-media-box{
    right:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}
.book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges img[data-thumbnail-editor-image]{
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges,
html.guest-document .public-book-talk-messages.is-book-merch-feed>.public-book-talk-post.is-book-merch>.public-book-talk-media.is-single-image.is-stretched-to-edges{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
    background:#171417!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges>.book-talk-media-gallery.is-single-image.is-stretched-to-edges,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
    gap:0!important;
    justify-items:stretch!important;
    background:#171417!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges>.book-talk-media-gallery.is-single-image.is-stretched-to-edges>.book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"],
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]{
    justify-self:stretch!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    background:#171417!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-gallery.is-single-image.is-stretched-to-edges>.book-talk-media-gallery-tile,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item{
    justify-self:stretch!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
}

/* COURTREADZ 8.3.39 — a stretched single image reaches both panel sides. */
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-feed-post>.book-talk-media-strip.is-stretched-to-edges{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges>.book-talk-media-gallery.is-single-image.is-stretched-to-edges,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
    gap:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    background:#171417!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges>.book-talk-media-gallery.is-single-image.is-stretched-to-edges>.book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"],
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]{
    box-sizing:border-box!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:#171417!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-strip.is-stretched-to-edges .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media.is-single-image.is-stretched-to-edges>.public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
}

/* COURTREADZ 8.3.95 — final BOOK MERCH whole-image fit override. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image:not(.is-stretched-to-edges) img[data-thumbnail-editor-image],
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-card.is-image[data-thumbnail-stretch-edges="0"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="0"]>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    transform-origin:center center!important;
    background:#171417!important;
}

/* COURTREADZ 8.3.96 — keep BOOK MERCH images painted after changing fit mode. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image],
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-item.is-image>img{
    z-index:1!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
}

/* COURTREADZ 8.3.100 — BOOK MERCH perfect fit keeps the complete original
   image visible without changing its natural width-to-height proportions. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges img[data-thumbnail-editor-image],
html.app-document body[data-current-view="book_talk"] #bookTalkMessages.book-talk-store-feed .book-talk-media-card.is-image[data-thumbnail-stretch-edges="1"]>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-messages.is-book-merch-feed .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    transform-origin:center center!important;
    opacity:1!important;
    visibility:visible!important;
    background:#171417!important;
}

/* COURTREADZ 8.3.98 — external BOOK MERCH posts keep their full images even
   when the public feed contains other categories and lacks the feed-level flag. */
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    background:#171417!important;
}
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="0"]>img,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="0"]>img{
    object-fit:contain!important;
}
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image[data-thumbnail-stretch-edges="1"]>img{
    object-fit:contain!important;
}
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image>img,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-position:center center!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
}

/* COURTREADZ 8.3.100 — final proportional-fit guard for every BOOK MERCH
   context, including All Categories and the external mixed-category view. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image],
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image>img,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image>img{
    object-fit:contain!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    image-rendering:auto!important;
    filter:none!important;
}

/* COURTREADZ 8.3.101 — image-edit controls remain live in every BOOK MERCH
   view, and any proportional-fit letterbox space is white instead of black. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-media-box,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch>.book-talk-media-strip,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch .book-talk-media-gallery,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch .book-talk-media-gallery-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch .book-talk-media-card.is-image,
html.guest-document .public-book-talk-post.is-book-merch>.public-book-talk-media,
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image,
html.guest-document .public-book-talk-post[data-merch-title]>.public-book-talk-media,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image{
    background:#fff!important;
}
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image img[data-thumbnail-editor-image],
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-feed-post.is-book-merch .book-talk-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-post.is-book-merch .public-book-talk-media-item.is-image>img,
html.guest-document .public-book-talk-post[data-merch-title] .public-book-talk-media-item.is-image>img{
    background:#fff!important;
    object-fit:contain!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
}

/* COURTREADZ 8.3.102 — shared BOOK MERCH media classes make Admin, Author and
   Member rendering identical even when their active Feed category differs. */
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-media-strip.is-book-merch-media-strip,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-media-gallery.is-book-merch-gallery,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-media-gallery-tile.is-book-merch-media-tile,
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-media-card.is-book-merch-media-card,
html.guest-document .public-book-talk-media.is-merch-gallery,
html.guest-document .public-book-talk-media.is-merch-gallery>.public-book-talk-media-item.is-image{
    background:#fff!important;
}
html.app-document body[data-current-view="book_talk"] #bookTalkMessages .book-talk-media-card.is-book-merch-media-card.is-image>.book-talk-media-thumb-image,
html.guest-document .public-book-talk-media.is-merch-gallery>.public-book-talk-media-item.is-image>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    object-fit:contain!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    image-rendering:auto!important;
    filter:none!important;
    opacity:1!important;
    visibility:visible!important;
}

/* COURTREADZ 8.3.103 — live slider interaction wins over the selected Perfect
   Fit state, including mouse, touch and keyboard range-input movement. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-control,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-slider,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-slider input[type="range"]{
    pointer-events:auto!important;
    touch-action:pan-x!important;
}
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-slider input[type="range"]{
    position:relative!important;
    z-index:5!important;
    display:block!important;
    width:100%!important;
    min-height:32px!important;
    opacity:1!important;
    cursor:ew-resize!important;
    user-select:none!important;
    -webkit-user-select:none!important;
}
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges .book-talk-thumbnail-editor-media-box{
    background:#fff!important;
}
html .book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges .book-talk-thumbnail-editor-media-box>img[data-thumbnail-editor-image]{
    background:#fff!important;
    object-fit:contain!important;
    object-position:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transform:scale(var(--thumbnail-scale,1))!important;
    transform-origin:var(--thumbnail-horizontal,50%) var(--thumbnail-vertical,50%)!important;
    transition:none!important;
}

/* COURTREADZ 8.3.104 — the Edit image preview uses the same full-width media
   box as the signed-in and external BOOK MERCH panels in both fit states. */
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image .book-talk-thumbnail-editor-media-box,
.book-talk-thumbnail-editor.is-book-merch-image-editor .book-talk-thumbnail-editor-preview.is-image.is-stretched-to-edges .book-talk-thumbnail-editor-media-box{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    transform:none!important;
}

/* COURTREADZ 8.3.108 — complete mobile performance pass.
   Phones keep the same layout and controls while avoiding expensive blur
   compositing, decorative animation, off-screen card paint and video-frame
   generation during normal page scrolling. */
html.courthreadz-mobile-performance,
html.courthreadz-mobile-performance body{
    scroll-behavior:auto!important;
    background-attachment:scroll!important;
}
html.courthreadz-mobile-performance *,
html.courthreadz-mobile-performance *::before,
html.courthreadz-mobile-performance *::after,
html.courthreadz-mobile-performance dialog::backdrop{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
html.courthreadz-mobile-performance :where(
    .book-talk-media-viewer-sparkle,
    .public-feed-sparkle,
    .book-talk-video-thumbnail-sparkles,
    .public-book-talk-video-sparkle-field,
    .member-glitter,
    .stream-live-ring
){
    display:none!important;
    animation:none!important;
}
html.courthreadz-mobile-performance :where(
    .live-badge.live::before,
    .live-badge.countdown::before,
    .live-map-pulse,
    .raffle-side-live i,
    .book-talk-account-type-badge.is-owner,
    .book-talk-member.owner-account::before,
    .book-talk-member.has-unread .book-talk-member-copy strong,
    .announcement-nav-unread,
    .book-talk-video-record.is-recording::before
){
    animation:none!important;
}
html.courthreadz-mobile-performance.courthreadz-mobile-scrolling :where(
    .book-talk-feed-post,
    .public-book-talk-post,
    .book-card,
    .book-fair-author-card,
    .book-fair-book-card,
    .raffle-created-item
),
html.courthreadz-mobile-performance :where(
    .book-talk-feed-post,
    .public-book-talk-post,
    .book-card,
    .book-fair-author-card,
    .book-fair-book-card,
    .raffle-created-item,
    .member-row,
    .announcement-card,
    .stream-recording-card
){
    transition:none!important;
}
html.courthreadz-mobile-performance :where(
    .topbar,
    .panel,
    .book-talk-feed-post,
    .public-book-talk-post,
    .book-fair-page-head,
    .book-fair-market-hero,
    .book-fair-author-card,
    .book-fair-book-card,
    .book-fair-author-hero,
    .book-fair-manage-card,
    .raffle-shell,
    .raffle-created-item,
    .member-row,
    .announcement-card,
    .book-sale-card
){
    box-shadow:0 2px 8px rgba(61,33,44,.07)!important;
}
html.courthreadz-mobile-performance :where(
    .book-spread,
    .reader-leaf,
    .reader-static-page,
    .book-opening-cover,
    .book-fair-nav-svg
){
    filter:none!important;
}
html.courthreadz-mobile-performance :where(
    .content,
    .book-talk-messages,
    .public-book-talk-messages,
    .member-list,
    .book-sale-orders-list,
    .stream-recording-gallery,
    .raffle-created-list,
    .live-map-user-list
){
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
}

/* Always show a clear video card. When a saved poster is unavailable the
   lightweight inline poster remains visible and the video still opens normally. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-video,
html.guest-document .public-book-talk-media-item.is-video{
    background:#fff!important;
    background-image:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-video>.book-talk-media-thumb-video-poster,
html.guest-document .public-book-talk-media-item.is-video>.public-book-talk-video-thumbnail{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-media-card.is-video>.book-talk-media-play,
html.guest-document .public-book-talk-media-item.is-video>.public-book-talk-video-preview{
    z-index:4!important;
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
}

@supports (content-visibility:auto){
    html.courthreadz-mobile-performance :where(
        .book-talk-feed-post,
        .public-book-talk-post,
        .book-card,
        .book-fair-author-card,
        .book-fair-book-card,
        .registered-accounts-panel .member-row,
        .announcement-card,
        .raffle-created-item,
        .stream-recording-card,
        .book-sale-order-row
    ){
        content-visibility:auto!important;
        contain-intrinsic-size:auto 420px!important;
    }
    html.courthreadz-mobile-performance :where(
        .registered-accounts-panel .member-row,
        .stream-recording-card,
        .book-sale-order-row
    ){
        contain-intrinsic-size:auto 120px!important;
    }
}

/* COURTREADZ 8.3.109 — low-overhead mobile rendering. Continuous decorative
   animation and transitions are disabled on phones; the signed-in Feed exposes
   older posts on demand instead of keeping an unbounded card tree alive. */
html.courthreadz-mobile-performance *,
html.courthreadz-mobile-performance *::before,
html.courthreadz-mobile-performance *::after{
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
}
html.courthreadz-mobile-performance :where(
    .topbar,
    .panel,
    .book-talk-feed-post,
    .public-book-talk-post,
    .book-card,
    .book-fair-page-head,
    .book-fair-market-hero,
    .book-fair-author-card,
    .book-fair-book-card,
    .book-fair-author-hero,
    .book-fair-manage-card,
    .raffle-shell,
    .raffle-created-item,
    .member-row,
    .announcement-card,
    .book-sale-card,
    .stream-recording-card
){
    box-shadow:none!important;
}
.book-talk-feed-load-more{
    grid-column:1/-1;
    display:grid;
    justify-items:center;
    gap:5px;
    width:100%;
    padding:10px 0 4px;
}
.book-talk-feed-load-more>button{
    min-width:min(260px,100%);
    min-height:44px;
    padding:9px 18px;
    border:1px solid rgba(var(--theme-rgb,216,109,131),.32);
    border-radius:12px;
    background:#fff;
    color:#8e2947;
    font-family:inherit;
    font-size:13px;
    font-weight:900;
    line-height:1.1;
}
.book-talk-feed-load-more>small{color:#80616d;font-size:10px;font-weight:800}

/* The full Book Fair stylesheet now loads only on the Book Fair page. These
   compact shared rules retain the navigation treatment everywhere else. */
.book-fair-nav-link{position:relative;isolation:isolate}
.sidebar .nav .book-fair-nav-link{border:1px solid rgba(242,189,99,.72)!important;background:linear-gradient(135deg,rgba(188,22,91,.88),rgba(207,22,102,.58))!important;color:#fff!important}
.sidebar .nav .book-fair-nav-link:hover,.sidebar .nav .book-fair-nav-link.active{border-color:#ffd88c!important;background:linear-gradient(135deg,#b8185b,#dd2778)!important}
.book-fair-nav-svg{display:block;width:23px;height:23px;overflow:visible;fill:rgba(255,255,255,.10);stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.book-fair-nav-link .nav-label{font-weight:950!important;letter-spacing:.04em}
.book-fair-nav-sparkle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0!important;color:#ffd270;font-size:12px;line-height:1}
.mobile-menu .book-fair-nav-link{border:1px solid #efba69!important;background:linear-gradient(135deg,#b91d5e,#d94082)!important;color:#fff!important;font-weight:950!important;letter-spacing:.035em}
.book-fair-mobile-icon{display:inline-flex;flex:0 0 21px;align-items:center;justify-content:center;width:21px;height:21px;color:#ffd270}
.book-fair-mobile-icon .book-fair-nav-svg{width:21px;height:21px}
.book-fair-mobile-label{display:inline-block;min-width:0;color:inherit;font-size:12px;font-weight:950;line-height:1;letter-spacing:.045em;white-space:nowrap}
@media(max-width:760px){
    html body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu>a.book-fair-nav-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;padding-inline:8px!important;overflow:hidden!important;text-align:center!important}
    html body .app-shell>aside.sidebar .member-mobile-dropdown .mobile-menu>a.book-fair-nav-link.active{border-color:#ffd88c!important;background:linear-gradient(135deg,#b8185b,#dd2778)!important;color:#fff!important}
}

/* COURTREADZ 8.3.145 — responsive mobile rendering.
   Tapped controls and their content remain immediate. Only background media
   discovery, video preload and polling wait until scrolling has settled. */
html.courthreadz-mobile-performance.courthreadz-ui-busy :where(
    .member-mobile-dropdown,
    .mobile-account-taskbar,
    .book-talk-members-panel,
    .book-talk-media-viewer,
    .public-feed-media-viewer,
    .announcement-media-viewer,
    .book-merch-cart-dialog,
    .book-sale-stripe-address-dialog,
    .book-fair-purchase-modal,
    .book-fair-share-modal,
    .modal,
    dialog
){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    box-shadow:none!important;
}
html.courthreadz-mobile-performance.courthreadz-mobile-scrolling :where(
    .workspace,
    .content,
    .book-talk-messages,
    .public-book-talk-messages,
    .book-talk-members-scroll,
    .book-merch-cart-items,
    .podcasts-video-grid,
    .recording-list,
    .viewer-list
){
    scroll-behavior:auto!important;
    touch-action:pan-y pinch-zoom!important;
}
html.courthreadz-mobile-performance :where(
    .mobile-account-taskbar-link,
    .mobile-account-taskbar-plus,
    .member-mobile-dropdown .mobile-menu>a,
    .member-mobile-dropdown .mobile-menu button,
    .book-talk-members-button,
    .book-talk-category-chip
){
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    contain:layout style;
}

/* Panels open in their final position without a synthetic loading layer. */

/* Nested interactive rows use local containment. Top-level cards keep the
   browser's content-visibility optimisation so an entire long page is never
   laid out and painted at once on a phone. */
@supports(contain:layout){
    html.courthreadz-mobile-performance :where(
        .book-talk-reply,
        .public-book-talk-reply,
        .book-talk-member,
        .book-talk-member-row,
        .podcasts-video-card,
        .private-video-recording-card,
        .live-map-user-card,
        .book-sale-order-row,
        .credits-history-list>*
    ){
        content-visibility:visible!important;
        contain:layout paint style!important;
        contain-intrinsic-size:none!important;
    }
}

/* COURTREADZ 8.3.200 — Private Video Chat connection controls.
   Keep the connection status, Record and End Video Chat in one compact row. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    min-width:0!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-status{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    min-width:0!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    white-space:nowrap!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-status > i{
    flex:0 0 auto!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-status > span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions{
    display:flex!important;
    flex:0 0 auto!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    gap:5px!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions > button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
}

@media(max-width:620px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top{
        gap:4px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-status{
        gap:5px!important;
        font-size:clamp(8px,2.45vw,10px)!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-status > i{
        width:7px!important;
        height:7px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions{
        width:auto!important;
        gap:3px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions > button{
        flex:0 0 auto!important;
        width:auto!important;
        min-width:0!important;
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;
        padding:4px 5px!important;
        gap:4px!important;
        font-size:9px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions .book-talk-ui-icon{
        flex-basis:13px!important;
        width:13px!important;
        min-width:13px!important;
        max-width:13px!important;
        height:13px!important;
        min-height:13px!important;
        max-height:13px!important;
    }
}

@media(max-width:360px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions > button{
        padding-inline:4px!important;
        font-size:8.5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top-actions .book-talk-ui-icon{
        display:none!important;
    }
}

/* COURTREADZ 8.3.201 — Private Chat and Video Chat overlap guard.
   Every major region owns its box: video controls and tiles stay contained,
   messages use the remaining scroll area, and the composer keeps its own row. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-inline-row,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-grid,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkFeedback{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head > *,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-inline-row > *,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-actions,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-categories{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel{
    position:relative!important;
    z-index:2!important;
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:min(52dvh,440px)!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-top{
    position:relative!important;
    z-index:2!important;
    flex:0 0 auto!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-grid{
    position:relative!important;
    z-index:1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-height:0!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-tile{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-tile > video{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
    position:relative!important;
    z-index:1!important;
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:min(78%,680px)!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkFeedback{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
    overflow-wrap:anywhere!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden]){
    position:relative!important;
    z-index:4!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"message post"!important;
    align-items:end!important;
    overflow:visible!important;
    background:var(--theme-surface,#fff)!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkInput{
    position:static!important;
    grid-area:message!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend{
    position:static!important;
    grid-area:post!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    white-space:nowrap!important;
}

@media(max-width:760px){
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill{
        box-sizing:border-box!important;
        min-width:0!important;
        max-width:100vw!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel{
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-inline-row{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain!important;
        scrollbar-width:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head-inline-row::-webkit-scrollbar{
        display:none!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel{
        flex:0 1 auto!important;
        max-height:42dvh!important;
        margin-block:6px 2px!important;
        padding:6px!important;
        gap:5px!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
        height:min(28vw,calc(42dvh - 52px))!important;
        min-height:0!important;
        max-height:calc(42dvh - 52px)!important;
        gap:5px!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-tile{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        aspect-ratio:auto!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        flex:1 1 0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message{
        min-width:0!important;
        max-width:min(86%,calc(100% - 29px))!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden]){
        grid-template-columns:minmax(0,1fr) 68px!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        overflow:visible!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend{
        box-sizing:border-box!important;
        width:68px!important;
        min-width:68px!important;
        max-width:68px!important;
    }
}

@media(max-width:380px){
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden]){
        grid-template-columns:minmax(0,1fr) 64px!important;
        gap:5px!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend{
        width:64px!important;
        min-width:64px!important;
        max-width:64px!important;
        padding-inline:7px!important;
    }
}

/* COURTREADZ 8.3.202 — protected Private Chat composer.
   The message field and Send action remain a dedicated visible row above all
   ordinary chat content, the mobile taskbar and the software keyboard. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden]){
    position:relative!important;
    inset:auto!important;
    z-index:50!important;
    isolation:isolate!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"message post"!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:7px 0 0!important;
    gap:7px!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    background:var(--theme-surface,#fff)!important;
    pointer-events:auto!important;
    transform:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden])::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:0 -2px -2px!important;
    border-radius:0 0 12px 12px!important;
    background:var(--theme-surface,#fff)!important;
    pointer-events:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkInput{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    grid-area:message!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    max-height:96px!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    grid-area:post!important;
    align-self:end!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:74px!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:7px 12px!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:nowrap!important;
    pointer-events:auto!important;
    transform:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
    z-index:1!important;
    min-height:0!important;
    padding-bottom:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}

@media(max-width:760px){
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill{
        height:var(--book-talk-mobile-private-height,calc(100dvh - var(--book-talk-mobile-private-top,70px) - var(--book-talk-mobile-taskbar-height,50px)))!important;
        max-height:var(--book-talk-mobile-private-height,calc(100dvh - var(--book-talk-mobile-private-top,70px) - var(--book-talk-mobile-taskbar-height,50px)))!important;
        padding-bottom:0!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.book-talk-form.is-private:not([hidden]){
        flex:0 0 auto!important;
        grid-template-columns:minmax(0,1fr) clamp(52px,18vw,72px)!important;
        grid-template-areas:"message post"!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:50px!important;
        margin:0!important;
        padding:6px 0 max(3px,env(safe-area-inset-bottom,0px))!important;
        gap:4px!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkInput{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:42px!important;
        min-height:42px!important;
        max-height:84px!important;
        font-size:16px!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend{
        width:clamp(52px,18vw,72px)!important;
        min-width:52px!important;
        max-width:72px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
        gap:3px!important;
        padding-inline:3px!important;
        font-size:9px!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend .book-talk-ui-icon{
        flex-basis:13px!important;
        width:13px!important;
        min-width:13px!important;
        max-width:13px!important;
        height:13px!important;
        min-height:13px!important;
        max-height:13px!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp #bookTalkForm.is-private #bookTalkSend > span{
        display:block!important;
        min-width:0!important;
        overflow:hidden!important;
        line-height:1!important;
        text-overflow:clip!important;
        white-space:nowrap!important;
    }
    html.app-document body.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp .book-talk-head{
        flex:0 1 auto!important;
        max-height:76px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
    }
    html.app-document body.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-panel{
        flex:0 1 auto!important;
        max-height:min(24dvh,124px)!important;
    }
    html.app-document body.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp .book-talk-video-grid{
        height:min(18vw,calc(24dvh - 48px))!important;
        max-height:calc(24dvh - 48px)!important;
    }
    html.app-document body.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        flex:1 1 0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }
}

/* COURTREADZ 8.3.204 — desktop Private Chat messages on mobile.
   Phones now use the website's exact bubble width, padding, typography,
   avatar dimensions and delete-control spacing. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        gap:1px!important;
        padding:8px 8px 9px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row{
        gap:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar{
        flex:0 0 24px!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message{
        min-width:50px!important;
        max-width:min(78%,680px)!important;
        padding:5px 9px 4px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p{
        font-size:14px!important;
        line-height:1.22!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        min-width:58px!important;
        min-height:31px!important;
        padding-right:34px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete{
        top:4px!important;
        right:4px!important;
        flex-basis:24px!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
        border-radius:8px!important;
    }
}

/* COURTREADZ 8.3.205 — compact, text-only Private Chat on mobile.
   Message rows sit close together without chat bubbles. Delete controls stay
   in their own reserved space and render as a white button with a black X. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        gap:0!important;
        padding:4px 6px 5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-day{
        margin:4px 0 3px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row{
        gap:4px!important;
        margin-block:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar{
        flex:0 0 20px!important;
        width:20px!important;
        min-width:20px!important;
        max-width:20px!important;
        height:20px!important;
        min-height:20px!important;
        max-height:20px!important;
        font-size:8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start) .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine:not(.group-start) .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine:not(.group-end) .book-talk-message{
        min-width:0!important;
        max-width:min(86%,680px)!important;
        padding:1px 4px!important;
        color:var(--ink,#271e22)!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name{
        margin-bottom:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        color:var(--ink,#271e22)!important;
        line-height:1.16!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        min-height:8px!important;
        margin-top:0!important;
        color:var(--muted,#7e6b74)!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        min-width:46px!important;
        min-height:24px!important;
        padding-right:29px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
        top:1px!important;
        right:2px!important;
        flex-basis:22px!important;
        width:22px!important;
        min-width:22px!important;
        max-width:22px!important;
        height:22px!important;
        min-height:22px!important;
        max-height:22px!important;
        border:1px solid #d7d7d7!important;
        border-radius:6px!important;
        background:#fff!important;
        color:#000!important;
        opacity:1!important;
        box-shadow:0 1px 3px rgba(0,0,0,.12)!important;
    }
}

/* COURTREADZ 8.3.206 — Messenger-style mobile Private Chat grouping.
   Consecutive messages from one sender form one compact visual group: the
   sender name starts the group, the avatar ends it, and metadata appears once. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:6px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-day + .book-talk-message-row.group-start{
        margin-top:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:-1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message{
        padding-bottom:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message-foot{
        display:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-end .book-talk-message{
        padding-bottom:1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name{
        margin:0 0 1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        margin:0!important;
        padding-top:0!important;
    }
}

/* COURTREADZ 8.3.208 — reliable left-aligned Messenger chat for both people.
   This final mobile layer uses neutral connected bubbles, displays both
   participants on the left and isolates the X in a dedicated grid column. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        display:flex!important;
        flex-direction:column!important;
        gap:0!important;
        padding:6px 7px 8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        gap:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:8px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-day + .book-talk-message-row.group-start{
        margin-top:1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:2px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar{
        display:grid!important;
        place-items:center!important;
        flex:0 0 24px!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin{
        box-sizing:border-box!important;
        width:auto!important;
        min-width:42px!important;
        max-width:min(84%,680px)!important;
        margin:0!important;
        padding:6px 10px 5px!important;
        color:#1c1e21!important;
        border:0!important;
        border-radius:16px 16px 16px 5px!important;
        background:#f0f2f5!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine{
        color:#152536!important;
        border:0!important;
        border-radius:16px 16px 16px 5px!important;
        background:#e7f3ff!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start) .book-talk-message{
        border-top-left-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message{
        border-bottom-left-radius:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name{
        margin:0 0 2px!important;
        color:#3d4650!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name strong{
        color:#3d4650!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        display:block!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        color:#1c1e21!important;
        font-size:14px!important;
        line-height:1.25!important;
        overflow-wrap:anywhere!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message-foot{
        display:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        min-height:8px!important;
        margin:2px 0 0!important;
        padding:0!important;
        color:#59636e!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 26px!important;
        grid-auto-flow:row!important;
        column-gap:7px!important;
        row-gap:0!important;
        min-width:76px!important;
        min-height:0!important;
        padding:6px 6px 5px 10px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control .book-talk-message-name{
        grid-column:1!important;
        min-width:0!important;
        margin:0 0 2px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > p{
        grid-column:1!important;
        min-width:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-message-foot{
        grid-column:1 / -1!important;
        min-width:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
        position:static!important;
        inset:auto!important;
        grid-column:2!important;
        grid-row:1 / span 2!important;
        align-self:start!important;
        justify-self:end!important;
        display:grid!important;
        place-items:center!important;
        box-sizing:border-box!important;
        width:24px!important;
        min-width:24px!important;
        max-width:24px!important;
        height:24px!important;
        min-height:24px!important;
        max-height:24px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #c9ced4!important;
        border-radius:7px!important;
        background:#fff!important;
        color:#000!important;
        font-size:15px!important;
        font-weight:900!important;
        line-height:1!important;
        opacity:1!important;
        box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
        transform:none!important;
    }
}

@media(min-width:761px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine > .book-talk-private-avatar,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine > .book-talk-message-name{
        display:none!important;
    }
}

/* COURTREADZ 8.3.209 — plain mobile chat messages without bubble boxes.
   Both people remain left-aligned and grouped, while message backgrounds,
   borders, rounded corners and shadows are removed completely. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:5px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start) .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message{
        min-width:0!important;
        padding:1px 4px 2px!important;
        color:#1c1e21!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        min-width:70px!important;
        padding:1px 2px 2px 4px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        color:#1c1e21!important;
    }
}

/* COURTREADZ 8.3.210 — tightly stacked mobile chat text.
   Hidden group avatars no longer hold open every row, and text, metadata and
   delete controls use compact dimensions without sharing the same grid track. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
        gap:0!important;
        padding:4px 6px 6px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row{
        min-height:0!important;
        margin:0!important;
        gap:4px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.group-start{
        margin-top:3px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-day + .book-talk-message-row.group-start{
        margin-top:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start){
        margin-top:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar{
        flex-basis:20px!important;
        width:20px!important;
        min-width:20px!important;
        max-width:20px!important;
        height:20px!important;
        min-height:20px!important;
        max-height:20px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-private-avatar.is-hidden{
        height:0!important;
        min-height:0!important;
        max-height:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        visibility:hidden!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin{
        min-height:0!important;
        padding:0 4px 1px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control .book-talk-message-name{
        min-height:0!important;
        margin:0!important;
        line-height:1!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p{
        min-height:0!important;
        font-size:14px!important;
        line-height:1.14!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        min-height:7px!important;
        margin:0!important;
        padding:0!important;
        line-height:1!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        grid-template-columns:minmax(0,1fr) 22px!important;
        column-gap:4px!important;
        min-width:62px!important;
        min-height:0!important;
        padding:0 1px 1px 4px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
        width:20px!important;
        min-width:20px!important;
        max-width:20px!important;
        height:20px!important;
        min-height:20px!important;
        max-height:20px!important;
        border-radius:5px!important;
        font-size:14px!important;
    }
}

/* COURTREADZ 8.3.211 — straight mobile chat column with no zig-zag.
   Sent and received rows now share identical avatar, content and control
   tracks, so every message starts at the same left position. */
@media(max-width:760px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine{
        display:flex!important;
        flex-direction:row!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        gap:4px!important;
        direction:ltr!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row > .book-talk-private-avatar{
        order:0!important;
        align-self:flex-end!important;
        margin:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin{
        order:1!important;
        flex:1 1 calc(100% - 24px)!important;
        align-self:auto!important;
        justify-self:start!important;
        box-sizing:border-box!important;
        width:calc(100% - 24px)!important;
        min-width:0!important;
        max-width:calc(100% - 24px)!important;
        margin:0!important;
        text-align:left!important;
        transform:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        text-align:left!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        justify-content:flex-start!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
        flex-basis:calc(100% - 24px)!important;
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
    }
}

/* COURTREADZ 8.3.212 — keep private-chat messages naturally stacked at every
   viewport height. Closing the mobile keypad (or enlarging the desktop chat)
   must leave unused space in the message pane instead of stretching rows. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation{
    display:flex!important;
    flex-flow:column nowrap!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-private-day,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-message-row,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-empty{
    flex:0 0 auto!important;
    align-self:stretch!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-message-row{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-message-row.group-start{
    margin-top:2px!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation > .book-talk-message-row:not(.group-start){
    margin-top:0!important;
}

/* COURTREADZ 8.3.213 — stable Private Video Chat boxes.
   Camera tiles keep the same width-driven 16:9 size while the message list,
   desktop window and mobile keypad change height. Chat owns only the remaining
   scrollable space and cannot resize or cover either webcam. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel{
    display:flex!important;
    flex-flow:column nowrap!important;
    min-height:0!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]){
    position:relative!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) > .book-talk-video-grid{
    display:grid!important;
    flex:0 0 auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    contain:layout paint!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) .book-talk-video-tile:not(.is-video-fullscreen-active){
    position:relative!important;
    align-self:start!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) .book-talk-video-tile:not(.is-video-fullscreen-active) > video{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > #bookTalkMessages.is-private-conversation{
    position:relative!important;
    flex:1 1 0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    isolation:isolate!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp > .book-talk-chat-panel > #bookTalkForm.book-talk-form.is-private:not([hidden]){
    position:relative!important;
    flex:0 0 auto!important;
}

@media(max-width:760px){
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]),
    html.app-document body.book-talk-mobile-private-active.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]){
        flex:0 0 auto!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) > .book-talk-video-grid,
    html.app-document body.book-talk-mobile-private-active.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) > .book-talk-video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:auto!important;
        align-items:start!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow:hidden!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) .book-talk-video-tile:not(.is-video-fullscreen-active),
    html.app-document body.book-talk-mobile-private-active.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > .book-talk-video-panel:not([hidden]) .book-talk-video-tile:not(.is-video-fullscreen-active){
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:16/9!important;
    }
    html.app-document body.book-talk-mobile-private-active[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > #bookTalkMessages.is-private-conversation,
    html.app-document body.book-talk-mobile-private-active.book-talk-private-composer-focused[data-current-view="book_talk"] #bookClubTalkApp.mobile-private-chat-fill > .book-talk-chat-panel > #bookTalkMessages.is-private-conversation{
        flex:1 1 0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
    }
}

/* COURTREADZ 8.3.214 — desktop Private Chat uses the same straight left-side
   conversation flow as mobile. Sent and received text never switch sides. */
@media(min-width:761px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row.mine{
        display:flex!important;
        flex-direction:row!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-right:0!important;
        margin-left:0!important;
        direction:ltr!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row > .book-talk-private-avatar{
        order:0!important;
        align-self:flex-end!important;
        margin-right:0!important;
        margin-left:0!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin{
        order:1!important;
        align-self:flex-start!important;
        margin-right:auto!important;
        margin-left:0!important;
        text-align:left!important;
        direction:ltr!important;
        transform:none!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        margin-right:0!important;
        margin-left:0!important;
        text-align:left!important;
        direction:ltr!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot{
        justify-content:flex-start!important;
    }
}

/* COURTREADZ 8.3.215 — plain Private Chat text on desktop and mobile.
   Coloured bubbles are removed, all message copy is black, and the white
   delete button owns a separate column so its black X cannot cover text. */
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-start) .book-talk-message,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-row:not(.group-end) .book-talk-message{
    box-sizing:border-box!important;
    min-width:0!important;
    padding:0 4px 1px!important;
    color:#111!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-name strong,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message p,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine p,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-foot,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine .book-talk-message-foot,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message-status{
    color:#111!important;
    text-shadow:none!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 22px!important;
    grid-auto-flow:row!important;
    column-gap:5px!important;
    row-gap:0!important;
    min-width:62px!important;
    min-height:0!important;
    padding:0 1px 1px 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-message-name,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > p,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-message-foot{
    grid-column:1!important;
    min-width:0!important;
    max-width:100%!important;
}
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus-visible,
html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
    position:static!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    justify-self:end!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #c8c8c8!important;
    border-radius:5px!important;
    background:#fff!important;
    background-image:none!important;
    color:#000!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:1!important;
    box-shadow:none!important;
    transform:none!important;
}

/* COURTREADZ 8.3.216 — desktop Private Chat delete control at the page edge.
   The transparent message track fills the row, leaving text at the left and
   the white black-X button locked to the far right of the chat pane. */
@media(min-width:761px){
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.mine.has-delete-control,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.admin.has-delete-control{
        flex:1 1 auto!important;
        align-self:stretch!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
        grid-template-columns:minmax(0,1fr) 22px!important;
    }
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:hover,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:focus-visible,
    html.app-document body[data-current-view="book_talk"] #bookClubTalkApp #bookTalkMessages.is-private-conversation .book-talk-message.has-delete-control > .book-talk-delete:active{
        grid-column:2!important;
        justify-self:end!important;
        margin-right:0!important;
        margin-left:0!important;
    }
}

.admin-podcast-background-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.admin-podcast-background-controls small{flex-basis:100%;}
html body #adminPodcastBackgroundFile[hidden],html body #adminPodcastBackgroundRemove[hidden]{display:none!important;}
#adminPodcastBackgroundStage.has-admin-background{background-image:var(--admin-podcast-background);background-position:center;background-size:cover;border-radius:12px;overflow:hidden;padding-block:clamp(32px,8vh,100px);}
html body #adminPodcastBackgroundStage.has-admin-background video{max-height:calc(100dvh - 340px);min-height:120px;object-fit:contain;}

/* Admin camera controls stay above their own video, including narrow screens. */
.book-talk-video-camera{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%}
.book-talk-video-camera .book-talk-video-controls{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px;max-width:100%}
.book-talk-video-camera .book-talk-video-control{min-width:0}
.book-talk-video-camera .book-talk-video-solid-toggle{grid-column:1/-1;width:100%}
.book-talk-video-camera .book-talk-video-mode-status{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}

.book-talk-camera-control-heading{grid-column:1/-1;font-size:11px;color:var(--theme-deep,#733a49)}

/* Keep remote camera details and measured bitrate together. */
#bookTalkRemoteVideoModeStatus{display:block;white-space:nowrap;overflow-x:auto;max-width:100%}