/* THEME-M3: pair foregrounds with their surfaces, including dynamic H1 dialogs.
   Screen only. No media filters, data changes or global heading overrides. */
@media screen {
html[data-l98-theme="dark"] body :is(.h1-dialog,.h1-surface,.h1-toast){--h1-ink:#e7eeef;--h1-muted:#b6c5ca;--h1-line:#3b4b52;--h1-green:#315b4c;--h1-mint:#253c34;--h1-red:#ffc7bd}
html[data-l98-theme="dark"] body .h1-dialog-header{background:#202e34!important;color:#e7eeef!important;border-color:#3b4b52!important}
html[data-l98-theme="dark"] body .h1-dialog-header>div{min-width:0}
html[data-l98-theme="dark"] body .h1-dialog-title{color:#e7eeef!important;overflow-wrap:anywhere}
html[data-l98-theme="dark"] body .h1-dialog-kicker{color:#a6d5bd!important}
html[data-l98-theme="dark"] body :is(.h1-body,.h1-record,#l98DemoJournalPreview){background:#172127!important;color:#e7eeef!important;border-color:#3b4b52!important}
html[data-l98-theme="dark"] body :is(.h1-choice>span:last-child,.h1-journal-copy small,.h1-empty,.h1-calendar .h1-week,.h1-legend,.h1-daytitle span,.h1-record time,.h1-record p,.h1-wheel-label,.h1-wheel button,.h1-trash-row small){color:#b6c5ca!important}
html[data-l98-theme="dark"] body .h1-record h4{color:#e7eeef!important}
html[data-l98-theme="dark"] body .h1-quick-grid .h1-btn svg{color:#a6d5bd!important}
html[data-l98-theme="dark"] body .h1-dialog .h1-day[aria-pressed="true"]{background:#315b4c!important;color:#e7f6ec!important;box-shadow:inset 0 0 0 2px #a6d5bd!important}
html[data-l98-theme="dark"] body .h1-dialog .h1-wheel button[aria-selected="true"]{background:#315b4c!important;color:#e7f6ec!important}
html[data-l98-theme="dark"] body :is(.h1-error,.h1-btn.danger){background:#382428!important;color:#ffc7bd!important;border-color:#87524e!important}
html[data-l98-theme="dark"] body .h1-status.warn{background:#362e20!important;color:#f0d398!important;border-color:#75613c!important}
html[data-l98-theme="dark"] body .h1-dialog :is(button,a):focus-visible{outline:3px solid #a6d5bd;outline-offset:2px}

/* The body marker limits these rules to the actual video collection page. */
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.hero-card,.collect-card,.tips-card,.manual-wrap,.preview-cover){background:#172127!important;color:#e7eeef!important;border-color:#3b4b52!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.hero-title,.collect-title,.tips-title,.item-title){color:#e7eeef!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.hero-sub,.collect-sub,.tips-list){color:#b6c5ca!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .editable-title-label{background:#362e20!important;color:#f0d398!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .item-title[contenteditable="true"]{background:#10191f!important;color:#e7eeef!important;border-color:#61747e!important;caret-color:#f0d398;box-shadow:none;overflow-wrap:anywhere}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .item-title[contenteditable="true"]:focus{background:#14222a!important;border-color:#f0c583!important;box-shadow:0 0 0 3px #f0c5833d}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .item-title.is-placeholder{color:#b6c5ca!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.action-btn,.back-link){background:#25343b!important;color:#e7eeef!important;border:1px solid #526771!important;box-shadow:none}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .action-btn.primary{background:#edb66a!important;color:#242018!important;border-color:#edb66a!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.action-btn.warn,#pinterestLockNote){background:#382428!important;color:#ffc7bd!important;border-color:#87524e!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .video-copyright-note b{color:#f0d398!important}
html[data-l98-theme="dark"] body.l98-video-collect-m3 :is(.action-btn,.back-link,.manual-toggle):focus-visible{outline:3px solid #f0d398;outline-offset:3px}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .action-btn:hover:not(:disabled){filter:brightness(1.08)}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .manual-row>.input{min-width:0}
html[data-l98-theme="dark"] body.l98-video-collect-m3 .manual-row>.action-btn{flex:none}
}