/* light theme: page layer for vault */
@media (prefers-color-scheme: light) {
/* from <style 0> */
html .v-eye:where(:not(.hero *):not(.hero)) { color: #086d95; }
html .v-h1:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .v-h1 em:where(:not(.hero *):not(.hero)) { color: #646464; }
html .v-lede:where(:not(.hero *):not(.hero)) { color: #4b4b4b; }
html .v-clockbar:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(11,13,18,0.184); background: #ffffff; }
html .v-clocklabel:where(:not(.hero *):not(.hero)) { color: #646464; }
html .v-clock:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .v-clock span:where(:not(.hero *):not(.hero)) { color: #646464; }
html .v-gate:where(:not(.hero *):not(.hero)) { color: #4b4b4b; }
html .v-gate b:where(:not(.hero *):not(.hero)) { color: #086d95; }
html .v-empty:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(11,13,18,0.103); background: #ffffff; color: #4b4b4b; }
html .v-foot:where(:not(.hero *):not(.hero)) { border-top: 1px solid rgba(11,13,18,0.103); color: #646464; }
/* --- hand fixes for vault --- */
/* ---- vault: hand fixes (group: browse) ---- */

/* Countdown bar: white card, hairline + soft shadow (the generated border was a heavy grey) */
html .v-clockbar { background: #ffffff !important; border: 1px solid var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .v-clocklabel { color: var(--text-3) !important; }
html .v-clock span { color: var(--text-3) !important; }
html .v-h1 em { color: var(--text-3) !important; }
html .v-lede, html .v-gate { color: var(--text-2) !important; }
html .v-gate b { color: var(--accent-ink) !important; }

/* Empty state + "How the Vault works" box: white cards instead of an outline on the grey page */
html .v-empty { background: #ffffff !important; border: 1px solid var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); color: var(--text-2) !important; }
html .v-empty a[style*="5ec4e8"], html .v-wrap a[style*="5ec4e8"] { color: var(--accent-ink) !important; }
html .v-wrap .disclaimer-box { background: #ffffff !important; border: 1px solid var(--line) !important; border-radius: 12px; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .v-foot { border-top-color: var(--line) !important; color: var(--text-3) !important; }

}