/* Appearance 89: shared UI surfaces follow the skin; reading paper stays a separate preference. */

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin]{--b27-reader-chrome:var(--yt-bg)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin]:not([data-reader-background]),html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin][data-reader-background="default"]{--b27-reader-base:var(--yt-bg)!important;--b27-reader-ink:var(--yt-text)!important;--b27-reader-number:var(--yt-muted)!important;--b27-reader-ambient:linear-gradient(var(--yt-bg),var(--yt-bg))!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body{--rp-ink:var(--yt-text)!important;--rp-muted:var(--yt-muted)!important;--rp-number:var(--yt-muted)!important;--rp-glass:var(--yt-surface)!important;--rp-panel:var(--yt-surface)!important;--rp-button:var(--yt-raised)!important;--rp-rim:var(--yt-line)!important;--rp-purple:var(--yt-accent-ink)!important;--rp-selection:rgba(var(--yt-accent-rgb),.14)!important;--au-ink:var(--yt-text)!important;--au-muted:var(--yt-muted)!important;--au-glass:var(--yt-surface)!important;--au-button:var(--yt-raised)!important;--au-rim:var(--yt-line)!important;--au-purple:var(--yt-accent-ink)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body.bible-v2 .reader-v2__header,
html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body.bible-v2 .reader-v2__header.is-scrolled,
html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page][data-page="read"] .top,
html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="read"] .head,
html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="listen"] .combined-tools{background:var(--yt-bg)!important;color:var(--yt-text)!important;--b27-reader-ink:var(--yt-text)!important;--rp-ink:var(--yt-text)!important;--b27-reader-chrome:var(--yt-bg)!important;border-color:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="listen"] .combined-tools{padding:8px 10px;border-radius:12px;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.b27-compare-layer,.b27-compare-sheet,.b27-plan-translations){--cmp-text:var(--yt-text)!important;--cmp-muted:var(--yt-muted)!important;--cmp-surface:var(--yt-surface)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.chapter-finish,.complete,.plan-next-40,.sheet,.fontbox,.combined-settings,.player,.day-list,.calendar-panel,.calendar-app .event-row,.event-hero,.event-details,.event-sheet__body,.moderator-note,.registration-dialog,.week-section--soft,.feed-status,.empty-day,.settings-panel-v2,.sheet-panel-v2,.b27-compare-sheet,.b27-quote-dialog,.b27-quote-sheet,.b27-verse-menu,.b27-comment-dialog,.account-sheet,.account-dialog,.saved-editor,.bible-search-form,.compare-header){background:var(--yt-surface)!important;color:var(--yt-text)!important;border-color:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.fontbox button,.fontbox__size output,.combined-settings button,.combined-toggle,.combined-tools button,.calendar-toolbar button,.registration-dialog__close,.registration-dialog__cancel,.sheet-close,.sheet-bottom-close,.event-secondary button,.detail-row i,.chapter-finish>a,.chapter-finish>.off,.complete a,.sheet .tabs button,.b27-calendar-today,.b27-calendar-nav button,.b27-comment-dialog button,.account-sheet button,.account-dialog button,.size-controls output,.sheet-header-v2 button,.book-search label,.selected-book,.saved-tools label,.search-examples a,.b27-date-button,.b27-date-arrow){background:var(--yt-raised)!important;color:var(--yt-text)!important;border-color:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.fontbox__title,.combined-tools h2,.event-row__time,.event-row__title,.event-details,.registration-dialog h2,.registration-dialog p,.b27-comment-dialog h2,.b27-comment-dialog p,.chapter-finish .off,.sheet h3,.b27-date-button b){color:var(--yt-text)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.event-row__subtitle,.detail-row,.moderator-note p,.combined-status,.queue-label,.repeat-setting,.registration-dialog__hint,.fontbox .reader-backgrounds__label,.compare-card header small,.cards .arrow,.cards [data-progress],.plan-card .label,.b27-date-button span,body[data-page="kids"] footer,body[data-page="kids"] .footer){color:var(--yt-muted)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.fontbox .font-options button.is-active,.combined-settings .font-options button.is-active,.reader-backgrounds__choices button[aria-pressed="true"],.sheet .tabs button.active,.calendar-toolbar .today,.reader-back-circle,.plan-audio-trigger,.chapter-finish .done,.complete>a,.b27-compare-submit,.b27-comment-dialog .b27-comment-primary){background:var(--yt-accent)!important;color:var(--yt-on-accent)!important;border-color:var(--yt-accent)!important;box-shadow:none!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page][data-page="read"] .top>a.back>span.reader-back-circle{color:var(--yt-on-accent)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.fontbox,.combined-settings) .font-options button.is-active :is(b,span){color:var(--yt-on-accent)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.b27-comment-dialog,.account-sheet,.account-dialog) :is(input,textarea,select){background:var(--yt-raised)!important;color:var(--yt-text)!important;border-color:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body .calendar-app .skeleton i{background:linear-gradient(90deg,var(--yt-surface),var(--yt-raised),var(--yt-surface))!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body :is(.sheet-handle,.handle){background:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body .saved-editor-delete{color:#ffaba7!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body .b27-comment-dialog{--vc-paper:var(--yt-surface)!important;--vc-ink:var(--yt-text)!important;--vc-muted:var(--yt-muted)!important;--vc-line:var(--yt-line)!important;--vc-soft:var(--yt-raised)!important;--vc-accent:var(--yt-accent-ink)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body #accountPanel button{background:var(--yt-raised)!important;color:var(--yt-text)!important;border-color:var(--yt-line)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin] body .b27-comment-dialog button.b27-comment-share{background:var(--yt-accent)!important;color:var(--yt-on-accent)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin][data-reader-background]:not([data-reader-background="default"]) body[data-page="listen"].combined-mode .combined-reading{background:var(--b27-reader-ambient)!important;background-color:var(--b27-reader-base)!important;color:var(--b27-reader-ink)!important;}

html[data-b27-modern][data-b27-skin][data-b27-skin][data-b27-skin][data-reader-background]:not([data-reader-background="default"]) body[data-page="listen"].combined-mode .combined-tools{--b27-reader-ink:var(--yt-text)!important;}

/* Eden: the book is a brighter photographic impression behind the headline. */

html[data-b27-skin="eden"][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .yt-home-hero{display:block!important;height:auto!important;min-height:0!important;margin:0 0 4px!important;overflow:hidden;}

html[data-b27-skin="eden"][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .yt-home-hero .headline{padding:18px 0 14px!important;text-shadow:0 1px 14px rgba(10,38,23,.18);}

html[data-b27-skin="eden"][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .yt-hero-art{inset:0!important;z-index:0!important;mix-blend-mode:screen;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}

html[data-b27-skin="eden"][data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .yt-hero-art::before{inset:0!important;width:100%!important;height:100%!important;background:url("./eden-88/book.webp") center 55%/cover no-repeat!important;opacity:.30!important;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.25),#000 32%,#000 72%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.25),#000 32%,#000 72%,transparent);}

/* Compact cards in Eden and Black. */

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-cards{gap:8px!important;margin-top:10px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card{min-height:0!important;padding:11px 10px 10px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .testament{font-size:10px!important;line-height:1.25!important;letter-spacing:.035em;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .reading-title{font-size:22px!important;line-height:1.12!important;margin:5px 0 0!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .reading-book{font-size:inherit!important;line-height:1.15!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .reading-chapters{font-size:11px!important;line-height:1.3!important;margin-top:3px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .chapter-label{font-size:10px!important;line-height:1.25!important;margin-bottom:4px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-card .progress-row{margin-top:6px!important;font-size:10px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-actions>a{grid-column:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:5px 2px!important;padding-inline:2px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;white-space:normal!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-actions>a.combined-action{grid-column:1/-1!important;min-height:44px!important;font-size:11px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body[data-page="home"] .reading-actions>a>span[aria-hidden]{display:none!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body:is([data-page="read"],[data-page="listen"]) .cards :is(.card,.plan-card){min-height:86px!important;padding:11px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body:is([data-page="read"],[data-page="listen"]) .cards :is(.book,b){font-size:19px!important;line-height:1.15!important;margin-top:6px!important;}

html:is([data-b27-skin="eden"],[data-b27-skin="story"])[data-b27-skin][data-b27-skin][data-b27-skin] body:is([data-page="read"],[data-page="listen"]) .cards :is(.range,small,i){font-size:11px!important;line-height:1.25!important;}