/* Theme only the application chrome, never the invitation artwork. */
.lv-home{background:var(--lv-bg,#fff);color:var(--lv-text,#303342)}
.lv-home>.header,.lv-home>.sidebar{background:var(--lv-panel,#fff)!important;color:var(--lv-text,#303342)!important;border-color:var(--lv-line,#e4e7ed)!important}
.lv-home .home-scroll{background:var(--lv-bg,#fff)}
.lv-home .section-heading h2,.lv-home .sidebar nav>a,.lv-home .sidebar nav>button{color:var(--lv-text,#303342)}
.lv-home .section-heading p,.lv-home .section-heading button,.lv-home .sidebar nav p{color:var(--lv-muted,#697587)}
.lv-home .header [data-theme-toggle]{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--lv-line,#dfe5ee);border-radius:9px;background:var(--lv-panel,#fff);color:var(--lv-text,#263247);padding:9px}
.lv-home .header [data-theme-toggle] svg{width:20px;height:20px}
.lv-home #search-form,.lv-home #search-form input{background:var(--lv-panel,#fff)!important;color:var(--lv-text,#303342)!important}.lv-home #search-form{border:1px solid var(--lv-line,#dfe5ee)}.lv-home #search-form input::placeholder{color:var(--lv-muted,#697587)}
:root[data-theme=dark] .lv-home .sidebar nav img{filter:invert(1);opacity:.8}
:root[data-theme=dark] .lv-home .sidebar nav .active,:root[data-theme=dark] .lv-home .sidebar nav>a:hover,:root[data-theme=dark] .lv-home .sidebar nav>button:hover{background:#392535!important;color:#ffabc3!important}
:root[data-theme=dark] .lv-home .search-banner{background:linear-gradient(115deg,#4d3045,#59404a 60%,#61413e)}
:root[data-theme=dark] .lv-home .category{background:#282f3c!important;color:#eef1f7;border-color:#3c4657}:root[data-theme=dark] .lv-home .category small{color:#b5bfd0}:root[data-theme=dark] .lv-home .category.active{border-color:#ff9bb8}
:root[data-theme=dark] .lv-home .template-card{background:#202631;border-color:#3c4657}:root[data-theme=dark] .lv-home .template-card .card-meta{background:#202631;color:#b5bfd0}
:root[data-theme=dark] .lv-home .library-filters{background:#202631;color:#eef1f7;border-color:#3c4657}:root[data-theme=dark] .lv-home .library-filter-row button{color:#b5bfd0}:root[data-theme=dark] .lv-home .library-filter-row button.active{background:#392535;color:#ffabc3}
:root[data-theme=dark] .lv-home .home-scroll{scrollbar-color:#667085 #171a21}:root[data-theme=dark] .lv-home .home-scroll::-webkit-scrollbar-track{background:#171a21}:root[data-theme=dark] .lv-home .home-scroll::-webkit-scrollbar-thumb{background:#667085;border-color:#171a21}
:root[data-theme=dark] .lv-home .lovia-logo{background:transparent}:root[data-theme=dark] .lv-home .lovia-logo img{filter:invert(1) hue-rotate(180deg)!important;mix-blend-mode:screen}
:root[data-theme=dark] .lv-home .lovia-logo::before{content:"";position:absolute;inset:0 auto 0 0;width:48px;background:var(--lv-panel,#202631);z-index:1}
:root[data-theme=dark] .lv-home .lovia-logo::after{content:"";position:absolute;left:0;top:2px;width:46px;height:46px;border-radius:12px;background:var(--lv-panel,#202631) url('/apple-touch-icon.png') center/54px 54px no-repeat;z-index:2}
@media(max-width:900px){:root[data-theme=dark] .lv-home .lovia-logo::before{width:35px}:root[data-theme=dark] .lv-home .lovia-logo::after{left:6px;top:5px;width:28px;height:28px;border-radius:8px;background-size:33px 33px}}
@media(max-width:600px){.lv-home>.header{height:112px!important;min-height:112px!important;flex-wrap:wrap!important}.lv-home>.header .header-right{width:100%!important;justify-content:flex-end!important}.lv-home .home-scroll{top:112px!important}.lv-home .header .site-header-account{max-width:140px!important}}
:root[data-theme=dark] .lv-home .category strong{color:#eef1f7!important}:root[data-theme=dark] .lv-home #search-form>img{filter:invert(1);opacity:.7}

/* Keep the shared review surface consistent with the selected site theme. */
html[data-theme=dark] #template-modal.live-modal[open],
html[data-theme=dark] #template-modal.live-modal .modal-info{background:var(--lv-panel);color:var(--lv-text);border-color:var(--lv-line)}
html[data-theme=dark] #template-modal.live-modal :is(.modal-image,#template-sharing,.review-switch,.hm-preview-actions){background:var(--lv-bg);color:var(--lv-text);border-color:var(--lv-line)}
html[data-theme=dark] #template-modal.live-modal :is(.modal-info h2,.features,.review-related h3){color:var(--lv-text)}
html[data-theme=dark] #template-modal.live-modal :is(.eyebrow,.modal-info p,.modal-info small,.review-pages h3,.review-related p){color:var(--lv-muted)}
html[data-theme=dark] #template-modal.live-modal :is(.features,.review-actions){border-color:var(--lv-line)}
html[data-theme=dark] #template-modal.live-modal :is(.review-actions button,#full-preview,.modal-close,.view-count,#template-like,.save-template){background:var(--lv-bg);color:var(--lv-text);border:1px solid var(--lv-line);border-radius:9px}
html[data-theme=dark] #template-modal.live-modal .review-switch button{background:transparent;border:0}
html[data-theme=dark] #template-modal.live-modal .review-switch button[aria-selected=true]{color:white}
html[data-theme=dark] #template-modal.live-modal #use-template{background:#f14d6c;color:white}
html[data-theme=dark] #template-modal.live-modal #copy-template-link{background:transparent;color:#ff9bb8;border:0}
html[data-theme=dark] #template-modal.live-modal .qr-link{background:white;color:black}
/* The mobile masthead is dark in both themes; remove the bitmap's white matte. */
html .hm-brand .hm-logo-art{background:transparent}
html .hm-brand .hm-logo-art img{filter:invert(1) hue-rotate(180deg)!important;mix-blend-mode:screen}
html[data-theme=dark] body .site-clean-brand .site-mobile-logo{background:transparent}
html[data-theme=dark] body .site-clean-brand .site-mobile-logo img{filter:invert(1) hue-rotate(180deg)!important;mix-blend-mode:screen}

html[data-theme=dark] #template-modal.live-modal .features span::before{color:var(--lv-muted)}
html[data-theme=dark] #template-modal.live-modal .preview-cover-loading{background:var(--lv-panel)!important}
html[data-theme=dark] #template-modal.live-modal .lv-loading-mark{color:var(--lv-text)}

html .hm-brand .hm-logo-art::after{content:"";position:absolute;left:0;top:1px;width:36px;height:36px;background:url(/apple-touch-icon.png) center/cover no-repeat;border-radius:8px}
